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
Project Name: Circlo
Live Links
Marketing landing page and app prototype :
https://stitch.withgoogle.com/preview/3939752755801744882?node-id=e0e1babed351417ab7dcd53ceab42230
Final Experience
https://db7bdc56-circlo-homewallet.netlify.app/#
Project Overview
Circlo is a simple tool that helps people find hidden value in unused items at home, create smart listings, sell or donate what they no longer need, and track both money and environmental impact.
The idea came from a simple thought: most homes already have value sitting unused. Circlo turns that into a product experience — scan your space, discover what items are worth, list them, sell them, and see the impact grow.
I didn’t want to build just another resale interface. I wanted Circlo to feel calm, premium, and intentional — closer to a circular-living companion than a marketplace dashboard. The experience combines onboarding, scanning, smart listing, sold confirmation, wallet tracking, impact metrics, and a desktop marketing landing page.
What made this project interesting for the Stitch challenge was the chance to build something that feels alive, not static. The scan moments, value reveals, listing journey, and wallet outcome all work together to make the interface feel like a product story rather than a set of disconnected screens.
Why I Used Stitch
I’ve been using Google Stitch to build product ideas, which is why this challenge felt naturally interesting to me. It was not just about trying a new tool for one submission. It was a chance to use a workflow I had already been exploring and push it into a more complete product experience.
For Circlo, Stitch became the core tool for turning the idea into a working visual and interactive flow. I used it to create the mobile app screens, refine the design system, connect the product journey, add motion-led moments, and build a matching desktop landing page.
How I Used ChatGPT
Before and during the build, I used ChatGPT as a research, strategy, and planning partner.
ChatGPT helped me shape the circular-commerce concept, explore the moodboard direction, define the app flow, structure the landing page, refine prompts for Stitch, and sharpen the final submission story.
So the workflow was clear: ChatGPT helped with the thinking, research, structure, and prompts. Stitch was the core platform where the actual interface was generated, refined, animated, connected, and prepared as the final product experience.
Workflow and How I Used Stitch
Step 1: Concept Development
I started by defining the product idea and user journey.
The core flow was:
Signup → Basic Details → Welcome → Choose Space → Value Scan → Smart Listing → Item Sold → Wallet & Impact
The goal was to make the journey feel simple and rewarding: from unused household items to visible value, income, and environmental impact.
Step 2: Visual Direction and Product System
I shaped Circlo around a soft botanical, premium circular-living aesthetic.
The visual direction included:
soft cream backgrounds
deep forest green CTAs
sage accents
warm beige cards
muted peach details
rounded cards
elegant serif headings
clean sans-serif body text
subtle botanical details
calm, polished product UI
This helped keep the app and website consistent as one product system.
Step 3: Iteration with Stitch
Inside Stitch, I generated and tested different interface directions before finalising the strongest flow.
This helped me move quickly across layouts, CTA placement, screen structure, visual hierarchy, and interaction ideas. Instead of staying with the first version, I refined the flow until the app felt clearer and more connected.
Step 4: In-Place AI Edits
I used Stitch’s in-place AI edits to improve specific parts of the product experience.
This was especially useful for:
improving CTA placement
making screens interconnected
refining the onboarding flow
adjusting the scan journey
polishing the listing screen
improving the sold confirmation screen
cleaning up the wallet and impact dashboard
keeping the design system consistent
The biggest advantage was speed. I could refine details directly inside the interface instead of rebuilding screens from scratch.
Step 5: Motion and Interaction
Motion was an important part of making Circlo fit the challenge theme: build interfaces that feel alive.
I used Stitch to create and refine moments such as:
scan states
button interactions
value reveal moments
listing actions
sold confirmation
smooth screen transitions
wallet and impact outcome moments
These interactions helped the product feel more like a real app journey, not just a static mockup.
Step 6: Landing Page
Beyond the mobile app, I used Stitch to create a desktop marketing landing page for Circlo.
The landing page used the same design system, colour palette, typography, and product story as the app. It includes the hero section, product explanation, impact metrics, app preview, and call-to-action.
This helped turn Circlo from just an app prototype into a more complete product experience.
Step 7: Deployment
After building the product experience, I also created a live deployed version using Netlify.
This made the project easier to share and gave the submission a final experience link alongside the Stitch prototype links.
Final Thoughts
Circlo shows how Stitch can be used to move from idea to product experience quickly.
For me, the most valuable part of Stitch was the speed of exploration. I could generate, refine, edit, connect, and present an idea much faster while still keeping the design system polished and consistent.
ChatGPT helped me think through the concept, research, app flow, moodboard, landing page structure, and prompts. Stitch helped me build the actual product experience: app screens, variations, in-place edits, motion, connected flow, landing page, and live prototype.
Together, the workflow helped me move from idea → product direction → interface variations → refinements → motion → final app flow → landing page → deployed prototype.
Circlo is built around one simple belief:
Unused things can become value, income, and impact.
Nice One..best of luck for challenge!
Thank you .
Seriously can’t stop looking at this.
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
Challenges
View all
Related posts
A little interactive experiment for Verdant 🌱
Writing unique code for animations makes iterating on reactive micro-interactions so much smoother. It completely transforms how a brand narrative feels in the browser.
Great job
🎴 TASTY TEST 06/30: Which travel discovery experience would you choose?
Traveling Up is probably my first mobile concept outside client work in almost three years. It was inspired by a trip where not knowing the destination was part of the fun.
Same app. Same destination. Two ways to discover it.
🤍 A Clean Carousel
Calmer, lighter, more familiar.
💚 B Immersive Deck
Bigger imagery, stronger overlap, more tactile navigation.
Which one makes you want to swipe and see where the app takes you next?
A or B? 👇
#MobileAppDesign #TravelApp #MobileUX #UIDesign #ProductDesign #AsolDesign
23 voted
49%
24 voted
51%
47 votes
Closed
🧠 GROWTH TIP 06/30: DON’T START WITH WHERE. START WITH THE FEELING.
Most travel apps start with one question: “Where do you want to go?”
That works when the user already knows the answer. But a lot of travel discovery starts earlier, with a much less specific thought: I want to go somewhere, I just don’t know where yet.
That idea became Traveling Up, a travel randomizer concept.
Instead of asking users to work through dozens of filters, the product starts with just three signals:
🌍 how much time they have
🎭 how they want the trip to feel
☀️ what kind of climate they prefer
The destination stays a surprise.
Hypothesis: removing destination selection from the first step could move users faster from vague travel intent to genuine interest in one specific trip.
What I would test:
• Destination first search vs Mood first randomizer
• Randomize start rate
• Destination save rate
• Plan this trip CTR
• Time to first interesting destination
💡 Growth insight: in discovery products, uncertainty is not always friction. Sometimes it is exactly what creates curiosity and moves users toward the next action.
This concept came to me after a particularly inspiring trip. And I think it is the first mobile concept I have created purely for myself, rather than for a client project, in roughly three years.
So this one has a little more freedom, art direction, and product experimentation in it.
06/30 complete.
If you enjoy seeing mobile product experiments like this alongside the growth thinking behind them, follow along. And if this direction resonates, a reaction helps me understand which ideas are worth exploring deeper next.
#MobileAppDesign #TravelApp #TravelAppDesign #MobileUX #UXDesign #ProductDesign #GrowthDesign #TravelTech #InteractionDesign #UIDesign #ProductStrategy #MobileProduct #AsolDesign
Perfect
