User Experience

navigation architecture
Navigation Architecture
Navigation architecture is the foundation and serves as a blueprint for the website. Shown here is a high-level architecture blueprint I created for the Mobio Laboratories website.
flowcharts
Flowcharts
Flowcharts represent the process, step-by-step. Shown here is a flowchart I created for the ecommerce portion of the Mobio Laboratories website.
wireframes
Wireframes
Wireframes are the skeleton of the website. The emphasis is on what will be included, not on how it will look. The wireframes are delibarately kept black-and-white, devoid of graphics. Shown - web catalog for Mobio Laboratories.
mockups
Mockups
Mockups show what the user interface will look like. All of the design elements are in place for a final approval. Shown here is a mockup of the web catalog for Mobio Laboratories incorporating the creative director's design.
dynamic prototyping Dynamic Prototyping
Dynamic prototyping is a valuable tool in website and application development. Presenting the workflow dynamically at the wireframing stage enables the team, management and clients to visualize and fine tune the way an application works before back-end development begins. Click on the thumbnail for a Flash based dynamic prototype I did for Nasoft.