Product Innovation StudioEst. 2014
Case StudyFashion Tech · 2020–2025

GoodPix

A platform reborn

We arrived to fix some CSS. We stayed to rebuild everything. Over five years, we transformed a fragile legacy system into a modern commerce platform—eliminating technical debt, modernizing infrastructure, and reimagining what a stylist's business tool could be.

5
Years Evolved
From CSS fixes to complete platform rebirth
10×
Faster Builds
Minutes to seconds—dev velocity transformed
V1→V2
Dual Platform
Seamless migration path, zero disruption
0
Manual Deploys
Full CI/CD automation achieved

Overview

Challenge

GoodPix was challenged by technical debt. A single EC2 instance required manual reboots when the system crashed. The legacy Create React App had become unbearable—dev builds took minutes after simply pressing save locally, production builds even longer. No CI/CD. No automated deployments. Every release was manual, risky, and slow. The Chrome Extension was built on deprecated Manifest V2 APIs facing sunset. The codebase had calcified into something no one wanted to touch.

Solution

We didn't just patch—we rebuilt. Systematically. The core platform was reconstructed from the ground up in Next.js. We architected a V2 API within the existing Node.js backend, enabling gradual migration without disruption. Infrastructure moved from a single fragile EC2 instance to auto-scaling Elastic Beanstalk. CI/CD pipelines replaced manual deployments. The Chrome Extension was completely redesigned and rebuilt for Manifest V3. We introduced GoodPix Commerce, rebuilt Shoppable Sites and Client Sites from scratch, and created a unified codebase serving both V1 and V2 users seamlessly.

Outcome

Developer velocity transformed—builds that took minutes now take seconds. Deployments that required babysitting now happen automatically. V1 users continue operating uninterrupted while V2 users experience the modern platform. A clear upgrade path lets users migrate on their timeline. The same Shoppable Site codebase intelligently serves both generations. What was once technical debt is now technical advantage.

The Transformation

What we rebuilt

Platform Reconstruction

Core application rebuilt from the ground up in Next.js. Legacy CRA retired. Modern architecture enables rapid iteration and maintainability for years to come.

Infrastructure Modernization

Migrated from a single manually-managed EC2 instance to auto-scaling Elastic Beanstalk. No more 3am reboots. No more downtime anxiety.

CI/CD Pipeline

Automated testing, building, and deployment replaced entirely manual processes. Every commit is validated. Every release is reliable.

V1/V2 Migration Architecture

Designed a dual-platform system: V1 users stay on legacy until ready, V2 users on the modern platform with enterprise-grade Auth0 and team capabilities. One Shoppable Site codebase serves both.

GoodPix Clipper Upgrade

A complete redesign and eventual upgrade to Chrome Manifest V3. Modern architecture, better performance, and ready for the next decade of browser evolution.

GoodPix Commerce

Introduced comprehensive commerce capabilities—products, services, digital goods, invoicing with taxes and fees, Stripe-powered payments and team commissions with Stripe Connected Accounts.

Architecture

The new foundation

A sophisticated dual-generation architecture that serves V1 and V2 users from unified codebases. The Shoppable Site and Client Site repositories intelligently route users based on their platform version, while the V2 API coexists with legacy endpoints for zero-disruption migration.

Next.js Platform (V2)

Modern stylist dashboard

Next.js, TypeScript

Legacy Platform (V1)

Maintained until sunset

Create React App

Unified Shoppable Sites

Serves both V1 & V2 users

React, Multi-tenant

Chrome Extension

Rebuilt for modern browsers

Manifest V3

V2 API Layer

Modern endpoints alongside legacy

Node.js, Express

Auth0 Integration

V2 identity & team management

Auth0, Teams

Elastic Beanstalk

Replaced single EC2 instance

AWS, Auto-scaling

CI/CD Pipeline

Zero manual deployments

Automated

Technology Stack

The modern toolkit

React
ReactFrontend
Next.js
Next.jsFrontend
Redux
ReduxState
Node.js
Node.jsBackend
Express.js
Express.jsBackend
MongoDB
MongoDBDatabase
Stripe Billing
Stripe BillingPayments
Stripe Connect
Stripe ConnectPayments
Auth0
Auth0Auth
Chrome Extension
Chrome ExtensionBrowser
AWS Lambda
AWS LambdaServerless
AWS Elastic Beanstalk
AWS Elastic BeanstalkInfrastructure
AWS S3
AWS S3Storage
AWS CloudFront
AWS CloudFrontCDN
Nginx
NginxServer

The Result

See what emerged

Chrome Clipper

A browser extension that lets stylists capture products from any retailer instantly. One click to save product details, images, and affiliate links.

Product Capture

Product Capture

Capture products from any retailer

Quick Actions

Quick Actions

Send to sites, boards, or groups

Instant Save

Instant Save

Seamless product extraction

Stylist Dashboard

The command center where stylists manage their entire business—clients, products, earnings, invoices, and team collaboration.

Sign Up

Sign Up

Onboarding new stylists

Login Portal

Login Portal

Secure authentication flow

Get Inspired

Get Inspired

Landing page after login

Content Library

Content Library

Organize products into boards

Content Library

Boards

The flagship feature—a fully responsive canvas editor where stylists create stunning visual boards for their clients. Drag-and-drop products, add text, and design mobile-ready compositions.

Canvas Editor

Canvas Editor

Fully responsive drag-and-drop canvas

Product Drawer

Product Drawer

Browse and add products to the canvas

Selected Items

Selected Items

Manage items on the board

Product Details

Product Details

View and edit product information

Text Tools

Text Tools

Rich text editing capabilities

Content Library

Images

Upload, organize, and edit images. Stylists can enhance their visuals with built-in editing tools before adding them to boards or client communications.

Images Feed

Images Feed

Browse and manage uploaded images

Image Editor

Image Editor

Edit and enhance images

Content Library

Product Groups

Organize products into curated groups for easy sharing and client presentations. Create themed collections that can be sent directly to clients or embedded in boards.

Product Group Editor

Product Group Editor

Create and manage product collections

Content Library

Collections

Curate and organize products into themed collections. Share entire collections with clients or use them as building blocks for boards and presentations.

Collections Feed

Collections Feed

Browse and manage your collections

Collection Editor

Coming soon

Collection Sharing

Coming soon

Client Management

Manage client relationships, track interactions, and organize client-specific content. A central hub for all client communications and preferences.

Client Overview

Coming soon

Client Details

Coming soon

Earnings & Analytics

Track commissions, affiliate earnings, and business performance. Detailed analytics help stylists understand their revenue streams and optimize their business.

Earnings Dashboard

Coming soon

Analytics Overview

Coming soon

Shoppable Sites & Client Sites

White-label storefronts where clients browse and purchase. Each stylist gets their own branded site with custom domain support.

Shoppable Site

Shoppable Site

Branded shopping experience

Ready to build something
extraordinary?

Let's discuss how we can bring your vision to life.