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
I realized recently that I couldn't find some of my oldest childhood friends online. Instagram handles change, Facebook feels like a ghost town, and the internet,despite connecting the whole world,somehow forgot about the class of 2012. So, I decided to build a place for us.
The Solution:
Meet Catalog. A mobile MVP designed not as a noisy social network, but as a quiet sanctuary. No endless feeds, no gamification. Just a calm, nostalgic space (built with a strict Notion & Daylio-inspired design system) to find your old school, claim your class, and share memories.
The "Messy Middle" (How I built it):
For the challenge, I didn't just want to drag and drop. I wanted to push the technical limits:
The Architecture: I used for the first time the Model Context Protocol (MCP) via Cursor (first time too) to inject a strict design system directly into #Flowstep using prompt engineering.
The Reality: Building is messy! As you can see in my demo video, my laptop battery almost LITERALLY died mid-generation, and the AI created some duplicate branches. But that’s the beauty of being a Product Engineer. I jumped into the Flowstep canvas, cleaned the architecture, exported the native layers into Figma, and manually wired the final prototype to perfection.
What's Next & Let's Connect:
This UI prototype is just the beginning. With my background in Software Engineering and Data Science, I am going to build the real backend for this. To ensure safety, I plan to integrate an OAuth verification system (like Instagram API) so users can securely verify their identities before seeing sensitive contact info.
I want to see this project come alive so I can finally find my long-lost friends, and I hope it helps you find yours, too.
Want to collaborate on making this real?I will make this a study-case on my blog where you can see more updates or reach out
Flowstep link:https://app.flowstep.ai/file?activeFileId=df531572-26cc-49ef-986a-40cbbf6bbee5
Social post (instagram) link: https://www.instagram.com/reel/DbewKGCICBv/?igsh=MTc4a2NvMjhma3c2ZA==
Personal page: https://garrulous-build-logic-flow.base44.app/
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
I built the product my team and I actually needed: Contestify 🏆
I'm active in a community of contest hunters — we're always chasing the next hackathon, design contest, meme battle, or AI video challenge. But every contest lives somewhere different: Devpost, Contra, Superteam, Lablab ai, social media. Keeping track across all of them, as a team, was chaos.
So I built Contestify with @Flowstep — one dashboard where my team and I can discover every contest in one place, save the ones worth chasing, track our submissions, build a portfolio of wins and prize money earned, and coordinate entries together through a shared Team Hub.
From an idea born out of my own community's frustration,entirely prompted into existence. This is what "build the product you wish existed" looks like when it's something you genuinely need.
Flowstep prototype:
informative😊
Hello everyone I'm Prem, and this is ORBIT, my entry for the Flowstep.ai Challenge.
We all lose touch with friends we loved from school, from college. Nobody's fault. Life gets busy, and by the time you notice, it's been years.
Losing a friend isn't a decision you make; it's something you find out about, long after it happened. Everyone means to react out . Nothing reminds you that you haven't.
So I built the thing that keeps track. In Orbit you're the sun, and your friends are planets orbiting you. How far out a planet sits is how long you've been quiet. Tanmay hasn't heard from me in 212 days, so he's stopped moving he's asleep, with little z's floating off him.
The distance isn't decoration, the picture is the data. Your glance at your galaxy.
And it doesn't nudge you to "check in." It gives you a reason: her show opens Friday, and you saved her flyer in March. You send a Shooting Star, she replies, her orbit pulls back in.
It never reads what you wrote. It only notices that you talked.
I connected Flowstep to Claude Code over MCP and drove the whole build from my terminal. Loading my design system in as Flowstep's design guidelines first is what made 21 screens feel like one product. Then I put it live, so it's a real app you can use.
Send someone a shooting star and see what comes back 😊 .
#FlowstepChallenge #Flowstep #ClaudeCode #MCP #ProductDesign
Meridial — Wealth Management Platform
For Meridial, I designed a system where the one thing that matters — portfolio drift — always surfaces first, no matter how many clients an advisor is tracking.
Signal over noise, even at 200+ portfolios. ⚪
The challenge:
Advisors managing dozens of portfolios need to instantly spot what's drifted from target — without digging through spreadsheets or noisy dashboards that bury the signal in data.
A dark, grain-textured UI gives Meridial a private-banking feel instead of typical fintech blue. The landing page proves the product directly in the hero with live allocation and drift cards, while the dashboard extends the same card system into radar charts, composition breakdowns, and a weekly digest — built so advisors can scan hundreds of portfolios at a glance.
A case in making complex portfolio data resolve into one clear signal.
The dark grain-textured UI gives this a truly exclusive private-banking feel. Did you animate the allocation drift cards and radar charts using Jitter or native Figma prototypes?