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 made WatchKit for Stitch Challenge. Tried to intentionally make it clean and spacious with a white theme.
Project Link: https://watch-kit.vercel.app/
WatchKit is a modern real-time analytics platform concept focused on speed, clarity, and privacy-first telemetry.
The project explores how AI-native workflows can accelerate the creation of polished, production-style interfaces while maintaining strong visual hierarchy, motion quality, and interaction design.
The interface was designed to feel lightweight and calm rather than dense or enterprise-heavy.
How I Used Google Stitch
Google Stitch was used as a core part of the creative and interface development workflow.
I used Stitch to explore designs, iterate, improve the designs.
The workflow was like this:
Generate initial interface directions in Stitch
2. Refine layouts using targeted prompts
3. Export to Google AI studios to build the app
4. Export and further polish the final implementation in VS Code
5. Publish through Github to Vercel
Feedback on Stitch
The best feature from the new features recently added to stitch was the in-place AI edits.
Walkthrough Video
Walkthrough video contains generations in stitch, export to Google Ai studio and demo of the website.
This right here is why I love creative communities.
I like the focus on making the interface feel calm rather than packing every metric onto the screen. Feels much easier to consume that way.
Here's what I ended up building:
https://on.contra.com/pnfJBQ
on.contra.com
Introducing Voya: Revolutionize Your Travel Planning Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
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
Built CreatorFlow — an AI-powered workspace for content creators to plan, produce, and manage campaigns from a single dashboard.
Using Google Stitch, I went from concept to interactive interface in minutes, leveraging AI-powered generation and iterative refinement to build:
✨ AI Idea Generator
📅 Content Planner
🎬 Video Production Workspace
📊 Performance Analytics Dashboard
What impressed me most was how quickly I could explore multiple UI directions, refine layouts in-place, and evolve the product through AI-assisted iterations without leaving the canvas.
This project showcases how AI can accelerate the journey from idea to polished product while keeping creativity at the center of the process.
Built with Google Stitch for the Contra x Google Stitch Challenge.
@stitchbygoogle #GoogleStitch #Contra #UIDesign #ProductDesign #AI #SaaSDesign #WebDesign #AIDesign #DesignWorkflow
Your dedication to quality really shines through! Top-of-the-line work. 🏅🚀
✨ Aetheria — Luxury Editorial Fashion Experience
For this challenge, I wanted to explore how AI-assisted design tools can help create premium digital experiences that feel elegant, immersive, and emotionally engaging.
Aetheria is a luxury fashion and editorial-inspired e-commerce concept built around the idea of fluidity, craftsmanship, and visual storytelling. Rather than creating a traditional online store, I focused on designing an experience that feels closer to browsing a high-end fashion publication.
The experience includes:
• Editorial-style landing page
• Curated collection showcases
• Immersive product storytelling
• Luxury product detail pages
• Soft visual hierarchy and refined interactions
• Multi-page navigation flow
My goal was to create an interface where the products, imagery, and typography work together to communicate the feeling of a premium fashion brand.
⚡ Workflow with Google Stitch
Google Stitch played a central role in the design process.
I started by gathering inspiration and defining the visual direction for the brand. Using prompts inside Stitch, I generated the initial interface structure and explored multiple layout variations. The ability to quickly iterate on sections, refine content blocks, and experiment with different compositions made it easy to move from concept to polished design.
I used Stitch to:
• Generate the initial interface layouts
• Explore design directions and visual hierarchy
• Refine sections through prompt-based iterations
• Create the foundation for both the landing page and product experience
• Rapidly prototype a complete multi-page fashion concept
🚀 From Stitch to Deployment
After finalizing the design in Stitch, I exported the project to Figma for additional refinement and design adjustments. From there, I recreated and enhanced the experience in Framer, adding responsive behavior, page connections, and final polish before deployment.
Tools Used:
• Google Stitch
• Figma
• Framer
🔥Google Stitch Workflow:
https://stitch.withgoogle.com/projects/5130864092960824634
🚀 Live Project:
https://aetheria-shop.framer.website/
This project was an exploration of how AI-assisted workflows can accelerate premium interface design while still allowing room for creative direction, refinement, and craftsmanship.
#stitchchallenge #GoogleStitch #UIDesign #WebDesign #Framer #Figma #FashionDesign #LuxuryBranding #CreativeTechnology
Pure technical mastery! You made something incredibly complex look so effortless. 🧠⚡
I joined the Google Stitch Challenge on Contra and built a comprehensive Driver Service MVP concept. 🚀
The idea started simple: What if an app didn’t just list tasks, but felt like an intuitive, real-time control center for a driver's entire shift?
Using Google Stitch as a design partner, I mapped out a complete visual system and built-out a structured flow including:
Kinetic Utility System: Setting up the core typography, component library, and color palette.
Driver Portal & Authentication: A seamless login and onboarding interface.
Live Job Dashboards: Interactive screens tracking available jobs, estimated earnings, and immediate "Accept Job" actions.
Active Mission Tracking: Real-time route mapping, turn-by-turn navigation, and customer details.
Earnings & Driver Profiles: Clear breakdowns of weekly metrics, historic data, and vehicle documentation management.
Getting the exact hierarchy, grid spacing, and multi-screen visual flow right took some iterating, but that’s where the tool shined. It allowed me to explore layouts quickly without losing my personal design taste.
If I get more time, I'd love to scale this further with micro-interactions, custom map elements, and dark-mode states.
Built for the Google Stitch Challenge on Contra.
Nice One..Best of Luck for the challenge!
Challenges
View all
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?