Projects using Figma in ChennaiProjects using Figma in ChennaiSo happy to finally share what I've been building for the Figma Config Makeathon 2026 ✨
Afterword is a digital legacy app where you preserve your stories, memories, voice, and letters - and deliver all of it to the people you love, when the time comes.
When someone passes away, their loved ones don't just deal with grief. They deal with chaos.
Which bank accounts did they have? What subscriptions are still running? Is there a life insurance policy somewhere? Who's the lawyer? Where's the will? What passwords do they need?
Nobody knows. So, the family spends months, sometimes years - tracking everything down. Calling banks. Cancelling subscriptions. Trying to claim insurance without the right documents. All while grieving.
And beyond the practical side, the stories are just gone. The memories, the things they always meant to say, the letters they never wrote, the sound of their voice. All of it fades.
This shouldn't be this hard. So, I built Afterword.
Afterword is a place where you document everything, not just the practical stuff, but the things that actually matter. Your stories. Your voice. Letters you've been meaning to write. Memories you don't want to fade. All of it, kept safe, and delivered to the people you love, when the time comes.
What it does:
🤖 AI Story Interviewer powered by Gemini - asks real thoughtful questions about your life, you answer by typing or speaking hands-free, your answers become chapters
📖 Stories & Memories - written chapters and photo journals, every moment preserved with context
🎙️ Voice Notes - record messages for your loved ones, attach them inside letters or save standalone
✉️ Letters - parchment aesthetic, one letter per recipient, voice note attachment inside
⏳ Time Capsules - seal a message for her 18th birthday, his wedding day, or after you're gone
🔐 The Vault - 8 categories: Financial, Legal, Medical, Digital, Property, Contacts, Wishes, Documents, locked until needed
🎁 Care Packages - choose exactly what each person receives, personalized per recipient
👁️ Recipient Experience - what they see when everything unlocks, six tabs, everything delivered exactly as intended
How it works:
👥 You start by adding the people you love - your daughter, your partner, your best friend. Then you create your content, stories, voice notes, letters, capsules, vault entries, and build a personalized care package for each person, choosing exactly what they receive.
🤝 You set a trusted contact, someone you trust completely. And a check-in interval - weekly, monthly, whatever works for you.
🔒 As long as you keep checking in, everything stays private and locked. The moment you stop - Afterword waits, then gently notifies your trusted contact. They confirm. The vault unlocks. Each person receives exactly what you prepared for them, their stories, their letters, their voice notes, their capsules all at once, exactly as you intended.
📬 The recipient experience has six tabs - Home, Stories, Memories, Capsules, Vault, Voices. Everything organized, everything personal, everything yours.
⏳ You can also set time capsules to unlock independently - on a specific date, on a specific event, or as part of the vault unlock. So, her 18th birthday letter arrives on her 18th birthday, whether you're there or not.
If you've ever lost someone and wished you'd asked them more questions, this one's for you.
🎨 App: https://afterword.figma.site
📱 Try as a native app: https://afterword-mauve.vercel.app
(https://afterword-mauve.vercel.app)Open in Chrome on Android or Safari on iOS → tap Share → Add to Home Screen to install as a native app
What remains, matters. PERA Consulting – Framer Website Design & Development
Client: PERA Consulting
Industry: Business Consulting & Growth Strategy
Role: Framer Designer & Developer
Tools Used: Framer
Website: https://www.peraconsulting.xyz/
Project Overview
I collaborated with PERA Consulting to design and develop a modern, high-conversion website using Framer. The goal was to create a digital presence that clearly communicates their consulting value, simplifies complex service offerings, and positions them as a strategic growth partner.
This was a full Framer build from scratch, focused on combining strong messaging, visual clarity, and conversion-driven structure.
The Challenge
PERA Consulting needed a website that could:
Clearly communicate their value in a crowded consulting space
Avoid generic “we help you grow” messaging
Present multiple services without overwhelming users
Build trust quickly with new visitors
Guide users toward taking action (consultation, contact)
My Role & Approach
1. Strategic Positioning & Messaging
Defined a clear value proposition: “Growth begins with value”
Structured content to focus on user problems before services
Simplified language to improve clarity and relatability
2. UI/UX Design in Framer
Designed a clean, modern layout with strong visual hierarchy
Created structured sections: Hero → Problem → Solution → Proof → CTA
Used whitespace and typography to improve readability
Balanced visuals with content to avoid a “corporate-heavy” feel
3. Framer Development
Built the entire website natively in Framer
Implemented responsive design across all breakpoints
Added smooth interactions and subtle animations
Ensured fast performance with optimized assets
4. Conversion-Focused Execution
Placed clear CTAs throughout the page
Designed sections to guide users toward action
Reduced friction in navigation and content flow
Key Highlights
Framer-First Build
Fully designed and developed in Framer for speed, flexibility, and modern interactions.
Clear Positioning
Strong, simple messaging that differentiates PERA from generic consulting firms.
Structured Storytelling
Each section is intentionally designed to move users closer to conversion.
Modern Visual Identity
Clean layout, warm accents, and minimal clutter to maintain a premium feel.
Conversion-Oriented Design
Strategic CTA placement and content flow to increase engagement.
Outcome
The final website delivers a clear, modern, and conversion-focused experience that aligns with PERA Consulting’s positioning. It helps visitors quickly understand the value offered and encourages them to take the next step.
The Framer build also ensures the site is easy to update, scalable, and ready for future iterations.
What This Project Demonstrates
Expertise in Framer design & development
Ability to build conversion-focused consulting websites
Strong understanding of positioning and messaging strategy
Capability to translate business goals into clear digital experiences
End-to-end execution: strategy → design → development
