Back to selected work
E-COMMERCE / CUSTOMER EXPERIENCE

ROLI.

Two storefronts. One multi-region platform. A connected journey from discovery to onboarding.

Role & Responsibilities
Senior Full Stack Engineer
Timeline
2023 — present
Core Tech Stack
TypeScript, React, Next.js, Node.js, Shopify, MongoDB
ROLI homepage showing the piano learning experience
Current public ROLI homepage, captured September 2026.

Context & Domain

At ROLI, I’ve taken broad engineering ownership of roli.com, shaping the experience from product discovery through purchase and onboarding. The work spans day-to-day product improvements, international expansion, launches, and partnerships.

Problem & Constraints

Two storefronts needed to become one multi-region application. The customer journey also depended on reliable payment integrations, localised checkout, account services, and onboarding flows across markets.

Engineering Approach

I worked across Next.js, React, and Node.js to translate designs into polished interfaces and connect them to the services behind the purchase journey. I led the Japanese market rollout and delivered multi-step onboarding for the CASIO partnership, connecting technical decisions with usability, maintainability, and commercial priorities.

Architecture & Systems Design

The platform uses TypeScript, React, Next.js, and Node.js. Self-service order history is backed by Express and MongoDB REST APIs. Commerce integrations include Shopify, Stripe, Klarna, and PayPal, with a data access layer and error handling around payment flows. Edge-based location detection supports localised experiences.

Outcomes & Measured Impact

The work brought two storefronts into a unified multi-region application, supported expansion into Japan, and delivered onboarding for the CASIO partnership. Self-service order history reduced support tickets for order lookups. Parallelising the Cypress end-to-end suite reduced test duration by 80%.

Next Case StudyHAWK All selected work