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 joined the Google Stitch x Contra Challenge by creating LÚMIA Beauty, a landing page for a fictional premium makeup and fragrance brand, built around the challenge theme: creating interfaces that feel alive.
The idea was to build an immersive, glossy, highly visual beauty experience where the interface didn’t feel like a static e-commerce page, but like a brand universe full of light, motion, and texture.
For the project, I created a complete visual identity with a pink, shiny, glowy color palette. I also worked with a collection of AI-generated product and model images, including perfumes, lip gloss, blush, editorial visuals, and the LÚMIA Beauty logo.
The landing page includes:
- A hero section with a liquid, glossy, interactive background that reacts to mouse movement.
- Product sections for perfumes, blush, and lip gloss.
- A “Shop by Aura” experience to discover products through different visual moods.
- Cards with hover states, glow, shimmer, and subtle motion.
- An editorial section with models and a beauty campaign aesthetic.
- A ritual builder to combine products into a beauty routine.
- Reviews, FAQ, final CTA, and responsive footer.
- Final deploy published on Netlify.
I used Google Stitch as a central part of the workflow. First, I prepared a DESIGN.md file to define the brand’s visual direction: colors, style, tone, components, motion, layout, and glossy/liquid aesthetic. Then I uploaded the product images, model images, and logo so Stitch could generate a landing page that felt consistent with the LÚMIA Beauty identity.
From there, I used Stitch to create the first version of the page, iterate on specific sections, adjust the composition, improve the hero, add visual effects, and include interactions such as motion, hover states, shimmer, liquid backgrounds, and cursor-reactive behavior.
After that, I exported the project using the copy-code-to-clipboard option. From there, I worked on the generated file to adjust specific parts of the page, especially structure details, responsive behavior, and small visual refinements. Once I had the final version, I inserted the finished index.html file back into the Stitch project board to keep the final result documented within the same workflow.
I also prepared two videos for the submission:
1) A video showing my workflow inside Stitch.
2) A demo video showing the final LÚMIA Beauty experience.
What I liked most about Stitch was how quickly it helped me move from a brand idea to a visually solid interface. The DESIGN.md workflow helped a lot with consistency, and the in-context edits made the process feel closer to designing directly on the product.
As feedback, I would love to see Stitch keep improving fine control over responsive details, specific animations, and component consistency, but the overall experience was very fluid and useful for prototyping a high-impact landing page in a short amount of time.
Live project:
https://LÚMIABeauty.netlify.app/
Stitch project:
https://stitch.withgoogle.com/projects/4725329965472555948
@stitchbygoogle
#GoogleStitch #Contra #UIDesign #UXDesign #AIDesign #WebDesign #ProductDesign #BeautyBrand #LandingPage #BuildInPublic
This one is honestly one of the strongest I’ve seen so far!!
It has a story, execution, beautiful design, and you can really tell it was created from zero with intention.
You used Stitch to build a real product experience. Powerful work! 💫
Thank you so much!! This means a lot 💫
I really wanted LÚMIA Beauty to feel like more than just a landing page — more like a full beauty brand experience with story, motion, and a strong visual direction.
Stitch helped me move from the initial concept to a polished interactive...
Check out the live site at: https://LÚMIABeauty.netlify.app 🚀
Awesome work🔥👏👏
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.
Which background feels better for this screen from ? 🎨✨
The layout stays the same, only the background changes. Curious which one feels more playful, balanced, and kid-friendly to you 👀
4 voted
36%
7 voted
64%
11 votes
Closed
Nice work!
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?