Oak & Ember
An immersive lifestyle brand website with rich editorial content and curated collections

- Industry
- Lifestyle
- Client
- Oak & Ember
- Timeline
- 6 weeks
- Year
- 2024
Oak & Ember wanted a digital home that felt as warm and curated as their product aesthetic. Their previous site was template-based and failed to convey the brand story that drove customer loyalty.
- Create a brand-first website that tells the Oak & Ember story
- Showcase products within lifestyle photography contexts
- Build a journal section for brand storytelling content
- Integrate e-commerce with a smooth shopping experience
- Achieve fast performance without sacrificing visual richness
Built a rich lifestyle brand platform with editorial-quality design, Framer Motion animations, and a journal section, all optimised for fast loading despite heavy visual content.
Designed warm, texture-rich layouts using overlapping image collages and editorial typography
Built a shoppable journal where product mentions link directly to product pages
Implemented scroll-triggered Framer Motion animations that unfold the brand narrative
Optimised all visuals with next/image progressive loading and Cloudinary transformations
Frontend
Commerce
Infra
Brand Story Pages
Dedicated pages for brand philosophy, sourcing ethics, and founder story.
Lifestyle Gallery
Editorial photography galleries showing products in real-world settings.
Shoppable Journal
Blog posts with inline product cards so readers can shop items they discover in content.
Collections
Curated seasonal collections with thematic photography and editorial copy.
Parallax Sections
Depth-creating parallax scroll effects highlight hero products and campaign imagery.
Newsletter
Embedded newsletter sign-up with brand-voice welcome sequence.
+85%
Brand Engagement
Increase in time spent on brand story pages
+120%
Email Sign-ups
Newsletter subscriber growth month after launch
+47%
Repeat Visits
Increase in returning visitor rate
93
Lighthouse
Performance score despite image-rich design
Let's build something that outlasts the roadmap.
Tell us the problem other teams called impossible.
