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
This is a premium sample deliverable showcasing my advanced approach to Topical Mapping and Answer Engine Optimization (AEO). It demonstrates how I build semantic content clusters to ensure a website is recognized as an industry authority and cited by AI search engines like ChatGPT, Perplexity, and Google SGE.
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
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
Wow, Carola, this is an absolutely stunning project! The "Shop by Aura" feature is such a creative way to lean into the "interfaces that feel alive" theme, and a cursor-reactive, liquid glossy background sounds beautiful.
I love that you used a meticulous DESIGN.md file to keep...
Lilliac — A Tinder-style hiring marketplace built with Stitch
I spent the last few days building Lilliac from scratch using Google Stitch — a two-sided freelance hiring platform where companies swipe through talent and freelancers swipe through projects. When both sides say yes, it's a match.
Here's what's inside:
— Full swipe deck with hero images and expandable portfolio cards
— Two completely separate user modes, hiring and freelancer, with no crossover
— Match celebration screen with both sides connected
— Team builder to manage hired freelancers per project
— 30+ screens including onboarding, chat, notifications, settings, billing and more
— Animated splash screen, consistent design system throughout
How I used Stitch
Everything was designed and prototyped in Stitch. I used Gemini Pro to generate screens iteratively — starting with the core swipe flow, then building out both user journeys, then layering in auxiliary screens. The back-and-forth with the model to fix navigation, wire interactions, and maintain design consistency across 30+ screens was the real workflow.
What worked:
The speed of going from concept to prototype is genuinely impressive. Describing a screen in plain language and seeing it rendered in seconds changed how I think about early-stage product design. The design quality out of the box is higher than I expected.
What I'd improve:
Cross-screen state management is something I had to work around carefully, especially keeping two user modes completely separate. More control over component-level wiring would make complex prototypes significantly more reliable.
Try it here: (best on mobile!)
#stitchchallenge
AI Application DevelopmentDesktop Apps DevelopmentWeb DesignDaVinci ResolvestitchchallengeStitchgemini3proGoogle Gemini
Wow, Michał, mapping out 30+ screens to keep two completely separate user modes distinct is an incredible structural feat for a short challenge! The Tinder-style swipe mechanics look flawless, and that match celebration screen is a fantastic touch.
Fantastic execution! I also...
on.contra.com
Swipe-to-Shop App Transforming Farmers Market Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
Building a Premium Identity: Using Minimalist Visual Storytelling to Drive Luxury Positioning for Apamiam Face Cream.
The Challenge: The client struggled to differentiate their face cream in a saturated market. The brand felt "generic," leading to poor organic engagement and low premium-pricing acceptance.
The Strategy: I repositioned the brand as a "lifestyle essential" rather than just skincare. Using my experience in minimalist design, I created a sophisticated, cohesive visual language that highlighted the tactile, sensory experience of the product.
Hey Seth
Challenges
View all
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
