All work
Lifestyle

Oak & Ember

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

Web
Oak & Ember
Industry
Lifestyle
Client
Oak & Ember
Timeline
6 weeks
Year
2024
The challenge

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.

Goals
  • 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
Our solution

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.

01

Designed warm, texture-rich layouts using overlapping image collages and editorial typography

02

Built a shoppable journal where product mentions link directly to product pages

03

Implemented scroll-triggered Framer Motion animations that unfold the brand narrative

04

Optimised all visuals with next/image progressive loading and Cloudinary transformations

Technology

Frontend

Next.js TypeScript Framer Motion Tailwind CSS

Commerce

Shopify Storefront API

Infra

Vercel Cloudinary
What we built

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.

Results

+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.