Available for new work

Joanna Czech

Luxury Reimagined

Joanna Czech storefront

Joanna Czech is one of those names that gets dropped quietly between people who know what they're talking about. Her clientele is small. Her treatment list is shorter than it should be for someone with her reputation. The waitlist has been the same length for fifteen years.

Her e-commerce was the part of the business that didn't match. Grayscale layout. Stock product photography. Prices listed flat next to a checkout button. The site sold the inventory, but it didn't say anything about why anyone was buying it.

I came in to rebuild the storefront and the surrounding brand language together. Once the site started speaking the way Joanna spoke about skincare, the rest of the system fell into line behind it.

The work ran for three years. By the time it ended, annual revenue had moved from roughly $300K to $5M, and the brand had a digital presence that finally matched the room it walks into.

Identity

Point. Line. Plane.

Three drawing primitives, applied across every layer of the brand. Photography keeps to a single point of focus. Typography sits on a clear line. Layouts breathe across a quiet plane. Once the vocabulary was named, every decision past it got faster.

Product close-up

Point

Editorial

Line

Hero photography

Plane

The premier product

The Facial Massager, packaged for retail.

The Joanna Czech Facial Massager is the studio's flagship object: a single piece of polished steel with a precise tolerance and a feel that earns its price point in the hand. The packaging had to do the same work as the product. Luxury at retail, no shorthand, nothing decorative.

A white outer box. Restrained type. The Joanna Czech mark held quietly at the foot. Inside, the roller sits on a black-and-white striped tray the way a watch sits on its cushion. Open the box and the object is the moment; the packaging steps back. The same point-line-plane vocabulary the website runs on, applied to an object you hold in your hand.

The Joanna Czech Facial Massager packaging open: a white outer box with FACIAL MASSAGER set in restrained type, the polished steel roller laid out on a black-and-white striped insert, the JC monogram held at the foot of the lidA close-up of the polished steel facial massager emerging from the white box, JOANNA CZECH engraved in small caps along the handle, the metal catching the light against the white field

Outcome

From $300K to $5M in three years.

Year one finished at roughly 3× revenue. The redesigned product pages were the single largest factor.

Year two the site rebuilt itself around editorial: long-form pages with photography, no banner sales. Repeat purchase rate moved up.

Year three was the steady state. The framework held. Joanna's team ran most updates without us.

The site stopped being marketing for the salon. It became the brand.

"We rebuilt the storefront and the brand caught up. Suddenly the site was the marketing. Every page sold the next."

Storefront

Editorial as Commerce

The product pages got rewritten by a former magazine editor we brought on. Joanna sat with her for the first round and dictated the way she actually talks about each product. Once that voice was on the page, conversion stopped being a problem we had to design around.

A long-form Studio page in the new system: cover photo of the Dallas studio, the Studio header set in restrained serif, three intro paragraphs at the top, and a tile grid below linking to Services, About Joanna, The Team, Press, and Contact
A long-form product story: Morihata Towels, photographed against a quiet field with Joanna's voice running down the right column and a customer recommendation pulled out as a center pull-quote

Product photography moved off white packshots and into ritual: hands, light, surface, skin.

Copy was first-person where the product warranted it. Recommendations from Joanna read in Joanna's voice.

Two paths through the catalog: discover (browse) and routine (build). The routine builder turned individual products into morning and evening sets a customer could check out in two clicks.

Every product page told a story before it sold one. The story was usually true and usually short.

Mobile

Phone first. For real.

Beauty buyers are on their phones. We designed every page that way: cropping for portrait first, scaling up to desktop after. Most pages on the site never get viewed on a 1440px display, so we stopped optimizing for one.

Mobile siteMobile product detail

Touch targets sized for a thumb. Forms that fit on one screen.

Photography cropped for the phone first. Letterboxing on tall screens disappeared.

Performance budget under 1.5 seconds to interactive on LTE. The team held it.

The cart was rewritten so most checkouts finished without a keyboard.

CzechList

The editorial sub-brand.

The retail site sold product. CzechList sold Joanna. It is the editorial sub-brand we launched alongside the storefront, five sections that let her speak in her own voice on her own terms. Skin Science, Tips of the Trade, Czech Mate, Joanna Loves, and Ask Joanna. Each one is a different register: clinical, instructional, profile, recommendation, dialogue. The hand-drawn "Ask Joanna" brush mark gave the conversation series an actual handwriting in a brand otherwise built on the C-monogram and tracked caps.

The 'Welcome to CzechList!' launch letter on white: I LIVE TO LEARN as the opening line in italic serif, then five paragraphs of Joanna's voice introducing the editorial site and naming the five content categories, with the JC monogram + JOANNA CZECH lockup small in the top-left corner.The CZECHLIST contents card: brush-script CZECHLIST headline at the top, then five checklist items (ASK JOANNA, TIPS OF THE TRADE, CZECHMATE, SKIN SCIENCE, JOANNA LOVES), each with a short paragraph in Joanna's voice setting the tone for the section.The #ASKJOANNA social card: the JC monogram and JOANNA CZECH wordmark at the top, #ASKJOANNA set in tracked sans caps, two lines of body copy explaining the hashtag prompt, and the hand-drawn 'Ask Joanna' brush wordmark filling the lower half of the frame, with @joannaczechofficial and joannaczech.com anchored at the bottom.

The brand was always there in person. The job was to write it down, draw it, and let the site say it back. Once the website started sounding like Joanna, the business got out of its own way.

Takeaways

Credits
Client
  • Joanna Czech
Sector
  • Beauty
  • Lifestyle
  • Ecommerce
Role
  • Creative Direction
  • Design Production
  • Content Strategy
  • Project Management
  • Process Consultation
Discipline
  • UX/UI Design
  • Product Strategy
  • Content Strategy
Collaborators
  • Joanna Czech (Founder)
  • Anne Howrey (Project Manager)
  • Efstathios Maroulis (Development Lead)