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
For the #ConfigMakeathon, I created Book Trace. It is a reading journal app that helps you capture thoughts while you read, and leave a personal trace when you finish.
[Concept]
Book Trace turns the experience of reading into something you can hold onto. Instead of forgetting what a book meant to you, you leave a Trace — one sentence, one emotion, one word. The app also reads what you wrote and tells you what kind of reader you are, with book recommendations matched to your type and genre.
[Project Overview]
For this submission, I designed:
- Onboarding flow;
- Still Reading experience with in-the-moment note capture;
- Finished flow with the full Trace journey;
- Reader Identity system with personalized recommendations;
- Library with saved traces;
- UI Kit and design system.
[Workflow]
I built the full product from concept to prototype in Figma. UI Kit, component library, and interactive flows all in one file.
[My Experience]
What I loved most about this challenge was how it pushed me to think about the full user journey, not just screens, but emotions. Book Trace started as a simple idea and grew into something that feels genuinely personal.
Figma made it possible to move from rough concept to polished prototype without ever leaving the workspace.
Thank you to the Figma team for a challenge that made me build something I actually want to use!
Live project
LinkedIn post
Community link
If this resonates with you, a like, comment goes a long way. Thank you 🙌
thank you!
This is a great example of creative problem-solving. The final experience feels very polished.
Thank you! I am happy to hear that!
Amazing!
thank you!
Nice One..Best of Luck for the contest!
thank u!
This is cool
Happy to hear, thank u!
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
For my Figma Makeathon submission, I built The Postcard, a web app that transforms ordinary messages into personalized digital postcards.
Users can customize their postcard with fonts, colors, stamps, and photos, then instantly generate a unique link to share with friends and family. The goal was to make digital communication feel more expressive while keeping the experience simple and accessible.
Built using Figma Make, the project explores how customization and thoughtful interaction design can turn a basic message into something worth sharing.
✨ Personalize it. 🔗 Share it. 💌 Deliver it.
Figma site link: thepostcard.figma.site
Try it out and send your first postcard!!
REVVERA — A Living Emotional Landscape
Most digital experiences are designed to help us complete tasks. They optimize for speed, efficiency, and outcomes.
REVVERA explores a different question:
Can a digital interaction create an emotional memory instead of simply accomplishing a goal?
REVVERA is an interactive emotional landscape where users move through a sequence of evolving states — from curiosity and uncertainty to trust, belonging, formation, and integration. Throughout the journey, a responsive companion observes, adapts, and subtly reacts to the user's presence, creating a feeling of connection rather than instruction.
Instead of focusing on productivity, REVVERA focuses on atmosphere, emotion, and reflection. The experience is designed as a living system where movement, presence, sound, and interaction work together to shape the journey.
At the end of the experience, the landscape condenses into a personalized artifact — a visual memory generated from the traces of the user's journey. The artifact acts as a keepsake, preserving a moment of interaction that can be saved, revisited, and remembered.
Built using Figma Make, REVVERA explores how digital experiences can move beyond utility and become spaces for emotional connection, memory, and meaning.
Live Experience - https://revvera.figma.site
Figma Link - https://www.figma.com/make/VdQJUF8Cz5nERnoBzRnuNc/REVVERA?t=njw5G1iCsbizF22p-1
🧠 MindLoop
A vocabulary learning app that helps you remember new words through personalized audio loops.
📚 Create word cards
🗂️ Organize them into folders
🎧 Listen while walking, studying, doing chores, or before sleep
🌊 Add rain sounds, ocean waves, or relaxing background music
For this project, I created a short animated commercial to showcase the experience and workflow behind MindLoop.
🎙️ Voice generation: ElevenLabs
🎵 Music generation: Suno
🎬 Animation & workflow: ElevenLabs Flow
🎨 UI/UX Design & Prototype: Figma
🔗 Try MindLoop:
https://plot-stung-03436308.figma.site
🐦 Twitter/X Post:
https://x.com/Naghdaliyevaart/status/2064003914320502936?s=20
The passive listening angle is a genuinely smart UX bet. Did you test whether users preferred scheduled loops or just on-demand playback?
Challenges
View all
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?