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
🚀 Building a Mobile App in 2026?
Most founders make this mistake:
They start development before validating architecture.
Before writing a single line of code, you should define:
• User flow
• Scalability plan
• Backend structure
• Monetization model
• Growth roadmap
At Xiotdev, we don’t just “build apps” — we build scalable products.
If you're planning:
📱 MVP
📈 SaaS App
🛒 Marketplace
🚚 On-demand platform
Let’s talk before you waste 3–6 months rebuilding later.
Drop “APP” in comments or DM me.
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
SaaS Dashboard Design & Development
Turn your data into decisions.
Description:
Your product has valuable data — but if users can't read it quickly, they churn. I design and build clean, intuitive dashboards that make your SaaS product feel premium and keep users engaged.
Whether you need an analytics panel, an admin interface, or a user-facing reporting tool, I handle both the design and the front-end build — so you get a product-ready dashboard, not just a Figma file.
What's included:
— UX-first dashboard layout
— Key metric cards, charts & data tables
— Filters, date ranges & export options
— Responsive for desktop & tablet
— AI-ready component structure (easy to plug in AI insights later)
— Handoff-ready or fully built
Best for: Early-stage SaaS founders, product teams, internal tools, B2B platforms
Timeline: 3–5 weeks
Starting at: $2,500
Yes this is good work
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.
Seriously can’t stop looking at this.
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.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?