The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
🌱 UNTIL THEN
Every day, people continue moving toward things that haven't happened yet.
💼 A first role.
❤️ A recovered loved one.
🎨 A creative dream.
🏡 A new home.
✨ A second chance.
These moments often become some of the most important chapters of our lives.
Yet most digital products only acknowledge the day they happen.
The months and years before them—the waiting, uncertainty, encouragement, setbacks, hope, and persistence—often go unseen.
UNTIL THEN began with a simple question:
What if the journey mattered just as much as the destination?
🌲 I wanted to create a place where dreams could exist before they became reality. A place where people could see that they weren't the only ones growing toward something meaningful.
The result is a living world built from real dreams shared by real people around the globe.
When someone plants a dream, it becomes a sanctuary within a shared forest. Over time, the sanctuary grows alongside the journey it represents.
Every element within the world exists to make an invisible journey feel visible.
🌳 Sanctuaries give dreams a place to live.
🦊 Companions bring a sense of presence and continuity.
🏮 Lanterns carry intention through periods of waiting.
💌 Encouragement becomes part of the landscape itself, transforming support into something that can be seen, revisited, and remembered.
As people from around the world contribute their own dreams and encouragement, the forest evolves into a collective reflection of hope, ambition, resilience, and possibility.
When a dream finally comes true, it doesn't disappear into a completed checklist.
🌸 It blooms.
The journey transforms into a keepsake experience that preserves the milestones, memories, encouragements, and reflections gathered along the way.
Because the dream is only part of the story.
The person who grows toward it is the rest.
🌱 UNTIL THEN is an exploration of how design can give shape to the time between hope and reality.
Because the dream is only part of the story.
The person who grows toward it is the rest.
🌸 UNTIL THEN is a place for everything that happens in between.
🔗 Explore UNTIL THEN:
https://until-then.hapsoul.com/
🎨 Figma Makeathon Submission:
https://www.figma.com/make/ByLRAmWHaR62mVTM41MwJs/Until-then---Makeathon-Submission?t=UcneEu4sppPm4TxE-1
Hey All 😊
UNTIL THEN is my attempt to design for a part of life that often goes unseen — the period between having a dream and seeing it become reality.
Every interaction, from planting a sanctuary to receiving encouragement, was intentionally designed to make growth feel...
Figma Community Link for Submission 🔥 : https://www.figma.com/community/file/1649493158322040733
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Did you know your home reflects how much you read?
Not a metaphor. A literal one.
Add a book. Set a timer. Watch your apartment slowly come alive as you read. Dust clears in real time. Rooms bloom from neglect to warmth. Stop reading and watch it all fade back.
The Problem
Most reading trackers are lists. Cold. Forgettable. They record what you have not done without making you feel anything about it. You open the app, see a number, close the app. Nothing changes inside you.
Shelf Life is built around a different belief. Your habits should live somewhere. They should breathe. They should have consequences you can see.
Your bedroom holds the book you read before sleep. Your kitchen holds the article you meant to finish over coffee. Your study holds the essay you keep putting off. Read consistently and each space blooms back to life through an organic dust clearing animation driven by your actual reading time. Neglect your reading and the dust returns. Your home becomes a mirror of your habits. Honest and quiet and impossible to ignore.
I deliberately chose not to let users upload or read books inside the app. The moment you can read inside a tracker it stops being a tracker and starts competing with the experience of actually holding a book. Shelf Life honours the ritual of reading without replacing it.
How It Was Built
I started with a design philosophy before I started with a prompt. Warmth. Craft. Human first. Every decision was made to make the user feel something not just complete a task.
The isometric apartment and all ten room images including the neglected and bloomed states for each of the five rooms were generated entirely using Figma Weave. I used Figma for rapid design ideation and layout exploration before moving into Figma Make.
In Figma Make I built the full app in React and TypeScript. The core technical challenge was the dust clearing animation. It uses an SVG mask system with organic circular spots growing via requestAnimationFrame running in parallel with the reading timer. Each spot has its own delay and duration so the reveal feels natural and alive rather than mechanical. The same spots reverse in mirror order when the room returns to neglected. The animation runs both ways. Forward when you read. Backward when you stop.
Room specific ambient music plays in each space. The bedroom has soft rain and piano. The kitchen has morning acoustic warmth. The living room has fireplace crackle. The study is near silence. Each room sounds like it feels.
Tools Used
Figma Weave for AI image generation across all ten room backgrounds
Figma for design ideation and layout
Figma Make for the full app built in React and TypeScript
The Moment That Matters
Start a reading timer. Watch your room slowly clean itself in real time. Organic dust spots grow across the image revealing the bloomed version beneath. It is not a progress bar. It is not a percentage. It is your home breathing back to life because you chose to read.
When the timer ends the room holds its bloomed state then gradually returns to neglect. The direction of the animation tells you everything about your relationship with reading that week.
Most people go quiet when they watch it happen for the first time.
Excellent presentation 👏
Hey everyone, excited to be joining the Config Makeathon ☺️
I wanted to create a place where people can anonymously share how their day went and read what others are going through. Sometimes you have something on your mind but no one to tell it to, Dear Diary gives people a space to feel heard and connected.
You can write one entry per day and receive a random flower as a reward. As you keep writing, you collect flowers and eventually unlock a bouquet you can share. The calendar lets you look back at previous days and explore thoughts and stories from people around the world.
Dear Diary is live, tell us what's on your mind ✨
Love seeing different approaches to the Makeathon. This is a thoughtful and well-executed project.
Project 01 — Thought Collapse: When Text Meets a Black Hole
Live Version : https://primer-dull-24011691.figma.site/
Love seeing different approaches to the Makeathon. This is a thoughtful and well-executed project.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?