From Concept to Completion
The UX UI Design Process
Grow your Music Network
Phase 1: Research
Product ResearchI hit the app stores to find out what apps existed in competition with JamForest. I also studied precedent apps like Tinder and Spotify to gage the standard of UX UI Design that our end users are familiar with.
User ResearchMy Client and I conducted a user focus group of musicians. We presented our ideas and gathered feedback through discussion and questionnaires, both on JamForest and on existing apps that they were using.
Research AnalysisWe analyzed feedback from the focus group to establish what JamForest could provide to fill the gap in the market. We also gained an understanding of what UX UI elements were successful with our end user, by talking to them about apps that were already on their home-screen and in use almost every day.
Phase 2: Early Design
Brainstorm and Branding
KeywordsForest, Trees, Wildlife, Music, Notes, Searching, Sending Messages, Communication, Nature, Rhythm…
ConceptWith a strong reference towards both music and nature, the butterfly silhouette encompasses the idea of searching for and sending messages, fine tuned with the rhythmic sound wave on one wing.
BrandingThe name “JamForest” harnesses tones of a music festival rave in the woods. It conjures images both of nature and of artificial strobe lights. With this in mind we chose this vibrant green color that would work well with both black and white going forward.
Phase 3: Creating User Journeys
User ProfilingWorking closely with my client who had an excellent understanding of her target audience and end user, we created user profiles. We knew they’re age, gender, lifestyle, interests, how they spend their time and how they spend their money!
The BriefFrom our user profile we tied down both the functionality and the content needed to create the Brief.
The Mind MapWith a clear understanding of the brief and the end user, I drew a mind map. This made clear, every functional aspect of the app and the user journey involved in getting there.
Phase 4: Wire-framing & User Testing