2HP

170 line grey

Park Where You Want

    While at RED Academy in 2017, one of the first projects we had, the task was to create a mobile app UI library based on pre-made wireframes. The community-based app helps its users find fast and low-cost parking spaces around their location based on certain filters they could choose, while also offering promotions and deals. The target audience was for men and women between twenty to forty years of age who were on the go, fun, creative and resourceful. We were given nine wireframes to work off of to create a mood board, style tile, style guide, a high-fidelity design, and a final presentation to the UX/UI cohort. 

    Starting with an inception sheet, I was paired with Kim Lavia to have the same end goal for the interface, but done in a completely different direction. So we decided we wanted the person using this app to feel as stress free as possible while being able to focus on the road, and to not worry about looking for a parking spot. From there, I started looking for inspiration focusing on key words like energizing, balanced, warm, and relaxed.

View Progress   

Filed Under   
UI Design
Mobile App Design
RED Academy

Oops! Something went wrong, this should be an image.
Oops! Something went wrong, this should be an image.
Oops! Something went wrong, this should be an image.

If you want to see the original wireframes, and or the original designs, check out the process page.

270 line grey

Get Where You're Going

    Originally, I went with bold lines, rounded edges and bright colours based off my mood board of sunrises, friends, and amusement park rides. I since revised the style guide keeping the mood board in mind. I chose Fira Sans as the sole typeface, a completely legible sans serif with a modern feel, to appeal to our audience and be easy to read, even if the phone is mounted to the dashboard. For the colour choices, I picked colours that together I felt went from calming, like the lavender violets, to energetic and exciting like opal and vermillion.

Oops! Something went wrong, this should be an image.
Oops! Something went wrong, this should be an image.

Strong Opal

Pantone Bright Green C
CMYK  78 5 50 0
RGB  0 174 153

Strong Opal



Pantone Bright Green C
CMYK  78 5 50 0
RGB  0 174 153

From left to right:

Brilliant Amber    

Pantone  113 C
CMYK  2 11 73 0
RGB  253 220 100 

Light Pistachio Gray

Pantone  663 C
CMYK  6 1 9 0
RGB  237 244 232

Dark Curulean

Pantone  647 C
CMYK  93 58 33 12
RGB  15 94 127

Moderate Blue Violet

Pantone  267 C
CYMK  82 93 7 1 
RGB  86 57 141

Moderate Blue Violet

Pantone  267 C
CYMK  82 93 7 1 
RGB  86 57 141

Light Brilliant Orange

Pantone  804 C
CYMK  0 46 74 0
RGB  255 158 81

Blue Violet Gray

Pantone Violet 0631 C
CYMK  28 30 6 0
RGB  183 173 203

Blue Violet Gray


Pantone Violet 0631 C
CYMK  28 30 6 0
RGB  183 173 203

Blue Violet Gray

Pantone Violet 0631 C
CYMK  28 30 6 0
RGB  183 173 203

Brilliant Vermillion

Pantone 164 C  
CYMK  0 72 73 0
RGB  238 108 77

Brilliant Vermillion


Pantone 164 C  
CYMK  0 72 73 0
RGB  238 108 77

Brilliant Vermillion

Pantone 164 C  
CYMK  0 72 73 0
RGB  238 108 77

Oops! Something went wrong, this should be an image.
Oops! Something went wrong, this should be a button.
Asset 71

Home          User Interface          Illustration          About          Connect           Shop

instagram (2)
linkedin-logo (1)
behance-logo (2)
facebook-logo (2)

 © Copyright 2019 Michelle Schofield. All Rights Reserved.