Custom woodwork · Oakland Park, FL
Eco Woodwork Design
Crafted spaces, designed around you: a cinematic brand site for a 35+ year cabinetry shop.
Visit the live site ↗A video that moves with your scroll
The brand's cinematic video fills the whole screen, and it doesn't play on its own. It advances as the visitor scrolls down and reverses if they scroll back up. Every movement of the hand reveals a new frame, from a dark room lit by thin lines to a finished walnut kitchen. A thin cyan-to-lime line at the base of the hero tracks the progress. The headline is large and architectural: "Crafted spaces. Designed around you." It sits over a transparent menu that darkens with a blur as you scroll past it. Visitors with "reduce motion" or data-saver enabled get a still image instead, and the video never downloads for them.
A visual identity of its own, in the logo's colors
Deep navy blue as the dominant color, the logo's own cyan for detail work, lime green used only as an accent (on buttons and the dots after headlines), and warm white and natural wood tones underneath. Thin, uppercase type, with the lines and spacing of an interior design studio rather than a contractor template.
Services with studio character, not a template's
Six large cards, each with a real photo, in staggered columns. Hovering zooms the image in slightly, reveals a green line and rotates the arrow. On mobile, the cards swipe with a finger instead.
The real work takes center stage
An editorial portfolio where the photos lead, with no frames, no borders, an asymmetric grid. Hovering only reveals the project's title and a green underline. The white-oak project is the one featured here.
Process and details
Five clear steps (Consultation, Design, Fabrication, Installation, Transformation) that light up as you scroll to each one, followed by a dark "Details make the difference" section with architectural blueprint lines drawn in the background instead of generic icons.
Trust and closeness
An "About" section built around 35+ years of experience, an Instagram strip linking to @eco_woodworkanddesign, and a dramatic close built entirely around asking for a free estimate.
The "EW" assistant, with a WhatsApp exit
A floating button with the initials EW that only appears once the visitor has started scrolling down the page. It opens a basic assistant that answers with the company's real information (services, estimates, process, materials, location, contact) in Spanish or English depending on how the visitor writes. Every answer offers a WhatsApp button with the message already written for the specific service asked about. It's a rules-based assistant, not a generative AI: it never invents a price or a timeline, and hands those questions straight to the team over WhatsApp instead.
Services, gallery and contact
Services: each category gets its own photo, description and call to request an estimate. Gallery (Our Work): 73 real photos with category filters and a full-screen viewer with arrows. Contact: a free-estimate form, phone, email, Instagram, WhatsApp and a map.
Built mobile-first
Not a shrunken desktop: the video still plays in full, the menu becomes a full-screen animated overlay with numbering, services swipe with a finger, and every button is sized to actually tap.
Why it feels special
- Scroll-controlled video: the visitor 'walks through' the workshop by hand.
- Brand colors used deliberately: navy, cyan and lime only as an accent.
- Real project photos lead, with no borders or decoration.
- Subtle animation that supports the experience instead of distracting from it.
- A bilingual EW assistant that leads straight to WhatsApp.
- Instagram woven into the menu, footer, contact and its own section.
- Fast and light: optimized images, lazy loading, copy written for search.
Want a system like this?
Talk to us