Site App Design
Miary is an innovative blend of a music log and diary, designed to track and reflect on a user's music listening habits. It collects data on key metrics, including time spent listening, top genres, and favorite artists, providing users with a personalized overview of their musical journey. Beyond the analytical side, Miary invites users to reflect on the emotions and memories certain songs or genres evoke, making it a deeply personal and reflective space for music lovers.
Visual Principles for the Screen, Group Execution
Figma Link
2024
Final Color Palette. I intentionally chose a bright yellow to contrast with the dark purple, evoking the vibrant and uplifting experience that music brings to users' lives.
Recurring Graphic Elements. The "Session 1" graphic showcases the different time stamps that genres of music were listened. The Day, Week and Month buttons highlight the data of different time frames users can sort through. The facial expressions represent users' mood after tracking their emotional responses. The homebar featuring five different page landings. The slider allows users to note their feelings.
Initial Wireframe Development - Focusing on different ways data can be expressed.
Initial Color Palette Testing. Eventually, I chose the middle color scheme because from afar, the foreground elements were most visible to read and process.
Final Site App Pages in side-to-side view
Close Up View: Home Page, Music Time Tracker, Mood Tracker, Listening Trends, and Miary Log