From Concept to Completion
The UX UI Design Process
Grow your Music Network

It’s Tinder for musicians. 

simple idea,

combined with a strong concept.

Destined for success.

Phase 1: Research
Product Research
I 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 Research
My 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 Analysis
We 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.
other apps 2
Phase 2: Early Design
Brainstorm and Branding
Forest, Trees, Wildlife, Music, Notes, Searching, Sending Messages, Communication, Nature, Rhythm…
With 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.
The 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 Profiling
Working 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 Brief
From our user profile we tied down both the functionality and the content needed to create the Brief.
The Mind Map
With 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
The Low Fidelity Mockup
Loosely depicting screen layouts and giving further definition to the flow of the mind-map, I created the wireframe. I now had the structure, content and informational hierarchy to move forward with UI.
User Testing
We shared the wireframe with a selection of end users. We gathered feedback on how easily they could navigate the entire app carry out key functions. This informed all of our edits to the user journey and the user interface.
Phase 5: The High Fidelity Prototype
The Pixel Perfect Product
Phase 6: Ongoing Support & Maintenance
Developer Support
Working closely with the developers, from the moment I share design assets to the final test build, I ensured the integrity of the design was adhered to.
Marketing Support
Following development, I produced promotional images both suitable for print and web optimized for use across social platforms.
Brand Support
With the creation of the JamForest Brand, I also created business cards and all event promotional event flyers and banners.

Inspired by and created for Musicians. 

JAMFOREST is one to watch out for.