NRG
Portfolio
Matcha Shop Sofia
Featured

Matcha Shop Sofia

Premium matcha in a can - direct from Sofia. Modern e-commerce with subscription model and sustainable packaging.

2024
Full Stack Developer
Lighthouse: 97
E-commerce
Next.js
Sustainability
matcha in a can
Sofia

About This Project

Matcha Shop Sofia

A premium e-commerce platform specializing in high-quality matcha tea delivered in sustainable aluminum cans. Built with a focus on user experience and conversion optimization.

Problem

Traditional tea packaging creates waste and doesn't preserve freshness. Customers wanted a premium, sustainable way to enjoy matcha.

Solution

  • Aluminum can packaging that preserves freshness and is 100% recyclable
  • Subscription model with flexible delivery schedules
  • Premium product photography and detailed origin stories
  • Mobile-first design optimized for conversion

Tech Stack

  • Next.js 14 with App Router for optimal performance
  • Stripe for subscription management
  • Sanity CMS for product management
  • Tailwind CSS for rapid styling
  • Vercel for deployment and edge functions

Results

  • 40% increase in subscription sign-ups
  • 95+ Lighthouse performance score
  • 60% reduction in packaging waste

Project Gallery

Matcha Shop Sofia screenshot 1
Matcha Shop Sofia screenshot 2
Matcha Shop Sofia screenshot 3

Tech Stack

Next.js
TypeScript
Tailwind CSS
Stripe
Sanity
Vercel

Project Metrics

2.5K+ users
28 GitHub stars
97 Lighthouse score