High Fidelity Wireframing

After going through the first rounds of paper prototyping and then finalising the final wireframe of our product, we decided to create a quick high fidelity version of that wireframe so that when it came to creating the high fidelity prototype, we had a better gauge of the look and feel.

To create the high fidelity wireframe, we used Figma (an interface design tool with real-time collaboration) that allowed us to iterate faster and spend more time on the more complex/challenging issues.

Sign In Page

screen-shot-2016-11-28-at-16-02-31
Profile Screens

screen-shot-2016-11-28-at-16-02-16

 

screen-shot-2016-11-28-at-16-03-04

screen-shot-2016-11-28-at-16-03-25

Menu
Menu Screens
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s