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

Profile Screens





Menu Screens

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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s