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
Try Verity is an AI-powered interview coaching platform that creates realistic interview simulations based on a candidate's actual resume and target job description.
For this challenge, I used Google Stitch as the center of a real product redesign workflow.
Instead of building a mockup from scratch, I imported screenshots from the existing product, generated redesigned interfaces, and used Stitch to transform those concepts into production-ready UI code.
My workflow:
• Existing Try Verity screens → AI redesign mockups
• Mockups imported into Google Stitch
• Stitch-generated UI and front-end structure
• Implementation and integration using Codex
• Integration into the real application
The goal was not to create a prototype, but to modernize an existing product while preserving functionality, workflows, and business logic.
The redesign covered the landing page, interview workspace, recruiter feedback experience, reporting dashboard, pricing pages, and onboarding flow.
Key improvements:
• Complete landing page redesign
• Interview workspace redesign
• Recruiter-style feedback experience
• Modern SaaS visual language
• Improved information hierarchy
• Better usability and readability
• Enterprise-grade UI patterns
Tools used:
• Google Stitch
• ChatGPT
• Codex
• Next.js
• React
• TypeScript
• Tailwind CSS
Application Web: https://www.tryverity.co/
Video Walkthrough:https://youtu.be/iITu8t9-5pw
Google Stitch became the bridge between visual exploration and implementation, allowing me to iterate much faster than a traditional design-to-development workflow.
Thanks to the Google Stitch team for building tools that make interface iteration dramatically faster.
Looks cool
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
Bringing ideas to life faster with Google Stitch ✨
For this challenge, I explored how Stitch can transform a simple concept into a fully interactive creative experience using AI-powered workflows.
The project started with just two things:
📄 a custom design.md creative direction file
🖼️ a logo image for the project identity
Using Stitch’s new capabilities, the entire website was generated directly inside the canvas through streaming generations — turning concepts into a live experience in real time.
But it didn’t stop at generation.
I continued refining the project using:
⏩ prompt-based in-place AI editing
🖱️ point-and-click interactions directly inside Stitch
🎥 native motion, animation, shaders, and hover states on HTML canvas
🚀 one-click export support directly to Netlify
What makes this even more impressive is how Stitch combines the workflow of 4–5 different creative applications into one single platform — generation, editing, interaction design, motion, prototyping, and deployment all inside one experience.
From concept → iteration → interaction → deployment, the entire workflow stayed inside Stitch.
This experience shows how AI can dramatically speed up creative production while still allowing full artistic control and experimentation.
link for the project:
Live Website :Website
Google Stitch Workflow :Google Stitch
This is impressive and incredible
Exploring "How We Work" section
Which colour is best (both colours are the main colour guide)?
37 voted
54%
31 voted
46%
68 votes
Closed
Personally leaning towards the dark blue-green version.
The cooler tone feels more aligned with trust and clarity especially for a “How We Work” section. The Dark brown version has a strong cinematic mood, but the blue-green helps the structure and content breathe a bit more to me.
AREA is a fictional creative technology studio exploring how AI-native workflows can shape modern digital identity design.
I used Google Stitch to explore and refine the brand direction through typography studies, interaction concepts, motion systems, colour exploration, and in-place AI edits before rebuilding the final experience in Next.js with Framer Motion and deploying it on Vercel.
The final site focuses on cinematic pacing, editorial restraint, atmospheric motion, and immersive interaction design inspired by modern creative studio websites.
Live Site:
https://area-snowy.vercel.app
Stitch was strongest as a rapid creative direction and identity exploration tool. The in-place editing workflow made it easy to iteratively refine layouts, spacing, typography, and atmosphere while maintaining creative momentum.
The workflow became most powerful when paired with production tooling, using Stitch to establish the creative system first, then translating the final direction into code for deeper interaction and motion refinement.
Looks clean!
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?