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.
Filed Under
UI Design
Mobile App Design
RED Academy
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.
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
© Copyright 2020 Michelle Schofield.