A premium, fully responsive Framer website for a Louisiana-based heritage timber company — featuring CMS-driven project portfolios, scroll-triggered animations, and a custom product showcase built with modular code components.
Every section engineered as a reusable Framer component — from the collection showcase tabs to animated counters — giving the client full editorial control without touching a single line of code.
What's inside
Cinematic hero — full-bleed imagery with layered headline animation for instant brand authority
Rotating industry marquee — auto-cycling use-case labels (Residential, Restaurant, Commercial, Hospitality) to communicate versatility at a glance
CollectionShowcaseTabs — custom code component housing 7 product categories (Beams, Trusses, Timber Structures, Stairs, Millwork, Flooring, Bespoke) with per-tab imagery and taglines, all CMS-editable
Animated counter section — scroll-triggered number counters for Years / Projects / Awards with parallax image grid
Infinite scroll gallery — looping horizontal product-category strip with hover-reveal detail cards
Process timeline — four-step Design → Specification → Precision Milling → Hand Finishing flow with numbered icon blocks
CMS project grid — filterable portfolio cards with category tags, year, location, and hover-expand detail overlays
Founder narrative block — editorial-style long-form section with side-by-side portrait and pull-quote layout
Quote request flow — dedicated form page with structured fields for project type, timeline, and material preferences
Style kit
Type system
Headings (H1–H3): Custom serif pairing — editorial weight for heritage feel
Body & UI text: Clean sans-serif for readability
Accent type: Italic serif for pull-quotes and founder narrative
Palette
Warm charcoal primary — grounds the premium timber aesthetic
Cream / off-white backgrounds — natural, earthy canvas
Muted gold accents — subtle luxury without going corporate
Accessibility
WCAG AA contrast ratios maintained across all text/background combinations
Keyboard-navigable tab component, alt-text defaults on all product imagery
Design by Studio Sevd — brand direction, visual language, and art direction. Development & Framer engineering by JoWorks Studio — custom code components, CMS architecture, responsive implementation, and performance optimization.
