Early Development

This sketch shows one of my early ideas for how Memori could work. The user would scan a sentimental item, such as a ring, using AR scanning, and the item would then appear in the app as a digital sticker or object. From there, the user could attach photos, videos, music and notes to build a memory around it. I also explored the idea of using AI to help create a story from the item. The user could either write the story themselves or use prompts from the AI, such as asking what they remember about that time. This helped me think about how Memori could turn physical objects into more meaningful digital memories, instead of just storing them as images.

Untitled_Artwork 2.png

A very early iteration of my wireframe process:

Untitled_Artwork 1.png

Untitled_Artwork 4.png

Developing initial wireframes

These are my early low-fidelity wireframes for Memori where I started to sketch out the main structure of the app before moving into Figma. I kept them quite rough and sketchy on purpose, as I wanted to quickly get my ideas down and understand what screens I needed before spending too much time making them look polished.

I explored different areas of the app including the dashboard, memory storage, onboarding, memory recap and scan feature. This helped me think about what each section needed to include, such as favourites, drafts, notifications, categories, saved memories, recaps and the process of scanning an item.

I was aware that these sketches were not fully refined, but this was part of my process. I wanted to set aside more time to develop them properly into mid-fidelity wireframes, where I could make the spacing, structure and content much clearer. Starting with rough sketches helped me get the ideas out quickly and gave me a stronger base to build from when moving into Figma.

Onboarding

IMG_2068.heic


Dashboard

IMG_2069.heic

IMG_2072.heic


Memory Recap (Story)

IMG_2071.heic


Scan

IMG_2070.heic


Memory Storage