Case Study · Brand, UI & AI-Assisted Build · 2024–2025

Marigold

Bloom

From a static botanical concept to a live, clinically-voiced storefront. The original brand and UI system, then a written brief carried through Antigravity and Google AI Studio into a fully deployed bio-apothecary e-commerce build.

Blender · Antigravity · Google AI Studio · Brand Systems · UI Design

View Live Site →

01

Brand Identity

Logo system, serif + script pairing, warm botanical color language, custom iconography

02

Landing Page

Full e-commerce UI — hero, product grid, ingredients section, ritual steps, testimonial, brand story

03

Social Media

Instagram grid system, brand mission doc, visual direction guide, and content tile set

04

3D Rendering

Product packaging renders — serum, cream jar, and cleanser tube — in warm natural-light style

Platform Strategy

V1 concept, V2 clinical rebuild.

The original concept sold Marigold Bloom on warmth and ritual. The rebuild keeps the botanical world but repositions the brand around clinical transparency — bio-fermentation data, active percentages, and pH values placed where a buyer needs proof, not just mood — then ships it as a real, live storefront.

Dimension
V1 / Concept
V2 / AI-Built Production
Core Objective
Warm, ritual-driven brand storytelling — botanical mood over proof.
Clinical credibility built to justify premium pricing through transparency.
Positioning & Voice
Soft botanical language: gentle, small-batch, ethically sourced.
Bio-apothecary science: active %, pH values, bio-fermentation data, molecular weights.
Architecture & Engine
Static layout design — a single scrollable concept, no live pages.
Fully deployed production build with live, navigable product and cart pages.
Build Process
Hand-built screen-by-screen vector layout.
Written brief prompted through Antigravity and Google AI Studio, shipped live.
Conversion Strategy
Passive lifestyle imagery, no proof points ahead of purchase.
Ingredient-matrix comparisons and formulation data placed right before add-to-cart.

V2 Build Walkthrough

The Bio-Apothecary Storefront

View Live Build →

Built from a written brief and shipped through Antigravity and Google AI Studio: a live product catalog, a formulation-by-formulation Botanical Matrix comparing raw extracts to their bio-fermented actives, and a shoppable four-step routine — all running on a real storefront, not a static prototype.

V1 Concept

The original landing page

Full e-commerce UI concept — botanical hero with product photography, featured collection grid, ingredients section, ritual steps, customer testimonial, brand story, and newsletter signup. Static, single-scroll, and the starting point for the V2 rebuild.

Superseded V1 ConceptMarigold Bloom landing page — Skincare rooted in gentle rituals, full e-commerce page mockup

Brand system

Rooted in values.

Botanical

Every formula grounded in plant-derived ingredients.

Gentle

Designed for sensitive skin and everyday rituals.

Effective

Science-backed botanicals, not just aesthetics.

Made for you

Small-batch, ethically sourced, sustainable packaging.

Your daily ritual — V1

Simple steps. Radiant results.

01

Cleanse

Remove impurities without stripping.

02

Hydrate

Restore moisture and prepare skin.

03

Restore

Nourish with potent botanical actives.

04

Protect

Shield and support all day long.

In V2, this sequence ships as a shoppable routine — bundle price and an add-to-bag action live under the steps.

Social media & identity — V1

Brand in every touchpoint.

Brand mission, visual direction guide, Instagram profile and content grid — six tile variants covering product, testimonial, ingredient education, and new arrival. The warm earthy palette and serif typography carry through into the V2 build.

Marigold Bloom social media brand system — Instagram grid, brand mission, visual direction, content tiles

AI-Assisted Build

How V2 got built.

01

Brief Definition

Wrote a structured creative and technical brief translating the V1 botanical concept into a clinical bio-apothecary direction — positioning, copy voice, ingredient science, and page-by-page scope.

02

AI-Assisted Build

Handed the brief to Antigravity and Google AI Studio to generate and iterate the production frontend — full navigation, product catalog, formulation pages, and cart logic.

03

Botanical-to-Clinical Data Layer

Rebuilt the ingredients story as an interactive comparison matrix — raw botanical extract mapped against its bio-fermented, clinically synthesized active for each formulation.

04

Ritual-to-Routine Conversion Path

Converted the original four-step ritual concept into a shoppable routine — bundle pricing and an add-4-step-routine action sitting directly beneath the steps.

05

Live Deployment

Shipped as a fully live, browsable storefront rather than a static prototype — every formulation has its own working product page.

See the full system

Rooted in care.

Built with precision.

View Live Build →