Artboard Copy 5.png

MIO app

 
 

MIO app|UX/UI design
Personal Project

MIO focuses on creating quick meal preps for busy people. The UI screens were designed on Sketch and the prototype was made on InVision Studio. Check out the entire project below!

 
Page_1.png
 

Wireframes

These are a series of low fidelity wireframes. I just select a few of the main screens.

 
Wireframes_Webiste.jpg
 
 
MIO1.gif
mio2.gif
 

Moodboards

 
MoodBoards.jpg
 
 

Storyboards

As part of the research I created some storyboards based on the personas.

 
storyboard1-01.jpg
 
 

Typography & colors

Typography.png
 

UI Screens

Homepage/Signup screens

Signup_Pages.png

Recipe builder/diet preferences screens

Mainscreens.png
 

Prototyping

I used Sketch and InVision studio to create the app animation.