Remidy
Remidy
An app that enables users to vividly rediscover and relive memories immersively through melodies associated with a time and location.
An app that enables users to vividly rediscover and relive memories immersively through melodies associated with a time and location.
Overview
Overview
TIMELINE
April 2024
24-hour design sprint
TIMELINE
April 2024
24-hour design sprint
DISCIPLINES
Product Design
UI/UX Design
DISCIPLINES
Product Design
UI/UX Design
ROLES
Figma Prototyping
UX Research
ROLES
Figma Prototyping
UX Research
TOOLS
Figma
TOOLS
Figma
ROLES
Figma Prototyping
UX Research
TOOLS
Figma
TIMELINE
April 2024
24-hour design sprint
DISCIPLINES
Product Design
UI/UX Design
The Challenge
The Challenge
For the 2025 CreateSC Designathon, the theme was “Digitizing Tangible Experiences,” where our team of 4 was challenged to replicate a physical experience in digital form. This led us to think of the physical experience of simply just being in a place and embracing the moment.
Music-evoked autobiographical memory (MEAM) is the experience where listening to a piece of music brings back memories of people, places, and events from one’s life. For example, the feelings of elation and freedom of driving down an open country road, the windows rolled all the way down, and “Ain’t No Mountain High Enough” blasting on the speakers. Memories are deeply tied to all senses, especially the auditory sense, which has not yet been captured effectively in a digital form. Most digital platforms only capture fragments of a moment, such as a photo, a note, or a song, but not the whole experience in different dimensions. This led us to question:
For the 2025 CreateSC Designathon, the theme was “Digitizing Tangible Experiences,” where our team of 4 was challenged to replicate a physical experience in digital form. This led us to think of the physical experience of simply just being in a place and embracing the moment.
Music-evoked autobiographical memory (MEAM) is the experience where listening to a piece of music brings back memories of people, places, and events from one’s life. For example, the feelings of elation and freedom of driving down an open country road, the windows rolled all the way down, and “Ain’t No Mountain High Enough” blasting on the speakers. Memories are deeply tied to all senses, especially the auditory sense, which has not yet been captured effectively in a digital form. Most digital platforms only capture fragments of a moment, such as a photo, a note, or a song, but not the whole experience in different dimensions. This led us to question:
How can we allow users to vividly rediscover and relive their memories immersively through melodies associated with a certain time and place?
The Process
The Process
01. User Research
01. User Research
We validated our problem space and idea by talking to potential users. We found that…
Many people said that music is an essential part of their memories, and most of them replied that they could think of an experience that they associate with a specific song.
Some people tried photo apps like BeReal and Lapse to capture memories, but they didn’t really stick for long.
We validated our problem space and idea by talking to potential users. We found that…
Many people said that music is an essential part of their memories, and most of them replied that they could think of an experience that they associate with a specific song.
Some people tried photo apps like BeReal and Lapse to capture memories, but they didn’t really stick for long.
02. Moodboard
We brainstormed UI/UX ideas by looking at examples of map and journal interfaces, music players, and warm color palettes.
We brainstormed UI/UX ideas by looking at examples of map and journal interfaces, music players, and warm color palettes.
03. User Flow
03. User Flow
We began by creating a text-based flow chart to nail the logic down before moving onto a full-on user flow. We brainstormed a logical way for users to onboard and familiarize themselves with our app before becoming a returning user. We included logic for a modal that asks users for location permissions and a screen where they can connect the streaming service of their choice. We also considered the bottom navigation bar and what features would be essential to include. We decided on the home page map, adding new memories, and profile. After that, we followed through with the logic of each option.
We began by creating a text-based flow chart to nail the logic down before moving onto a full-on user flow. We brainstormed a logical way for users to onboard and familiarize themselves with our app before becoming a returning user. We included logic for a modal that asks users for location permissions and a screen where they can connect the streaming service of their choice. We also considered the bottom navigation bar and what features would be essential to include. We decided on the home page map, adding new memories, and profile. After that, we followed through with the logic of each option.
04. Low/Mid Fidelity Prototype
04. Low/Mid Fidelity Prototype
We took the logic from the user flow and translated it into medium fidelity mockups. We used placeholder text, fonts, and boxes to visualize where elements would go. We continuously discussed and iterated on these mockups.
We took the logic from the user flow and translated it into medium fidelity mockups. We used placeholder text, fonts, and boxes to visualize where elements would go. We continuously discussed and iterated on these mockups.
05. Branding
05. Branding
Brand name: Remidy. Reminisce + melody + remedy. Users reminisce over their positive memories through melodies/music, which heals their soul and makes them feel happier (remedy).
Colors: off-white and brown with orange accents. Brown for nostalgia and evoking memories. Orange accents symbolize the warm embrace one feels when they encounter positive memories.
Headers: Staatliches. Playful but strikes a good balance between readability and personality.
Body text: DM Sans. Readability at smaller font sizes, friend
Slogan: “Music that remembers where your heart’s been.” Draws connections between music and memories in a poetic way.
Logo: Location pin/marker combined with a music note. Users can understand that our app connects physical locations to music.
Brand name: Remidy. Reminisce + melody + remedy. Users reminisce over their positive memories through melodies/music, which heals their soul and makes them feel happier (remedy).
Colors: off-white and brown with orange accents. Brown for nostalgia and evoking memories. Orange accents symbolize the warm embrace one feels when they encounter positive memories.
Headers: Staatliches. Playful but strikes a good balance between readability and personality.
Body text: DM Sans. Readability at smaller font sizes, friend
Slogan: “Music that remembers where your heart’s been.” Draws connections between music and memories in a poetic way.
Logo: Location pin/marker combined with a music note. Users can understand that our app connects physical locations to music.
Final Product
Final Product
We finalized the branding and style guides, creating text and color styles for the file so that the interfaces would look consistent throughout. We took the medium fidelity mockups and added content to them, but iterated with the layouts to make it more intuitive and user friendly.
Onboarding is simple. Users just have to create an account, choose their streaming platform, and allow location access. The home page is a map that tags memories. When users are in a specific location with previous memories, they can pull up the “Nearby Memories” window at the bottom to look through them.
We finalized the branding and style guides, creating text and color styles for the file so that the interfaces would look consistent throughout. We took the medium fidelity mockups and added content to them, but iterated with the layouts to make it more intuitive and user friendly.
Onboarding is simple. Users just have to create an account, choose their streaming platform, and allow location access. The home page is a map that tags memories. When users are in a specific location with previous memories, they can pull up the “Nearby Memories” window at the bottom to look through them.
When creating a new memory, users can select an “album cover” photo for the memory, which will default to the cover of the first song in the playlist if left empty. Location and date/time will be automatically filled in if the user gives the app permission, but can also be manually adjusted. Users can manually choose the songs they’re feeling, or select one of the ones suggested based on their listening habits. There’s also an option to journal down quick thoughts associated with the moment. If users prefer to have memories created for them, they can go to the settings and enable AI-generated memories, which can then be manually reviewed and approved (not shown, but that’s how we thought through it).
When creating a new memory, users can select an “album cover” photo for the memory, which will default to the cover of the first song in the playlist if left empty. Location and date/time will be automatically filled in if the user gives the app permission, but can also be manually adjusted. Users can manually choose the songs they’re feeling, or select one of the ones suggested based on their listening habits. There’s also an option to journal down quick thoughts associated with the moment. If users prefer to have memories created for them, they can go to the settings and enable AI-generated memories, which can then be manually reviewed and approved (not shown, but that’s how we thought through it).
When viewing memories, users can play their music right through our app (connected with the API of the streaming platform of choice). Users can enable an option to see their chosen album cover as the background and have text of their journal entry show up.
When viewing memories, users can play their music right through our app (connected with the API of the streaming platform of choice). Users can enable an option to see their chosen album cover as the background and have text of their journal entry show up.
Users’ memories will be stored on their personal profile, which can be seen by friends they add. Because we want this app to just showcase memories and not serve as a social media platform, there are no features such as likes. Notifications are what makes Remidy stand out. When the user enters a location that is geotagged with a previous memory, Remedy will automatically send a notification to them, prompting them to relive that moment. Because this happens serendipitously rather than on demand, it creates a pleasant sense of surprise and joy of rediscovering a past memory in an immersive way.
Users’ memories will be stored on their personal profile, which can be seen by friends they add. Because we want this app to just showcase memories and not serve as a social media platform, there are no features such as likes. Notifications are what makes Remidy stand out. When the user enters a location that is geotagged with a previous memory, Remedy will automatically send a notification to them, prompting them to relive that moment. Because this happens serendipitously rather than on demand, it creates a pleasant sense of surprise and joy of rediscovering a past memory in an immersive way.
