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
Timeless, Config Makeathon Submission
About Me
Hi, I'm Muhammad Umair, a Senior Product Designer with 6+ years of experience designing digital products and experiences. For Config Makeathon, I wanted to explore a different kind of product problem: not how we capture more memories, but how we make them meaningful again.
Problem
We have never been worse at remembering, and never had more tools to remember with.
Our phones hold thousands of photos we never revisit. Voice memos sit untouched. Notes apps collect drafts that never become letters. We keep meaning to capture "this moment" for the future, but the future never arrives.
The missing ingredient isn't storage. It's anticipation.
A memory becomes meaningful when there's a moment waiting on the other end of it.
Solution
Timeless is a digital time capsule where you can seal voice notes, photos, drawings, letters, and even a soundtrack into a vault that opens on a future date.
Create a capsule, address it to someone you love—or to your future self—choose when it should unlock, and fill it with memories that matter.
Once sealed, the capsule can be shared as a single link.
No accounts.
No backend.
The link is the gift.
When the chosen day arrives, Timeless transforms the experience into a ceremony through a paced reveal, soundtrack playback, confetti, and a downloadable keepsake card that captures the moment forever.
While most apps optimize for capture, Timeless optimizes for rediscovery.
Workflow
Timeless started from a single sentence prompt in Figma Make:
"A mobile app where you seal memories in a time capsule that unlocks on a future date."
Figma Make generated the initial structure and helped establish the foundation of the experience.
From there, I refined the vault metaphor and emotional tone using Figma Design Agent, iterating on the visual language and developing the cream, navy, amber, and rose palette that shaped the product's identity.
I brought those design decisions back into Make and evolved the prototype into a fully interactive experience using real device capabilities:
Voice recording with MediaRecorder
Live in-app camera capture using getUserMedia
Drawing with HTML5 Canvas
Letter writing
Local persistence
Recipient mode and shareable gift links
Calendar reminders
Soundtrack attachments
Unlock ceremonies with paced memory reveals
Downloadable keepsake cards
The biggest insight during the build was realizing that Timeless wasn't just a journal.
It became a way of giving someone a piece of the present to rediscover in the future.
That shift transformed the product from a personal archive into a gift.
Figma Community
Timeless is published on Figma Community and includes the Makeathon build for others to explore and remix.
Social Posts
LinkedIn:
https://www.linkedin.com/posts/muhammadumair1194_configmakeathon-configmakeathon-figma-share-7472611294437609472-q-t9/?utm_source=share&utm_medium=member_desktop&rcm=ACoAABUYxmUBk4PJtuluvJ_xX7CzAcsvAEz2mPU
Youtube Links
Timeless APP Quick Preview 1:30 minutes Video for submission:
https://www.youtube.com/watch?v=igkyaJrAitQ
Full App Walkthrough:
https://www.youtube.com/watch?v=kOpEDixVve8
Closing
Timeless asks a simple question:
What if memories weren't meant to be consumed instantly?
What if the future itself could become part of the experience?
Timeless is a letter to your future self—and sometimes, to someone you love.
Don't forget to post a video :)
Youtube links are already added in the main post, but I am attaching Video here in the Comment Section.
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
I built QuoteKit because quoting a project should not feel like guessing in public.
A client starts with a package, shapes the scope, chooses a timeline and explains what they need. QuoteKit turns those choices into a working estimate, a realistic range and clear reasons behind the price.
It works in English and French, adapts to mobile and gives both sides a summary they can copy, download or print.
I designed the product, pricing logic and interface for NexusHub Studio. It is a small tool with a simple goal: make the first client conversation clearer.
QuoteKit is available for 10 USD with a commercial license.
What would you want an estimator like this to explain before you send a quote?
Quote clearly. Start better.
Explaining the estimate turns pricing into a much clearer conversation.
Website Design | UI/UX Design | Web Design
A modern website design concept focused on creating a clean, engaging, and user-friendly digital experience.
The design combines strong visual hierarchy, intuitive navigation, thoughtful spacing, and responsive layouts to create an interface that feels polished while keeping the user journey simple and clear.
From the overall page structure to typography, imagery, and calls-to-action, each element was designed to create a cohesive experience that works across desktop and mobile.
The spacing and hierarchy keep the experience approachable.
🚀 Reimagining Craigslist: Turning Legacy UX into a Trust-First, AI-Powered Marketplace [Independent Case Study]
Most local marketplaces lose millions in revenue due to one core issue: User Distrust and Fragmented Interface. For this independent product design case study, I took Craigslist's massive legacy framework and completely re-engineered it into a premium, high-converting B2C interface.
🎯 The Business & Design Problem:
Traditional local classifieds feel unsafe, cluttered, and slow. Users abandon platforms because they cannot verify buyers or filter out spam efficiently.
💡 The Conversion-Focused Solution:
Using strategic product thinking in Figma and Lovable, I structured a clean, modern design system built around three core pillars:
AI-Driven Smart Search: Reducing user friction by replacing text filtering with conversational, contextual search queries.
Trust-First Safety Architecture: Integrated clean, transparent verification metrics into the core user profiles to eliminate fraud vectors.
Scalable Information Hierarchy: Clean typography grids and card patterns optimized for lightning-fast scanning and high engagement rates.
🔗 Project Artifacts:
🎨 Explore Interactive Figma Prototype: [https://tree-nice-91506355.figma.site ]
📖 Full Detailed Case Study: [https://elevate-marketplace-story.lovable.app ]
💼 Looking for a Product Designer for your Startup?
I specialize in transforming complex workflows, legacy platforms, and B2B SaaS dashboards into high-performance, beautiful digital products that increase user retention.
I am fully available for contract roles, end-to-end UX/UI redesigns, and scalable web/mobile platforms. Let’s build something profitable together. Drop me a DM here or email: productdesigner786@gmail.com
Replacing filters with conversational search is the bigger bet. Filters are slow but inspectable - curious how the AI search shows what it narrowed, so a seller can tell why they didn't surface.