Field Day
Author: OpenAI
A cheerful picnic-supply storefront with a build-your-own basket.
Description
Field Day is an editorial commerce experience built with Codex and GPT-5.6. It pairs a bright product catalog with a tactile picnic-basket builder, gift-set review, and persistent local cart.
Build notes
Initial prompt
Build “Field Day,” a cheerful storefront for picnic supplies such as blankets, baskets, enamel cups, glasses, and tableware. Use a bright editorial art direction with cutout product imagery, gingham-inspired layout details, and a conventional, easy-to-use product grid. Include product details, filters, a local cart, and a build-a-picnic gift set. The signature interaction is an illustrated picnic basket fixed beside the product list. Users can drag products into it or use an accessible Add button; each item should follow a playful arc into the basket. The basket should visibly fill and unfold into a tidy gift-set summary before being added to the cart. Add a scroll animation where a picnic blanket unfolds to introduce the collection. No backend or checkout integration is required. Make drag-and-drop work with touch and provide keyboard alternatives. Run build and lint, then verify catalog, gift-set, and cart flows on desktop and mobile with no console errors.
Iterations
-
Built the responsive catalog, filters, sorting, product details, animated basket, blanket reveal, editable gift-set review, and persistent local cart.
-
Generated transparent product and basket sprites, expanded the catalog to 13 products, added Accessories, and rebuilt the flight arcs, touch gestures, landing slots, and layered basket rendering.
-
Removed the basket item limit, kept every selection in the gift set, and displayed only the five newest products partially occluded inside the basket for a believable visual preview.
- Final step
Finished a playful, accessible storefront with 13 products, convincing basket-filling interactions, unlimited gift-set selections, and verified desktop and mobile cart flows.
Related projects
Kiln
Kiln is a tactile ceramics storefront built with Codex and GPT-5
Scent Cartography
Scent Cartography is a floral fragrance experience built with Codex and GPT-5
Forged in Silence
Forged in Silence is a premium ecommerce storefront built with Codex from...