Web Design for Tractor
Art direction, design, and front-end development for DrinkTractor.com, a custom Framer site for an organic, soil-driven craft beverage brand. The site greets each visitor with a living scene that shifts to match their real location, local weather, time of day, and the current phase of the moon, paired with a curated soundscape that turns browsing into an immersive, sensory experience.
Designed and built the experience in Framer, owning the work from art direction through to shipped, interactive front end. The brand voice is hand-written and earthy, so the interface pairs a bold serif wordmark with looping cursive annotations like "certified organic" and "craft beverages" scrawled across the sky above a cross-section of living soil, grass, wildflowers, and a wandering earthworm.
The hero is location-aware. On entry the site asks to use your location, then renders a scene that matches your local conditions: a clear blue afternoon sky, a pink and lilac sunset, a starry night, or a moody, rain-streaked storm. A live header displays your local date, time, and the current moon phase, so the page feels like a window onto the world outside the visitor’s own door.
Audio is a first-class part of the story. A "Curate Your Soundscape" panel lets visitors mix layered ambient tracks, like rainfall, wind, and field recordings, with individual volume sliders, so each person can compose the exact mood they want while they explore the brand. A speaker toggle in the header keeps sound easy to control from anywhere on the page.
The product experience presents each beverage as an editorial moment: a tall, ice-filled glass set against lush, photographic backdrops of strawberries and fruit, with hand-lettered flavor names, format tabs (Bubbler, Frozen, Fountain, RTD, Haymaker), tasting notes, nutrition facts, and a playful "Calculate Your Impact" call to action. Certification marks for USDA Organic, Non-GMO, Kosher, and 1% For The Planet reinforce the brand’s sustainability promise.
A dedicated "Mad Farmer Tour 2025" page maps a cross-country road trip with a hand-drawn route, botanical illustrations pinned to each stop, marginalia-style notes, and a vintage Airstream trailer rolling along the path, extending the analog, field-journal aesthetic into a full interactive narrative.
Every layout was designed mobile-first, with the seasonal and time-of-day theming carried through to a tall, scrollable phone experience so the immersive scene, live status bar, and soundscape controls all hold up beautifully on small screens.