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
EcoTrack – Waste Segregation Management Platform
(Customizable based on client's preference)
EcoTrack is a mobile application that digitizes waste segregation management from end to end. It connects administrators with residents through a unified platform to drive compliance, accountability, and sustainable community practices.
Core Functionality:
Admin Dashboard: Full operational control in one place. Manage all user accounts, monitor segregation compliance, set collection schedules, view real-time analytics, and generate exportable reports for stakeholder presentations.
Resident Portal: Dedicated access for residents to track their segregation activity, receive automated pickup reminders, submit reports, and access local waste guidelines.
Complete Account System: Secure registration and login, forgot password recovery, email change requests, profile updates, and role-based permissions for admins, staff, and residents.
Data & Insights: Visual dashboards showing compliance rates, participation trends, and collection efficiency to support data-driven environmental policies.
Built for Rebranding:
The current name EcoTrack is a placeholder. All branding elements including app name, logo, color scheme, and domain can be fully customized to match your organization or client requirements. Source code and documentation included for seamless handover.
Ideal For: Barangays, municipalities, subdivisions, condominiums, and private waste collection companies looking to launch their own branded waste management system without building from scratch.
Delivery: Full source code, admin credentials, deployment guide, and 30-day post-handover support included.
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
MMS Pro — Industrial Maintenance Management App built with React Native & Firebase. Features role-based login, 46+ department tools, automated PDF reports & manager dashboard. Currently deployed in a real factory.
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!
MS Project Schedule w/ Tracker
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?