Skip to content
BlackwatchTechnologies
All work
E-commerce & RetailWebsiteMobile AppAdmin Dashboard

Vessel Supply Co.

Checkout that held through a 40× traffic spike.

A composable commerce rebuild that took a home-goods retailer from a fragile monolith to independently deployable services — and survived its first Black Friday without a single degraded minute.

Year
2024
Duration
9 months
Team
12 people
Sector
E-commerce & Retail
dashboard
MacBook Pro mockup

0×

Peak traffic handled

Above baseline, with no checkout degradation

0%

Conversion rate

Increase after checkout rebuild

0ms

Time to first byte

Global p75, down from 1.4s

0/wk

Deploy frequency

Up from one release every two weeks

The client

Vessel Supply Co.

A direct-to-consumer home goods retailer with 4,200 SKUs, three distribution centers, and a growing wholesale channel across the US and Canada.

To sell well-made household objects that outlast the trend that sold them.

Company mission

Logo concept

VS

A vessel silhouette formed from negative space between two stacked shelves.

#7C2D12
#EA580C

Founded

2016

Headquarters

Austin, Texas

Employees

240

Sector

E-commerce & Retail

Screens

Every surface we shipped

12 designed screens across 3 deliverables, rendered live rather than captured as static images.

Home
MacBook Pro mockup

Storefront

Editorial merchandising with edge-cached catalog.

dashboard
MacBook Pro mockup

Dashboard

Role-aware landing surface leading with the day's exceptions.

analytics
MacBook Pro mockup

Commerce Analytics

Funnel, cohort, and margin analysis by channel.

orders
MacBook Pro mockup

Order Management

Fulfillment queue with split-shipment handling.

products
MacBook Pro mockup

Catalog Management

Variant, pricing, and channel availability controls.

reports
MacBook Pro mockup

Reports

Scheduled exports and compliance-ready statement generation.

settings
MacBook Pro mockup

Settings

Organization, team, and integration configuration.

Mobile application

iPhone mockup

Sign In

iPhone mockup

Create Account

iPhone mockup

Notifications

iPhone mockup

Profile

iPhone mockup

Checkout

Mockups

Across every form factor

The same design system, rendered at each breakpoint it has to survive.

analytics
Desktop Monitor mockup
orders
iPad mockup
iPhone mockup
Android mockup
Case study

The challenge

Vessel's platform was a single Rails monolith where a catalog import could and did take down checkout. The previous Black Friday, the site degraded for 3 hours 40 minutes at peak, costing an estimated $840K in lost orders. Beyond the outage, conversion was quietly poor: 68% of sessions that reached checkout never completed it, and the team had no instrumentation to explain why.

Research

  • Session-replay analysis of 2,000 abandoned checkouts
  • Load modeling against three years of traffic data including two Black Fridays
  • Dependency mapping of the monolith to identify true service boundaries
  • Competitive teardown of eleven DTC checkout flows

The solution

We decomposed along failure domains rather than along code structure — the question was not 'what is a logical module' but 'what must never take down checkout.' Catalog and search moved behind an edge cache where a stale product description is acceptable. Checkout became an isolated service with its own database, scaling policy, and load-shedding behavior: under extreme load it sheds browse traffic to protect payment. Inventory got true reservation semantics, ending the oversell problem that had been generating 200+ support tickets monthly.

UX decisions

Single-page checkout replacing a four-step wizard

Session replay showed abandonment clustered at step transitions, not at any individual field. Removing the transitions removed the cliff.

Address validation as inline suggestion, never a blocking error

The old flow rejected valid rural addresses outright. Suggesting a correction while still accepting the original recovered a measurable slice of orders.

Wallet options surfaced first for returning customers only

Showing every payment method to everyone added decision cost. Recognized customers see their last-used method; new ones see card entry with wallets secondary.

Inventory scarcity shown only when genuinely true

Fake urgency tested well on first-time conversion and badly on repeat purchase. Vessel sells on longevity — the brand couldn't carry the tactic.

Features

  • Edge-cached catalog with sub-200ms global TTFB
  • Faceted search with typo tolerance and synonym management
  • Single-page checkout with wallet and saved-method support
  • True inventory reservation with configurable hold windows
  • Split-shipment fulfillment across three distribution centers
  • Wholesale channel with account-specific pricing tiers
  • Mobile app sharing the checkout and catalog services

Technology

Next.jsTypeScriptNode.jsPostgreSQLRedisElasticsearchGoogle CloudDockerGitHub Actions

Architecture

Next.js storefront renders at the edge with ISR for catalog pages, so product updates propagate in seconds without a rebuild. Node services for catalog, search, cart, and checkout each own their data and communicate over an internal event bus. Elasticsearch powers faceted search; Redis handles cart state and inventory reservations with TTL-based release. Checkout runs in its own GKE node pool with dedicated autoscaling — under load-shed conditions browse traffic degrades to cached responses while checkout retains full capacity. Every service ships independently through GitHub Actions.

Results

The following Black Friday drove 40× baseline traffic with zero degraded minutes in checkout — the browse tier shed load twice as designed, which no customer reported noticing. Conversion rose 34% after the checkout rebuild, worth roughly $6.2M annualized at then-current traffic. Global TTFB dropped from 1.4s to 180ms at p75. Deploy frequency went from biweekly releases to 47 per week.

Lessons learned

  1. 01Decomposing by failure domain rather than by domain model was the single highest-leverage decision. The 'correct' DDD boundaries would have left checkout coupled to catalog.
  2. 02Load shedding needed to be designed and rehearsed, not configured. Our first game day revealed the shed threshold triggered too late to protect anything.
  3. 03The scarcity-badge decision cost us a conversion lift we could measure and a brand cost we couldn't. Vessel's leadership was right to overrule the A/B result.
Timeline

How the engagement ran

9 months across 4 phases with a team of 12.

  1. Commerce Audit

    5 weeks

    Instrumented the existing funnel to find where revenue actually leaked.

    Funnel analysisLoad modelDecomposition plan
  2. Catalog & Search

    12 weeks

    Extracted catalog and search into independent services behind an edge cache.

    Catalog serviceSearch clusterCDN strategy
  3. Checkout Rebuild

    14 weeks

    Rebuilt checkout as an isolated service with its own scaling and failure domain.

    Checkout servicePayment integrationInventory reservation
  4. Peak Readiness

    7 weeks

    Load tested to 60× baseline and rehearsed failure modes before the holiday season.

    Load test suiteRunbooksGame day results

We went into Black Friday genuinely expecting to lose some of it. Watching the traffic graph go vertical while checkout latency stayed flat is not something I'll forget.

Priya Venkataraman

VP Engineering, Vessel Supply Co.

Have a problem shaped like this one?

We start every engagement with a paid discovery sprint. You get an architecture assessment and a delivery plan — whether or not you continue with us.

About this case study: Vessel Supply Co. is a fictional client. This engagement, its metrics, and its quotes are illustrative work product created to demonstrate our delivery approach, architecture reasoning, and design process. They do not describe a real customer.