pro
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.
8
29
710
For the Squarespace Challenge, I built DAWN.
DAWN is a conceptual portfolio for photographer Christopher Dawn built around a simple idea: photography should speak for itself.
Website: https://maroon-sepia-dl3n.squarespace.com/
Password: DAWN
Today, many creative portfolios compete for attention through excessive copy, interactions, and visual complexity. DAWN explores the opposite approach: a photography-first experience designed to remove friction between the viewer and the work.
Rather than overwhelming visitors with information, the website focuses on what matters most when choosing a photographer: the images and the creative vision behind them.
As part of the challenge, I joined Squarespace Circle to continue exploring how thoughtful, professional-grade design tools can help bring creative ideas to life.
The project was designed around three principles: restraint, intentionality, and curation.
Photography occupies the majority of the experience, supported by generous whitespace, minimalist typography, and editorial-inspired compositions. Every element was intentionally reduced to allow the work itself to become the primary storytelling medium.
Inspired by contemporary editorial design and luxury fashion websites, DAWN feels closer to visiting a curated gallery than browsing a traditional portfolio.
Using Finish Layer
Finish Layer’s scroll animations became the foundation of the experience. Rather than using animation as decoration, they were used as tools for pacing, storytelling, and curation.
One of the core ideas behind DAWN was that design decisions should always serve a purpose: including the tools used to build it. Finish Layer was never used simply for the sake of using it. Instead of incorporating every available feature, I intentionally chose the ones that best supported the concept and user experience of the project.
Throughout the portfolio, photographs progressively reveal themselves and transition from isolated moments into carefully curated editorial compositions. Images begin small and gradually expand into editorial-inspired layouts as the user scrolls, creating visual rhythm, establishing hierarchy, and encouraging visitors to engage with each image before experiencing the collection as a whole.
At the end of the website, Finish Layer is used to create a playful scroll-driven interaction that acts as Christopher’s introduction. As visitors continue scrolling, a series of hand-drawn elements are progressively revealed: a speech bubble, a camera, a camera flash, and finally a simple “Gotcha!” message. The sequence serves as Christopher’s personal introduction, presented in an unconventional and playful way. What appears to be a simple interaction is, in reality, a carefully choreographed scroll-driven experience designed to reveal personality through restraint.
Animation is deliberately subtle and purposeful. Every transition was designed to support the photography rather than compete with it, demonstrating how Finish Layer can be used to create immersive storytelling through restraint rather than complexity.
Every interaction throughout DAWN was designed to feel effortless. By embracing restraint and using Finish Layer intentionally, the project demonstrates that immersive and memorable digital experiences do not need to rely on complexity. Sometimes, thoughtful pacing, generous whitespace, and meaningful interactions are all that’s needed to let great work speak for itself.
DAWN explores the idea that thoughtful design isn’t always about adding more: it is equally about knowing what to leave out. By combining editorial-inspired layouts, generous whitespace, and purposeful scroll-driven storytelling, the project demonstrates how a photography portfolio can feel immersive, playful, and highly curated while remaining remarkably simple.
12
532
Design.ID: Creative ID Card Generator for Designers
2
34
DOSE: Training app (web design)
1
10
Very excited to share my submission for the Figma Makeathon.
Blend is a tactile music experience built in Figma Make that reimagines the space between songs as something you can shape, not skip.
Project link: https://emit-split-75832856.figma.site
Spin album wheel, select tracks, mix with crossfader/BPM/effects/draggable waveforms. Real-time reactions + state-aware record/download (Play → REC → complete).
X link: https://x.com/webdesign_alice/status/2028461407654523068?s=46&t=1ZFswUtJzT6BPLQaoOweGw
Figma community link: https://www.figma.com/community/file/1610285302557122949/blend
9
18
875
Swift Molding Stack
1
12
SYNT: AI-powered fintech web & product design
1
8
Built 100% in Figma.
I recently spent time exploring the intersection of retro-tech aesthetics and modern UI. This MP3 player concept was a deep dive into skeuomorphic design within Figma, focusing heavily on realistic lighting, material textures, and shadows to create a tactile, hardware-inspired feel.
A significant portion of the process was dedicated to perfecting the light refraction and button depth to ensure the design felt like a physical prototype rather than just a flat UI.
Key focus areas:
• Lighting & Shading: Achieving a brushed-metal finish using layered gradients.
• UX/UI: Balancing physical button layouts with a clean digital interface.
• Visual Storytelling: A nod to the golden era of 90s hip-hop.
56
93
1.3K
Threads Studio E-commerce
1
4
NOMA: co-working space (web design)
1
3