✨ Aetheria — Luxury Editorial Fashion Experience

For this challenge, I wanted to explore how AI-assisted design tools can help create premium digital experiences that feel elegant, immersive, and emotionally engaging.

Aetheria is a luxury fashion and editorial-inspired e-commerce concept built around the idea of fluidity, craftsmanship, and visual storytelling. Rather than creating a traditional online store, I focused on designing an experience that feels closer to browsing a high-end fashion publication.

The experience includes: • Editorial-style landing page • Curated collection showcases • Immersive product storytelling • Luxury product detail pages • Soft visual hierarchy and refined interactions • Multi-page navigation flow

My goal was to create an interface where the products, imagery, and typography work together to communicate the feeling of a premium fashion brand.

⚡ Workflow with Google Stitch

Google Stitch played a central role in the design process.

I started by gathering inspiration and defining the visual direction for the brand. Using prompts inside Stitch, I generated the initial interface structure and explored multiple layout variations. The ability to quickly iterate on sections, refine content blocks, and experiment with different compositions made it easy to move from concept to polished design.

I used Stitch to: • Generate the initial interface layouts • Explore design directions and visual hierarchy • Refine sections through prompt-based iterations • Create the foundation for both the landing page and product experience • Rapidly prototype a complete multi-page fashion concept

🚀 From Stitch to Deployment

After finalizing the design in Stitch, I exported the project to Figma for additional refinement and design adjustments. From there, I recreated and enhanced the experience in Framer, adding responsive behavior, page connections, and final polish before deployment.

Tools Used: • Google Stitch • Figma • Framer 🔥Google Stitch Workflow: https://stitch.withgoogle.com/projects/5130864092960824634 🚀 Live Project: https://aetheria-shop.framer.website/

This project was an exploration of how AI-assisted workflows can accelerate premium interface design while still allowing room for creative direction, refinement, and craftsmanship.

#stitchchallenge #GoogleStitch #UIDesign #WebDesign #Framer #Figma #FashionDesign #LuxuryBranding #CreativeTechnology

Pure technical mastery! You made something incredibly complex look so effortless. 🧠⚡

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.

Nice work! looks really polished 🔥