Brad D Stephens Graphical User Interface Design and Development
Design, Photography and Software Development for Graphical User Interfaces
For more information on services please contact Brad at brad@braddstephens.com
 


Page 1   |  Page 2   |  Page 3

image image
PictureGem

PictureGem.com

Description
Our dedicated photography web site.


image image
Global Packaging Matrix
Proctor and Gamble's Always brand featured

Global Packaging Matrix

Description
Application Development of online tool designed for managing large-scale packaging initiatives. One key feature of this tool is a very unique display of uploaded assets. These assets (packages) are viewed under an unlimited number of hierarchal categories called "Clusters" and "Variants." The categories dynamically span vertically and horizontally to maintain their position under the appropriate columns and rows of the matrix. The assets are poured into matrix cells that match the geographical region, Cluster/Variant and life-cycle status.

Built using ASP.NET 2.0 (C#).


image image
E-learning tool for Panasonic (Copyright 2007 Landor Associates)

Panasonic Customer Journey

Description
Application development of Panasonic's online training course developed to educate showroom sales staff on the "journey" that customers often follow when making a plasma TV purchasing decision. This tool is available as a SCORM compliant e-learning module and a desktop toolkit for building new course modules.

Built using Flash Actionscript 2.0, .NET (C#), MDM Zinc, SCORM 1.2.
Customer Journey demo
Customer Journey Admin demo (username:admin password:sa)


image image
P&G Corporate Brand Guidelines
Phase Builder Wizard UI

P&G Corporate Brand Guidelines

Description
Application Development of P&G's Corporate Guidelines web site. A notable user interface of this web site is the Phase Builder Wizard used for adding a P&G Phase Graphic to any image within the P&G Photo Library. After selecting a Phase Graphic and Phase Color the user can place the photo, make drag-and-drop adjustments to size and position of the photo with a real time preview, and then render the final image out to a JPEG file for downloading.

Built using Classic ASP (VBscript), JavaScript, MediaBin and Adobe Graphics Server


image image
Quaker Oats brand featured
Quaker Oats brand featured

Brand Navigator E-learning tool

Description
Application Development of SCORM compliant e-learning tool geared toward educating corporations about protecting their brands. Key features of this application include: interchangeable XML-configured module sections, drag-and-drop interactivity and engaging multi-media course content.

Built using Flash Actionscript 2.0, .NET (C#), MDM Zinc, SCORM 1.2.



image image
Dental Esthetics in Practice (part of P&G’s dentalcare.com)

Dental Esthetics in Practice
(subsection of Proctor & Gamble’s dentalcare.com)


Description
Senior Developer (independent contract with Whittmanhart, Inc.) on Proctor & Gamble’s Dental Esthetics in Practice web site. Responsibilities included creating and maintaining project development timelines, resource allocations, development of all interactive components, HTML refinement/production and manage integration with the Proctor & Gamble Learning Management System.


image image
Citigroup WRS user interface design

Citigroup Workforce Registration System (WRS)

Description
GUI design and Development of Citigroup WRS. This online tool records information about individuals who require access to Citigroup systems and resources, and to generate unique identities that can be used to grant or revoke access to these systems and resources. The information gathered is also to be used for business processes, such as HR systems. This 26-screen user interface design was based on a 70-page requirements document. My role in this project consisted of:

- Standardizing style elements
- Page design for all screens
- HTML development of all screen layouts
- Custom DTHML/Javascript


image image
GUI design for auditing tool of the BSA, SIIA, CAAST

Software auditing tool of the BSA, SIIA and CAAST

Description
GUI design and Development of GASP Version 7.0. application: Software-auditing tool used by the BSA, SIIA, CAAST, and hundreds of small, medium and large enterprises and government agencies worldwide. My role was to reshape the overly complex user interface into a user experience providing a "sense of place". Relying on my design and GUI development experience help to Transcend "mind-boggling" configuration screens into step-by-step wizards and design tranformation of "techno-jargon" labels into meaningful XP-style icons. GASP Version 7.0 is recognized as the most accurate, easy to use PC asset discovery tool in the industry.

View this application in detail


image image

Fischer Homes - Interactive Showroom

Description
Develop Software Requirements Specification (SRS) for interactive presentation application to be displayed on wall-mounted plasma TV’s in Fisher Homes’ Design Center. Two major components were required for this project:
  • Interactive Slideshow Application for displaying model homes and accessories - built using Adobe Flash Actionscript 2.0 with configuration and slideshow data as XML.
  • Web-based Slideshow Administration Tool for maintaining multiple Design Center locations and Slideshows - built using C# and ASP.NET and an XML data source.

image image
Using XML / XSLT to manage CSS

XML/XSLT-based system for managing portal style sheets

Description
Design and Development of XML/XSLT based system extending the current CSS style capibilities of a single-template e-commerce portal.

view model in detail


image image
Winetasting.com Renovation - 2003

Winetasting.com Renovation - 2003

Description
Winetasting.com (purchased by 1-800-Flowers.com in 2004) is a unique e-commerce store that enables customers to shop over fifty different wineries and make your purchases through a central checkout system. Early 2003, I lead the redesign effort resulting in a smooth classy look reflecting "California Wine Country."