Portfolio ©2026Loading experience
Design.Engineer.Ship.
Laravel × React × WebGL000
twogoodson ©
← All work

Kopilogi

Headless commerce for a specialty coffee roaster with subscriptions and instant search.

Client

Kopilogi Roasters

Year

2025

Role

Full Stack Developer

Category

E-commerce

Kopilogi

Stack

  • Next.js
  • Laravel API
  • Meilisearch
  • Midtrans
  • Tailwind

The challenge

The old storefront was slow on mobile and could not support recurring subscriptions, which was the roaster's main growth bet.

The solution

A Next.js storefront backed by a Laravel API with Cashier-style subscription logic, Midtrans payments and Meilisearch for typo-tolerant product search.

+68%

Mobile conversion

1.1s

LCP on 4G

2.3k

Active subscriptions

Before → After

PageSpeed Insights, old storefront vs new

PageSpeed Insights · mobile

96

Performance

was 31

100

Accessibility

was 72

100

Best Practices

was 75

100

SEO

was 82

Largest Contentful Paint6.4 s1.1 s5.8× faster
Total Blocking Time1,240 ms60 ms21× faster
Cumulative Layout Shift0.310.0131× less
Speed Index7.8 s1.6 s4.9× faster

Before → After

How a regular gets their monthly beans

Before

  1. 01Customer messages the shop on WhatsApp every month
  2. 02Staff checks stock and quotes a price by hand
  3. 03Payment by bank transfer, confirmed from a screenshot
  4. 04Forgotten reorders mean lost customers

After

  1. 01Customer picks beans, grind and cadence once
  2. 02Midtrans charges automatically each cycle
  3. 03Roast batch is planned from upcoming renewals
  4. 04Pause, skip or swap beans in one tap

Before → After

What changed for the roastery

Customers who reorder within 60 days

2.8× more

before
22%
after
61%

Search results returned

45× faster

before
1.8 s
after
0.04 s

Staff hours on manual orders per week

8.7× faster

before
26 h
after
3 h

Unsold roasted stock per month

4.4× less

before
48 kg
after
11 kg

Next project

Pulse Analytics→