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
Hey Guys, I created GRIMOIRE- a book reading app, I am new to animations and motion interactions, pls excuse the mistakes I am just learning, kindly scroll a lot farther after the animation to view the entire webpage.
About Grimoire-
Its a spooky book reading app for horror and fiction, with a Halloween theme.
Process-
I have created the landing page with some parallax scroll animation, I used Gemini to create a code for the animation and most of the images.
I used Figma to edit some of the images
I explained the idea to the google Gemini and it gave a code to be pasted in the stitch.
Feedback
-Loved- the interactions created and the content and the images, worked Greate with a a proper code.
had trouble- editing the image and editing in general, it became stuck after some time, may be because of animations or heavy images. Had a hard time reducing the gap between the animation and the sections below and adding some elements. I had a fun time with the challenge overall. It took a few trials. Thankyou
hey guys, I apologize for not posting on socials, I was out of time &I lost my Linked in password. I did not have an account on X but I have created one now, I am not that tech savvy so it took me some time, but I have created a post and also tagged @stitchgoogle, with a product...
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
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.
premium
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.
#GoogleStitch #WebDesign #UIDesign #UXDesign #AI #ProductDesign #Prototype #DigitalExperience #Contra
Fr this challenge, I used Stitch to turn a simple idea into a working prototype in just a few minutes. I started with a prompt describing an AI companion for elderly users, and Stitch helped generate the initial screens and user flow, which I then refined and connected into a prototype.
I've actually used Stitch before on a few projects last year, so it was interesting coming back to it. One thing I noticed immediately was how much more capable it feels now. The experience is smoother, the outputs are more thoughtful, and it feels easier to move from an idea to something tangible.
My favorite part is how quickly it helps explore concepts without getting stuck on a blank canvas. It's not a replacement for design thinking, but it's a great tool for getting ideas out of your head and into a format you can test and improve.
Overall, I enjoyed using it, and it's definitely a tool I will be running back to.
Project Link:
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?