Projects using StitchProjects using Stitch✈️ AI Travel App Concept for the Stitch Challenge
For this Stitch Challenge, I decided to test what AI can do in my strongest zone - mobile app design.
My agency and I have created 350+ mobile apps across AI, hospitality, wellness, hotel platforms, marketplaces, and travel-related products. So instead of creating just a nice UI shot, I wanted to test Stitch on something closer to a real product.
The concept:
An AI Trip Planner App that helps users discover trips, generate a personalized travel plan, optimize the budget, and turn everything into a ready itinerary.The main UX idea was to show how an AI travel agent can guide the user from curiosity to action:
→ Discover trip ideas
→ Generate a plan
→ Build a route
→ Optimize budget
→ Show savings
→ Push the user toward booking
I used:
a product specification
a Claude-generated visual reference
the same prompt direction in Stitch
then Figma polishing to improve spacing, hierarchy, consistency, and final presentation
Claude gave me a strong visual reference.
Stitch gave me the first working structure.
The biggest advantage of Stitch for me was iteration speed. With the free / Gemini access, I could generate and test more without constantly thinking about tokens. Claude is paid in my workflow, so for fast visual exploration Stitch was actually useful.
After Stitch generated the first version, I refined it in Figma and turned it into a cleaner, more premium mobile concept.
Final outcome:
AI Travel mobile app concept
Trip discovery experience
AI trip planning flow
Budget and savings logic
Smart recommendations
This challenge was not only about “can AI generate screens?”
🟢For me, the real question was:
Can AI help a senior mobile designer move faster from reference and prompt to a product idea that actually feels usable, structured, and business-focused?
My answer: yes - but the depth still comes from UX strategy, product thinking, visual direction, and final design judgment.
Live Link:
https://stitch.withgoogle.com/preview/3633210786682110568?node-id=6fcf2b2aafa9411b8a6f7e377f220b81
If your mobile app looks good but users still don’t activate, return, or convert - I can help you find the leak.
Book a Mobile App Diagnostic Call:
https://calendly.com/asol_design/book-diagnostic-call-linkedin-clone
#stitchchallenge #stitch #mobileappdesign #uidesign #uxdesign #productdesign #aitravel #figma #growthdesign #mobileux I'm jumping headfirst into this challenge and sharing a project that will reimagine the health industry and showcase the full capabilities of Google Stitch. Everything that came out of this project exceeded all expectations. Nothing else could do what Stitch did.
In this video, you'll see with your own eyes and fully realize that the time of AI has arrived. Big changes await us. Whoever is first to show this to the world will be the conductor of the future cyberpunk 2089.
The project is called SomaOS Pulse. It's a wellness intelligence dashboard concept that integrates sleep, HRV, glucose, stress, activity, and nutrition signals into a single, vibrant interface. Stitch was used to generate the design system, screens, prototype, and animations, and then the project was polished into an interactive web prototype.
I'm sharing my thoughts on the project. Follow the links: Google Stitch, prototype, interactive web version, my social media. Be sure to watch the video.
Links
Stitch prototype: https://stitch.withgoogle.com/preview/15691040717386817?node-id=f575de351f2d47719ea3f175cdbf726a
Stitch: https://stitch.withgoogle.com/projects/15691040717386817
(https://stitch.withgoogle.com/projects/15691040717386817)Social Media
X: https://x.com/den_turbin/status/2062278635923669285
Linkedin: https://www.linkedin.com/posts/denis-turbin_i-built-a-unified-live-ai-interface-that-ugcPost-7468044445842649090-QHnY/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAEYVHPYB02O3S94UQCKAOJsgErYsJovzstc
Threads: https://www.threads.com/@den_turbin/post/DZI1hm9kc5d
Kisses and greetings to everyone. Let's cook this challenge! ASPHALT is a landing page for a street skateboard brand — one long scroll with six sections: hero, the drop, the boards, the numbers, the culture, and a final call to action.
Live: https://asphalt-skate-culture.netlify.app/
The look is raw and bold: paper background, big chunky type, yellow and orange accents, 3D boards in the space. Almost everything moves : a spinning skate-wheel cursor, text that jumps up on scroll, a board that tilts to your mouse, a trick-name ticker, a counting year, and sparks on the last button.
How I used Stitch
https://stitch.withgoogle.com/projects/768150956399471213
I started with a design system. I wrote a DESIGN.md with the colors, type scale, spacing, and motion rules, then imported that into Stitch as the source of truth. From there Stitch generated each section straight onto the canvas, and because everything ran off the same system, the sections actually matched instead of drifting. The output was HTML-native too, so the motion and hover states were already in there.
Once the sections looked right, I exported the code and used Claude to merge them into one page: combining the duplicated cursor, consolidating the Tailwind config, and wiring up the scroll behavior between sections. Then I shipped it on Netlify.
Platform feedback
Starting from a design system was the best part the DESIGN.md kept all six sections consistent, which is usually the hard bit when you build piece by piece. Fast too, and the motion came baked in.
The one pain point was joining sections. Each exports on its own, so making one page meant cleaning up duplicates by hand. A "merge boards into one page" export would fix that. My submission for the Google Stitch Challenge is an UI experience in a concept app I called Build a Feeling. 😊
Link to project: click here
(https://stitch.withgoogle.com/preview/17121082665788458271?node-id=8132fa1568f147f4828adc7feee02636)Some if not most kids usually have harder times opening up to adults about their emotions, especially if they don't know what they are feeling themselves.
This app helps a child understand some of the more complex emotions they may be feeling, but don't know the words for just yet.
Describe an experience by taping text bubbles.
Can be as low as 1 or as many as 4.
The app tells you which emotions they may have felt, description, and validation, making them heard.
The user can log their emotion(s) for the session and have them stored on a separate page with dates and all the other important information.
For this project I used Gemini 3, Gemini 3.1 Pro, and Redesign with Nano Banana in Google Stitch.
This is just a concept design, but can be tuned up with more features, animations, statistics, etc.
I actually loved using Stitch by Google, especially with absolutely zero coding experience prior.
SerenityPath — Luxury Health & Wellness Platform
A complete, high-end digital experience designed from scratch for a modern Health & Wellness platform.
The core goal of this project was to move away from typical, cluttered medical layouts and focus entirely on a calm, sophisticated, and premium aesthetic. By leveraging warm earth tones, generous whitespace, and precise editorial typography, the interface builds immediate trust and connection with users.
Key Highlights:
Premium Editorial UI: A carefully curated typography hierarchy that maintains an elegant, high-end feel across the entire layout.
Warm Minimalist Aesthetic: Balancing whitespace with rich, clean imagery to convey a sense of calm and well-being.
Conversion-Driven Architecture: Seamlessly blending structured service grids, client testimonials, and intuitive CTAs to drive natural appointment bookings.
Designed end-to-end in Figma with a fully component-driven workflow.
Tolls: Figma, Lummi AFTERCUBE — AI Visual Worlds From Raw Ideas
For the Google Stitch Challenge, I created AFTERCUBE — a dark cinematic AI visual studio that turns raw ideas into website concepts, brand systems, motion direction, and immersive digital worlds.
The idea was simple:
What if one rough prompt could become a complete visual direction?
Not just a layout.
Not just a dashboard.
A full world.
AFTERCUBE is designed as a premium creative engine where users can start with a raw idea and generate cinematic website concepts, visual identity direction, interface systems, brand atmospheres, featured world concepts, and motion-ready digital experiences.
The final landing page tells a clear story:
Raw idea → visual engine → generated worlds → start creating
Process
I spent around [add hours here] hours exploring, designing, breaking, rebuilding, and refining this concept.
This was not a one-shot design. I went through 20+ iterations before finding the final direction.
Some early versions felt too much like generic SaaS dashboards. Some sections looked like separate websites instead of one continuous experience. A few visual directions were too cluttered, too flat, or not premium enough.
So I kept stripping things back and rebuilding around one stronger visual language:
dark cinematic background
burnt-orange energy
oversized editorial typography
3D character and engine visuals
subtle grid texture
premium Framer-style spacing
animated interactions
strong section rhythm
The biggest challenge was keeping the page consistent while moving from hero to product explanation to showcase sections. I wanted the whole page to feel like one visual world, not random screens stitched together.
How I used Stitch
I used Stitch to rapidly explore different layouts, test visual directions, refine the brand system, and push the final landing page into a more polished prototype direction.
The workflow included:
Exploring multiple concepts and brand names
Testing different dark visual systems
Locking the final direction around AFTERCUBE
Building the cinematic hero section
Creating the Visual Engine section
Adding Featured Worlds as generated concept examples
Creating a final prompt-driven CTA
Adding motion ideas, hover states, glow interactions, and scroll animation direction
What I focused on
My goal was not to create another generic AI landing page.
I focused on:
strong first impression
cinematic art direction
bold typography
premium dark UI
orange energy system
clear product storytelling
interactive motion
visual consistency
a page that feels like a real creative AI product
Future direction
If I had more time, I would expand AFTERCUBE into a deeper product prototype with:
a full AI generation flow
additional inner product pages
more generated world examples
more custom 3D elements
animated world-building states
a detailed brand system page
export screens for Framer, Figma, and campaign assets
interactive prompt-to-world transitions
This version focuses on the core brand, landing page, and product story first. The next step would be turning it into a fuller interactive product experience.
Feedback on Stitch
Stitch was useful for fast ideation and visual exploration. It helped me test multiple directions quickly and move from rough concept to polished landing page much faster than starting from a blank canvas.
The hardest part was maintaining consistency across sections. Some outputs looked like separate pages, so I had to keep refining prompts around continuity, layout rhythm, spacing, and brand discipline.
Overall, Stitch was powerful for exploration, but the best results came from treating it like a creative partner — testing, correcting, refining, and pushing the design direction intentionally.
Final concept
AFTERCUBE is an AI visual studio for turning rough creative thoughts into cinematic digital worlds.
One prompt.
One engine.
A complete visual world.
Prototype: https://stitch.withgoogle.com/preview/2647123046716225432?node-id=7b022a8e6ba245dd9a77627c3cc9e5ee Your product launch, visualized like a NASA mission.
FlowCast is an AI-powered product launch command center built entirely with Google Stitch — designed for founders, growth operators, and startup teams who need real-time launch intelligence in one place.
5 fully animated, interactive pages:
Launch Dashboard — live metrics, animated score ring, momentum feed
Launch Countdown — cinematic timer with GO LIVE trigger
Audience Intel — world heatmap, persona breakdown, sentiment arc
Content Command — AI draft generator with viral score probability
Settings — profile, integrations, notification toggles
🔗 Live Prototype: https://flowcast-mission-control-507808598152.europe-west2.run.app/
How I used Stitch:
Started from a blank canvas. Used streaming generation to build all 5 pages, in-place AI edits to fix and animate components without breaking existing layouts, and native HTML canvas motion for all animations — arcs, count-ups, pulsing maps, ghost cursor, and ripple effects. Exported directly to a live deployment link.
What makes it different:
Every metric moves. Every number counts up. Every page breathes. FlowCast doesn't just show you launch data — it makes you feel the momentum. Built a complete multi-page digital experience using Google Stitch.
For this project, I designed and prototyped Eternal Maven, a modern AI and technology agency website focused on communicating technical expertise, credibility, and premium brand positioning.
What I created:
• Homepage with a bold, future-focused visual identity
• AI Development, Web Development, and Solutions pages
• Case Study section featuring project outcomes and impact metrics
• Industry-specific expertise showcase
• Technology Stack page highlighting modern tools and platforms
• Portfolio gallery for featured work
• Blog & Insights hub for thought leadership content
• Contact and conversion-focused lead generation experience
How I used Google Stitch:
I leveraged Stitch to rapidly generate, refine, and prototype high-fidelity screens while maintaining a consistent design system across the entire experience. The platform made it easy to explore ideas, iterate quickly, and build a cohesive multi-page user journey.
Design Direction:
Dark immersive UI, electric blue accents, glassmorphic elements, modern typography, and premium visual storytelling designed for a 2026-ready digital presence.
Prototype: https://stitch.withgoogle.com/preview/10522833652304720789?node-id=98d3602ef68e4bcb88b235a2ac03a4d0
#GoogleStitch #WebDesign #UIDesign #UXDesign #AI #ProductDesign #Prototype #DigitalExperience #Contra 
