Introducing KEEPS: A Digital Home for Physical Memories

KEEPS is a mobile app designed to preserve the physical objects that carry our memories.

While most memory apps are built around photos, KEEPS is built around everything else.

Concert tickets, boarding passes, receipts, handwritten notes, invitations, conference badges, and other small objects that people often keep long after their practical purpose has ended.

The idea came from a simple observation: many of us keep these items because they represent experiences, relationships, milestones, and moments we don’t want to forget. Over time, they become scattered across drawers, wallets, books, and boxes, making them difficult to revisit and easy to lose.

KEEPS transforms these physical keepsakes into digital artifacts.

Users can scan real objects, remove backgrounds, add contextual information such as location, date, people, and personal notes, and organize them into custom collections. Artifacts can also be created from templates, allowing users to recreate memories that no longer exist physically.

The prototype includes onboarding, collections, artifact detail pages, discovery flows, creation flows, profile experiences, and a connected navigation system that allows users to move through their archive naturally.

Rather than generating the entire product in a single prompt, I used Flowstep as a design engineering tool.

I started with a visual direction created in Figma, including custom illustrations, typography, layout systems, and the overall structure.

From there, I rebuilt the product inside Flowstep screen by screen, using detailed prompts to define hierarchy, spacing, interactions, navigation patterns, and user flows.

Each screen became the foundation for the next. Existing components were reused, refined, and expanded to create a cohesive design system across the entire application. The process was highly iterative: generating, reviewing, refining, and rebuilding until the product felt consistent both visually and functionally.

The result is not simply a collection of screens, but a connected prototype with clear user journeys, interaction logic, and product intent.

KEEPS is built around a simple belief:

The smallest objects often carry the biggest memories.

Flowstep file link: https://app.flowstep.ai/file?activeFileId=cb23715a-64af-4fb6-822a-c789fb99b461

X Post: https://x.com/webdesign_alice/status/2081713836613050543?s=46&t=1ZFswUtJzT6BPLQaoOweGw

The walkthrough, screen recording of the prototype working in Flowstep, my custom illustrations, and the screens designed in Flowstep are included below.

Love this!

If you had to choose one option to present your brand without actually talking to the users, what would you choose? Lately, I've been pushing myself to explore what's possible with Figma Motion and see just how far I can take animations without leaving Figma. I recently came across a really smooth WhatsApp animation and thought, why not recreate it? So I challenged myself to build it from scratch, paying close attention to the timing, easing, and micro-interactions. It's been a fun way to learn, experiment, and sharpen my motion design skills. How do you think it turned out? 👀 I'd love to hear your feedback!

Animated visuals makes the user stay, while static will not attract much