Groove
APP DESIGN CASE STUDY
The local scene is experiencing an overload of shareable information. Today’s consumers are over saturated with local events, meet-ups and group activities. Despite the endless sea of happenings, people continue their struggle to find activities that align with their personal interests.
For this project, I was tasked with creating the visual design for a mobile app that reimagines how people can search and find live music events that reflect their interests. This included everything from branding and logo design to a high fidelity prototype for the app.
Goals
Design mobile app
Role
UI Designer
Tools
InVision
Principle
Sketch
zeroheight
Timeline
6 weeks
Persona
Nate Young | Music Junkie
​
Motivation: Staying current with the local music scene
​
Goal: Get complete scoop on local live music events and meetups
​
Frustration: Too much happening at once locally
Mood Boards
I created three versatile mood boards that explored varying aesthetic directions for the Groove platform.
This first mood board is bold and vibrant color palette that is heightened by its contrast to the clean, white background. It has a very modern feel and the pop of color creates an element of excitement.
This second concept combines classic rock ‘n roll vibes with playful, vintage illustrations. After further evaluation of all three mood boards, this design seemed like it may only appeal to a smaller, specific demographic of rock music fans, and therefore I passed on this design concept.
This concept is playful with a nod to the retro era of music and overall style. I ultimately moved forward with this aesthetic for the Groove app as it encompasses the fun and excitement of live music and has the ability to appeal to a large group of music lovers.
Style Tile
I expanded on the chosen design aesthetic to create a visual showcasing various design elements of the app including buttons, typography and photo treatments. I expanded on the use of muted citrus tones to create an inviting environment. I also utilized artist images with vintage photo treatments to achieve a retro aesthetic.
Wireframe Evaluation
I was provided with a set of wireframes for the project which I evaluated before moving forward with the design process.
High Fidelity Screens
Below is a sampling of the screens I created for the Groove mobile app. Access to the full Groove prototype will be available soon.
