Deliver
 
Resulting Solution

 

Final Product

A well thought out plan leads to the delivery of a well executed final product. Annotated documents that are created to communicate relevent content to the copy writer, and system requirements to the developer. An interactive high fidelity prototype is created to convey how the product functions to all of the stake holder.


 

 

"Expanding Impact for Social Good"
Venmo - peer-to-peer payment app

Introducing a way for users to send money via their app to causes they care about , while meeting the needs of both online donors and existing users.

 

"Make It Clear, Fast & Easy"
CellSmart POS - Point-of-Sale system for cellular stores

Creating a simple and user friendly browser-based product for the feature rich POS system, while shortening the learning curve for new customers.

 

"Guided Process for Efficient Case Processing and Compliance"
Health Insurance Provider - Claims, Appeals & Grievances

Replacing an outdated component content management system with a more agile platform to enable a more efficient Appeals & Grievances process.

 

watch

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's

Integrating game-like features for an Apple Watch app is an opportunity to motivating users with themes based on Nintendo characters.

 

Wireframes

The basic structure of a screen to give a sense of each elements' placement on the page and where the strongest visual emphasis will be directed. The preliminary wireframes do not include color, graphics, photos, or actual fonts. Even more polished wireframes usually include placeholder text and images unless they are explicitly required as part of the task flow (like an icon without accompanying text).

mobile

"Expanding Impact for Social Good"
Venmo - peer-to-peer payment app

Usability tests were conducted on with low fidelity paper wireframes. The purpose of the tests were to explore: - How findable and usable the donation feature was; - How the feature integrated into the existing user flow;

 

Wireframes

Annotations

An explanation for clients, developers, visual designers or copywriters of what each element is, how it works, and how it meets the user or business goals. It can include, if applicable; whether the element is conditional, if it is hidden in certain instances, what it links to, if it has error states or any physical constraints (such as character count).

watch

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's

In order to complete each challenge, the user must engage in various physical activities, such as running. Each user can set their own workout schedules and they can also join gaming activities created by their friends or create their own events and invite friends to join.

View all of the annotated wireframes.

 

AnnotationsAnnotations

High Fidelity Prototype

Interactive prototypes that provide a view of the form and function of the product that will be released help to communicate the idea to a diverse groups of stakeholders.

 

 

 

 

 

Wii Move Prototype

watch

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's

The prototype included Apple Watch specific behaviors & functionality, such as the progression to long glance from short glance, and synching data from the existing health app options.

View Prototype

 

CellSmartPOS Prototype CellSmartPOS Prototype

desktop

"Make It Clear, Fast & Easy"
CellSmart POS - Point-of-Sale system for cellular stores

The prototype focused on the primary taskflows or paying a bill and adding a new product to inventory.

View Prototype

 

 

 

 

Style Guide

A basic outline of anything that was not accomplished during this phase of the project due to constraints in time, data, technology or budget.

Style Guide

 

"Guided Process for Efficient Case Processing and Compliance"
Health Insurance Provider - Claims, Appeals & Grievances

A style guide was created to promote reusability and maintain visual consistency for the current and future applications. The Style Guide served as a living library of all the repeating visual patterns. Designers and developer were able to save time by using the style guide as a reference instead of starting from scratch each time.

View The Full Style Guide

 

 

 
 

 

Next Steps

A basic outline of anything that was not accomplished during this phase of the project due to constraints in time, data, technology or budget.

 

desktop

"Make It Clear, Fast & Easy"
CellSmart POS - Point-of-Sale system for cellular stores

Next Steps
Further usability testing with additional users
(Conduct usability tests on additional features and user flows once designed)

Consider which types of data can be accessed by all users vs. which should be limited to specific users and/ or locations
(This is an option that will be more feasible to explore once the browser based system is deployed)

Explore different options for responsive layout
(Conduct user research to identify needs specific to mobile plaform)

 

 

 
 

watch

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's

Next Steps
More game theme options based on other Nintendo games
(Such as Legend of Zelda, Final Fantasy, and others)

More types of physical elements
(Jumping, squats, shadow boxing, etc.)

Create the remaining screens & function for the Apple Watch app
(Calendar, invite friends, solo player games)

Fully functional Mobile App
(Research, define and design)