From prompt to prototype to

From prompt to prototype to live experience.

I challenged myself to create a landing page for Rocio Sereno's AHA Peeling Concentrate – Weekly Skin Reset for Smoother, Clearer Skin using an AI-powered design workflow from start to finish.

My process looked like this:

🔹 Started with research and creative direction using @openai

🔹 Used detailed prompts to define the landing page structure, product positioning, benefits, usage flow, results section, video experience, and animation concepts

🔹 Brought the concept into @stitchbygoogle where I transformed the idea into a visual UI and interactive prototype

🔹 Refined layouts, visual hierarchy, product presentation, user flow, and motion interactions

🔹 Added animations and micro-interactions to create a more immersive skincare experience

🔹 Exported the design into @lovable.dev and @boltdotnew to further develop the experience into a functional UX and live product page

Prototype: https://stitch.withgoogle.com/projects/7861238654201573587?pli=1

Live Version (Lovable): https://frame-fusion-spark.lovable.app/product

Live Version (Bolt): https://app-build-html-scree-wx0b.bolt.host/

Tools Used: @openai @stitchbygoogle @lovable.dev @boltdotnew

This project was a great example of how AI-assisted workflows can accelerate the journey from concept → UI design → prototype → animation → live deployment while still leaving room for creative decisions and UX refinement.

#GoogleStitch #StitchByGoogle #UIDesign #UXDesign #ProductDesign #WebDesign #AIWorkflow #Lovable #BoltNew #OpenAI #Prototype #LandingPageDesign #SkincareBrand #DesignProcess #CreativeWorkflow