Wireframes

Wireframes are one of the most important part of user expereince, as well as other design feilds. Wire framing allows us to quickly ideate, develop and deliver concepts for rapid prototyping. Below are examples of some wireframes and how I was able to quickly visualize touchpoints and deliver files and assets for immediate implementation.

Bitguard

This is a great example of showcasing key touchpoints of a wireframe.
Below are examples of some wireframes and how I was able to quickly visualize touchpoints and deliver files and assets for immediate implementation.

 

However – real wireframes look more like this

 

Here we have the wireframes of each major feature of the application. Below are examples of the home page, sending crypto, receiving crypto, exchange crypto and the initial tool page.

Next we have the onboarding process which the user has two options to choose from.


Creating a new wallet with new passwords, or logging in with an existing wallet.

Babbles

Babbles is an anonymous location based messaging app developed by Aureans – based in London, UK. Below are examples of early wireframes delivered to the team to help ideate new features and walk through how users may use the app.

Below is an updated version of a wireframe with details and explanations to help guide developers to understand the concept and build the application.

FitEXP

FitEXP is my thesis project for my masters at Royal College of Art which was a service designed to help people overcome their barriers to fitness and give them real time feedback to help them achieve their goals. Below are examples of different touchpoints throughout the users journey.

Meal

MealCal is a project which focused on developing a routine of cooking healthy meals at home. Initially the onboarding is designed to gain a solid understanding of users, their limitations and preferences. After that the menus lead to different features to help users buy ingredients, prepare meals and schedule meals.