Freelancers using StitchFreelancers using StitchAFTERCUBE — 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 Most eCommerce websites look good… but don’t convert.
So I designed a modern, AI-powered eCommerce experience focused on what actually drives sales: clarity, trust, and user flow.
🧠 The Approach
Instead of just designing screens, I built a complete user journey — from first impression to final purchase.
🏠 Homepage — First Impression That Converts
The homepage is designed to instantly communicate value and guide users:
✔️ Bold, benefit-driven hero section
✔️ Clear navigation & structured collections
✔️ Best-selling products for quick decisions
✔️ Trust signals (reviews, guarantees, FAQs)
✔️ Strong CTAs placed strategically
👉 Goal: Turn visitors into engaged shoppers within seconds
🛍️ Product Page — Built to Sell
This is where conversions happen.
✔️ Clean product-focused layout
✔️ High-quality visuals with strong hierarchy
✔️ Clear pricing & CTA (Add to Cart / Buy Now)
✔️ Trust badges + guarantees
✔️ Social proof through reviews
✔️ Related products to increase AOV
👉 Goal: Reduce hesitation and increase purchase confidence
👤 About Page — Build Trust Through Story
People don’t just buy products — they buy brands.
✔️ Strong brand narrative
✔️ Mission & vision clarity
✔️ Visual storytelling
✔️ Human-centered design
👉 Goal: Create emotional connection and credibility
📞 Contact Page — Remove Friction
A simple but essential part of the experience.
✔️ Clean, accessible contact form
✔️ Clear communication channels
✔️ Support-focused layout
👉 Goal: Make it easy for users to reach out and trust the brand
💎 The Result
A complete eCommerce experience that is:
✅ Clean and modern
✅ Conversion-focused
✅ User-friendly across devices
✅ Built to scale
⚡ Final Thought
Design isn’t just about aesthetics —
it’s about creating a system that guides users, builds trust, and drives sales.
📩 Call to Action
If your Shopify store isn’t converting…
👉 Let’s turn it into a high-performing, revenue-driven experience.
https://contra.com/s/l3E3YeFZ-shopify-growth-system-conversion-design-automation We live in interesting times, a year ago I couldn't even imagine that it would be possible to create a product without Figma, and code without a Developer. I am a UX UI designer, but my workflows will never be the same as they were literally half a year ago.
In a month, I created two products with Claude Code, and realized that I am no longer interested in working with design itself. I don't know how my profession will change in the near future, but I feel big changes in myself 😄
By the way, this is my product in the development process at the moment, Localify - helps to localize products, and also localizes App Store Listing, taking into account all the store's requirements for symbols Pulseroom — Designing a Social Space That Feels Alive
Built with Google Stitch
When I saw the challenge theme, "Build interfaces that feel alive," I knew I didn't want to create another dashboard, landing page, or e-commerce experience.
I wanted to explore something much more ambitious:
What if an interface behaved like a living organism?
What if emotions weren't hidden behind profile pictures and text posts, but became visible, interactive, and shared in real time?
That idea became Pulseroom.
Pulseroom is a motion-rich emotional ecosystem where users enter shared spaces, express how they feel, and collectively shape living generative worlds together. Instead of scrolling through content, people participate in environments that continuously evolve based on the emotional energy of everyone inside.
The entire experience is designed to blur the line between interface, artwork, and social connection.
What I Built
Pulseroom is a next-generation social experience built around emotional presence.
Users select a mood and immediately influence the visual atmosphere of the room. Every interaction becomes part of a living canvas powered by motion, shaders, AI-driven behaviors, and collaborative generative art.
Core experiences include:
• Live emotional rooms where user moods shape the environment
• Fluid generative art canvases that evolve continuously
• Aura, an AI companion that understands room energy and suggests environmental shifts
• AI-powered avatar generation designed around emotional identity
• Mood analytics and emotional history visualization
• Real-time Pulse interactions that create ripples across the entire room
• Dynamic room discovery based on emotional states
• Saved Moments that capture unique pieces of collaborative art
Rather than designing screens, I designed an ecosystem.
Every screen responds to the same emotional language, making the entire product feel connected and alive.
How Google Stitch Became My Creative Engine
This project would have been extremely difficult to prototype traditionally because almost every interaction depends on motion, atmosphere, and visual feedback.
Google Stitch became the core creative tool throughout the entire workflow.
Creating a Living Design System
Before generating screens, I created a detailed design framework for Pulseroom.
The system included:
• Emotional color mapping
• Dynamic glow systems
• Glassmorphism architecture
• Motion behaviors
• Particle systems
• Shader-inspired visual rules
• Interaction feedback patterns
Once uploaded into Stitch, the consistency was impressive.
Every generation already understood the visual language of Pulseroom, which allowed me to focus on ideas instead of constantly correcting design drift.
Streaming Generations Directly to Canvas
The streaming generation feature completely changed the way I explored ideas.
Watching environments appear in real time felt less like prompting an AI and more like collaborating with a designer.
Instead of generating isolated screens and waiting for results, I could immediately react to what Stitch was building and push concepts further.
For a project built around living interfaces, this workflow felt incredibly natural.
In-Place AI Editing
Most of Pulseroom's best ideas emerged through iterative in-place editing.
I refined:
• Live Room interactions
• Aura AI experiences
• Collective Canvas behavior
• Emotional profile systems
• Discovery mechanics
• Motion-heavy interface components
The ability to point at an existing section and evolve it directly inside the canvas made experimentation dramatically faster.
Motion, Shaders, and Interactive Behaviors
This is where Stitch surprised me most.
Pulseroom depends heavily on motion.
Floating particles.
Animated pulse effects.
Living backgrounds.
Mood-responsive color systems.
Shader-inspired visual environments.
Aura energy effects.
Interactive generative art.
Being able to prototype motion-rich experiences directly inside Stitch made the concept feel real much earlier in the design process.
Instead of treating animation as a finishing touch, motion became part of the product from the beginning.
From Concept to Working Experience
One of my goals was to move beyond static mockups and create something people could actually explore.
Using Stitch's workflow alongside modern deployment tools allowed me to quickly move from concept to a live interactive experience while maintaining the same design language across the entire project.
What Makes Pulseroom Different
Most social products are built around content.
Pulseroom is built around emotional presence.
The room itself becomes the conversation.
The atmosphere becomes the interface.
The artwork becomes the memory.
Every pulse, every mood, every interaction contributes to a shared visual world that no single user controls.
The result feels less like using an app and more like entering a living digital environment.
Feedback on Google Stitch
The biggest strength of Stitch is how quickly it turns imagination into something tangible.
Three things stood out most:
Streaming generations made exploration feel collaborative instead of transactional.
In-place AI edits dramatically reduced iteration time.
Motion-first prototyping allowed me to design experiences rather than static screens.
What impressed me most was how naturally Stitch handled a highly experimental concept.
Pulseroom isn't a traditional app. It's a complex emotional ecosystem with generative visuals, AI-driven interactions, and motion-heavy interfaces.
Even with that complexity, Stitch remained fast, flexible, and surprisingly consistent.
Final Thoughts
Pulseroom began as a question:
Can technology create a social experience that feels more human, more emotional, and more alive?
Google Stitch gave me the ability to explore that question far faster than traditional workflows would have allowed.
The result is Pulseroom — a living emotional ecosystem where interfaces breathe, emotions become visible, and people create shared worlds together.
Live Project:
https://pulsroom.vercel.app/
APK Download:
https://pulsroom.vercel.app/apks/app-debug.apk
Stitch Project:
https://stitch.withgoogle.com/projects/12434356365707266796
#GoogleStitch #BuildWithStitch #UIUX #MotionDesign #ProductDesign #CreativeCoding #GenerativeArt #ArtificialIntelligence #UXDesign #MobileApp Nebula AI 🎬✨
An AI-native cinematic experience where your mood drives what you watch — and what you create.
Instead of endlessly browsing content, Nebula AI shifts the experience from passive consumption to interactive storytelling. Users start with emotion, explore AI-curated films, and can remix any story using mood, style, and narrative controls.
Process
I used Mobbin to study UX patterns from top streaming platforms, focusing on content hierarchy, discovery flows, and interaction models.
I then explored early layout directions using Google Stitch, and refined the full experience in Figma — building a high-fidelity prototype with motion and micro-interactions.
Tools
• Mobbin (research & UX patterns)
• Google Stitch (early exploration)
• Figma (UI, prototype, animations)
🎥 Includes a full interactive prototype and demo walkthrough.
This project was created for the Mobbin x Contra Design Challenge.
Figma Prototype (https://www.figma.com/proto/6CuM0qKw2a4G0UNsIFKUqH/Untitled?node-id=67-1246&p=f&t=Qiqp0Cqa6duzJ1gH-1&scaling=min-zoom&content-scaling=fixed&page-id=67%3A883&starting-point-node-id=67%3A1246)
