Harbor & Pine, outdoor furniture
A storefront that sells a sofa like a showroom does
Customers loved the furniture in person and abandoned it online. We rebuilt the brand and store around the one thing the showroom had that the website didn't: seeing your fabric on your sofa.
The brief
Harbor & Pine sells modular outdoor sofas in 46 fabrics. In their three showrooms, 1 in 4 visitors buys. Online, 0.9% did. Their old store showed each sofa in a single grey fabric, and customers ordered swatches, waited a week, and often never came back.
They asked for a new website. What they needed was a way to make a $4,000 decision with confidence from a phone.
Constraints
- Shopify Plus had to stay: operations, stock and fulfilment all ran on it.
- No budget for a 3D photo studio. 46 fabrics across 12 modules is 552 product photos per angle.
- Over 70% of traffic was mobile, much of it on slow connections in coastal towns.
- Launch had to land before the spring catalogue, a fixed date.
What we did
A sharper brand, not a new one
We kept the name and the pine-cone mark, redrew the wordmark for small screens and replaced six typefaces with two. The palette came from the fabric book itself, so every page frames the product rather than competing with it.
A configurator that renders in the browser
Instead of 552 photos, we photographed each module once in a neutral fabric and wrote a WebGL shader that maps any fabric texture onto it in real time. It weighs 38 KB and works on a five-year-old Android phone.
A checkout that answers the scary questions
Delivery dates, assembly, returns and fabric care appear exactly where people hesitated in session recordings, not on a separate FAQ page.
Outcome
- online conversion in the first quarter after launch
- +62%
- fewer swatch requests, because people could see the fabric
- −40%
- mobile Lighthouse performance score
- 96
They asked better questions about our business in the first week than our last agency did in a year. The site paid for itself before the summer.