User Interface Design

User Interface Design is intricate work. Here, I will present two sides of UI design: wireframing and design. The former is critical to understand the flow of an application before development and design has started. The latter makes all that hard work look good.

Toolbar Mockups

After building a workflow for Designers to skin Viewpoint's flash based rendering engine for their Toolbar, I began mockups. These are some of the designs that show the flexibility of the underlying architecture:

• Toolbar Skin, CNET
• Toolbar Skin, NetFlix
• Toolbar Skin, Monster.com
• Toolbar Skin, Toyota Scion

Software Branding and UI

I worked on Enliven at Viewpoint, where I made changes to the pre-existing UI and worked on wireframing and presentation graphics:

• Enliven Branding
• Enliven Scene Display Wireframe

Additional Iconography

I have worked to unify the visual language in Viewpoint's Engineering products. Below is some additional icon and brading work I have done:

• Icons

Monster.com Toolbar
 

Closed:

Open: