Maison Oak required a digital identity that felt organic yet structurally sound. The goal was to reflect the "warmth" of high-end wood materials (Oak) within a "cold" digital environment, creating a sense of sophisticated comfort.
This project relied heavily on Custom Code Integration. The challenge was coordinating complex text-reveal animations with image loading to ensure that the site's "rhythm" matched the slow, deliberate pace of architectural design
I stepped away from standard site-builders to utilize Vanilla HTML/CSS/JS paired with GSAP ScrollTrigger. I developed custom CSS filters to give every image a "matte" finish, mimicking the texture of raw timber. The typography uses a sophisticated balance of wide letter-spacing and tight leading to mimic architectural blueprints and high-end floor plans.
The result is a "Soft-focus" transition system. Instead of sharp slides, elements enter the screen with a customized Lens-blur fade. This creates an atmosphere of calm and luxury, ensuring the user feels the brand's commitment to quality and "slow" architectural precision.
