![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/d2714516-73da-4714-ad16-f6bc804bab73_rw_1920.png?h=e93a51c9a85d301890dbfe835356b7fd)
Role
• UX/UI Designer
Timeframe
Careerfoundry Student Project 2020-2021
Overview
Most popular music apps provide a related songs or song radio feature. Here’s the catch; similar tracks are usually recycled and repeated. Nostalgiafi gathers your favorite titles and connects you to a plethora of related music, never recommending the same song twice.
Objective
Nostalgiafi is a native app that serves as a gateway to related music. Think of that song you have on repeat; Nostalgiafi will use that song as a guiding light, bridging the gap between you and a new list of titles that will become your new favorites.
Competitive Analysis
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/c38cf025-9355-4584-8faa-9799a924bfdc_rw_1920.png?h=91ebb5662085ca052951011eeac49944)
User Research
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/e0e17691-ead0-4e22-bfd3-e33938323fab_rw_1920.png?h=98f0f63efca5305aae7230976a3adc19)
User Flows
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/d0283cbe-cce0-4f57-8353-a22df0cb4c76_rw_1920.png?h=52c01999d08f4cbe0d280a93193a505f)
User Flow Diagram
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/09113042-2b7b-446d-9277-defe8c872947_rw_1920.png?h=f73c0fbf39faa8f53bc63da752812703)
Low Fi Wireframes
User Story 1
"I want to access music tailored to my taste, so I can select songs and find related music."
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/ee1f4a8b-05cc-4076-8833-d18eb37284aa_rw_1920.png?h=3c0fed3eb462885a4f0cbb9fdf91e44e)
Mid Fi Wireframes
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/92474960-72ce-4fde-ad4d-d7bfd32b978e_rw_1920.png?h=800debd5906fdffd42144be399ac2f31)
Branding
A dark theme keeps the focus on the content. Accents of color direct the user’s attention to important features and functions, without being exhausting to look at.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/87ef7973-e0bb-4531-9f2e-c89d5c811562_rw_1920.png?h=76b3b6cbba511eaf23a78d0549c589f9)
Final Designs
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/7e8be889-3de8-438e-8827-a8d9c5549a16/f60c8ff3-fede-422d-91b2-8ea32f22f825_rw_1920.png?h=b1f76ada6db015fbd5fe24c20d5ce9c6)
Thank you for your time!
Erin Fritts