Process & Artifacts‍

Over 10 years of being a designer, I have designed and delivered almost every form of artifact there is. From site architecture, flow charts, wire frames, spec docs through to HTML prototypes.  
These days, thankfully, I spend less time with artifacts and far more time thinking through sketches at the lowest fidelity possible, really thinking through my ideas, and then going straight to prototyping out the product. 
The artifacts here are merely that - a deliverable at some point in the life of a project. 

Competitive Analysis

Assess competitive offerings against customer needs

CLIENT

Walmart.com

DESCRIPTION

For a re-design of its online shelves, Walmart.com initiated a competitive review of its online and offline competitors. I came up with a wall-size chart that listed a  matrix of business factors and illustrated the state of the competition as well as a look-and-feel mood board.

Task flow and logic

High-level flow of user’s journey

CLIENT

IBM

DESCRIPTION

In 2007, I consulted for IBM on a virtual heritage project it had initiated with Beijing's Palace Museum. At left, logic diagram detailing user arrival, registration, download and launch of executable.

Storyboarding

Visually depict scenarios with storyboards

CLIENT

Walmart.com

DESCRIPTION

Augmented Reality shopping scenario. I have always felt that big-box shopping was an ordeal in way-finding. As a self-initiated study, I visited the local Walmart and sketched this basic storyboard concept of what a smart shopping list set in an augmented reality context could mean for future retail shoppers.

Wire frames

Visually communicate abstract concepts with users and team members to generate feedback.

CLIENT

IBM

DESCRIPTION

Detail of wireframe and annotations detailing the landing page of the website.

High fidelity visual design

Specify product branding, typography, colors, and icons.

CLIENT

Hotwire

DESCRIPTION

Detail of mWeb mockup for developer.

High fidelity prototypes

Quickly develop interactive prototypes with tools like Invision. This lets the team easily participate in the design process, and test with customers.

CLIENT

Hotwire

DESCRIPTION

Prototype exported from Sketch and wired up in Invision