Web Development

EcoShop E-Commerce

A sustainable fashion brand website with a 3D product viewer — session time doubled, Lighthouse score hit 98, and conversions increased by 210%.

Client
Sustainable Fashion Brand
Year
2024
Duration
8 weeks
Services
Web Design, Next.js Development, 3D Integration, SEO
98
Lighthouse Score
210%
Conversion Increase
2x
Session Time
8 Weeks
Delivery

The Challenge

A Sustainable Brand
On an Unsustainable Site.

Our client was selling beautifully made sustainable fashion — but their website was built on a slow, generic template that loaded in 6 seconds and looked like every other e-commerce store.

Their conversion rate was 0.8%, well below the 2–3% industry standard. Customers were dropping off on product pages because they couldn't see the texture, detail, and quality of the fabrics. Photography alone wasn't enough.

Our Approach

3D Viewing + Performance.
Not One or the Other.

The key insight was that the client's products were tactile — customers needed to see them from every angle. We proposed a 3D product viewer using Three.js, embedded directly in the product page with no performance penalty through aggressive lazy loading and WebGL optimisation.

The Build

We built the site in Next.js 14 with the App Router, using static generation for all product pages and on-demand ISR for inventory updates. Images were served via next/image with AVIF and WebP fallbacks.

The 3D viewer loaded only when the user scrolled to it — keeping the initial LCP under 1.2 seconds even on mobile. We used React Three Fiber for the 3D integration and Drei for controls.

"The Lighthouse score is 98 and the 3D viewer looks insane. I couldn't have asked for more." — The Co-founder

SEO

Full structured data for products, breadcrumbs, and organisation. Sitemap, robots.txt, and Core Web Vitals all green. The site now ranks on the first page for 14 target keywords.

The Outcome

98 on Lighthouse.
210% More Sales.

Within 60 days of launch, the client's conversion rate climbed from 0.8% to 2.5% — a 210% increase. Average session time doubled. The 3D viewer had a 67% interaction rate on product pages that featured it.

The site scored 98 on Lighthouse for Performance and 100 on both Accessibility and Best Practices. Google Search Console showed a 180% increase in organic impressions within three months.

  • Next.js 14 App Router site with ISR
  • Three.js / React Three Fiber 3D product viewer
  • 98 Lighthouse performance score
  • Full SEO implementation with structured data
  • Headless CMS integration for product management
  • Deployed to Vercel with CI/CD pipeline

More Work

Related
Case Studies.

All Work

Start a Similar Project

Let's Build Something
Like This For You.

Book a free 30-minute call and let's talk through your project.

Book a Free Call