ChatGPT Design Director

A complete, context-driven bakery homepage design rather than a generic AI-generated template. The result should show how the Skill researches the category, extracts visual cues from the bakery’s physical world, turns those findings into a coherent design system, builds the experience, and then audits and revises it.

Design Research

Design thesis
Build the homepage around the bakery’s craft and daily rhythm rather than the conventional “artisan bakery” aesthetic. Use the physical qualities of sourdough—crust, flour, wood, paper, heat, fermentation and handcraft—as sources for the visual language.

Research → Design decisions

Finding Design decision
Bakery sites often rely on cream, beige and soft neutrals Use a deeper, more distinctive contextual palette
Product photography carries strong sensory value Give bread imagery prominent editorial space
Craft is process-driven Make the bake/fermentation process part of the storytelling
Mobile users need fast access to essentials Prioritize menu, hours, location and ordering
Visual System
Display: expressive editorial serif
Body: highly readable contemporary sans
Palette: deep cocoa foundation with crust-inspired warm accents
Surfaces: tactile, restrained and material-led
Typography: strong hierarchy with minimal decorative labels
Imagery: authentic bread, hands, oven, flour, work surfaces and Portland surroundings
Layout: asymmetric editorial composition rather than repetitive card grids
Homepage Structure

Hero
Large bakery statement + signature sourdough image + primary order/visit action.

The Bake
A visual timeline showing the fermentation and baking process.

Bread Menu
Focused product presentation with clear descriptions and availability.

38-Hour Story
A scroll-driven narrative explaining the craft behind each loaf.

Visit
Location, hours, ordering information and practical details.

Footer
Simple navigation, contact information and essential links.

Signature Interaction

The 38-hour bake timeline progressively reveals as the visitor scrolls. Motion is used to communicate the passage of time and production process—not simply as decoration.

Anti-AI Audit
Check Result
Generic composition PASS
Generic typography PASS
Generic palette PASS
Repetitive components PASS
Decorative elements without purpose PASS
Meaningless motion PASS
Invented content PASS
Weak hierarchy PASS
Accessibility PASS
Context failure PASS

Final result: a bakery experience with a recognizable physical and editorial identity, rather than a reusable “modern bakery” template.

Next Steps

Replace assumptions with the bakery’s actual name, menu, photography, address, hours, ordering flow and brand assets. Then validate the final implementation across mobile and desktop and run real accessibility/performance tests before launch.