UX Case Study

Designing an ecommerce experience for Richard Bod Photography

Wildlife photography is a hard sell digitally — buyers need to see the work up close, understand their options, and feel confident before they buy something for their wall. Richard had the photography. He just didn't have a store. I designed one that reflected the quality of his work and ran without my ongoing help.

1
Platform
5
Categories
3wk
End to end
Richard Bod Photography store page showing wildlife prints with sidebar category filters

Role

UX Designer + Developer

Timeline

3 weeks

Platform

Squarespace Commerce

Scope

Ecommerce + Mentorship booking

An engaged audience with no path to purchase

1

Every sale was a manual process

Visitors who wanted prints had to reach out directly. Richard would quote them, send an invoice, and coordinate delivery by hand. It worked at low volume — but it was the designer's equivalent of no conversion infrastructure.

2

Buyers couldn't evaluate before committing

Sizes, materials, framing options, and prices weren't visible on the site. Without that context, most visitors couldn't form a purchase intent — and most don't ask. They leave.

3

The solution had to be something Richard could run

He's a photographer, not a developer. Any store I designed had to be something he could manage independently — update pricing, add products, handle orders — without calling in technical support.

What the better photography stores understood

I looked at how Peter McKinnon, Cassidy Lynne, and Chris Burkard had built stores at a comparable scale. Not for design inspiration, but to understand the decisions that actually affect conversion.

The strongest stores don't fight the photography for attention

Buyers think about wall space before they think about genre

Decision fatigue is a real drop-off cause in configurable products

Mapping the purchase path before designing any screens

End-to-end purchase flow: Browse Store, Quick View, Product Page, Configure, Cart, Checkout, Order Fulfilled

The riskiest moment in the flow turned out to be the handoff from Quick View to the product page — the point where a visitor leaves the catalog grid and loses their browsing context. That single insight drove the decision to keep the sidebar filters visible and active throughout the entire purchase journey.

The thinking behind each design decision

1

Making 30+ products browsable without overwhelming anyone

The catalog's usability problem wasn't the number of products — it was orientation. Visitors who lose their place in a catalog tend not to rebuild it. Every navigation decision here was made around keeping context intact.

Store page with sidebar category filters for All, Creative Photography, Landscape, Street, Sports, Wildlife

A catalog of this size needs to feel explorable, not searchable

Quick View overlay showing product details, variant selectors, and Add To Cart without leaving the grid

Evaluating a print and committing to it are two different moments

2

Turning variant complexity into a manageable decision

Each print has multiple size, frame, and material options — each combination at a different price point. The design challenge was making that feel like three small decisions, not one overwhelming form.

Product page with image carousel, variant selectors for material, frame, and size

Variant overload is the conversion killer in print stores

Accordion panels for description, shipping, and returns with related products cross-sell

The conversion area needs to stay uncluttered

3

Replacing a manual process with a real checkout pipeline

Before this project, every transaction was: visitor emails Richard, Richard quotes, Richard invoices, Richard follows up. The design work here was replacing that chain with something automated and self-contained.

Checkout page with shipping address form, order summary showing two prints, and secure SSL checkout
4

Formalizing mentorship from DMs into a bookable service

He'd been running photography workshops informally through Instagram for years. The design work was giving it the structure of a real service — tiers, pricing, and a page that signaled it was worth paying for.

Mentorship page with tiered cardsmentorship.png

A store that runs without Richard in the middle of every sale

People can finally buy without me sending invoices. The mentorship page is already getting interest.
Richard Bod, Photographer

Delivered

Product catalog with sidebar filtering and Quick View
Product pages: image carousel, variant selection, accordion panels
Cross-selling on every product page
Mentorship section with tiered booking
Updated site IA and navigation

What I'd do next

01

Map where the conversion breaks down

Are visitors filtering but not clicking? Configuring but not checking out? Funnel analytics would isolate where the drop-off happens and whether it's a design problem or an expectation mismatch.

02

Test whether the variant sequence is right

The current order — material, frame, then size — is a hypothesis. A live visual preview that updates as you configure might reduce decision fatigue more than the sequential dropdown approach.

03

Build trust for the higher-priced mentorship tiers

The top tiers are hard to evaluate without evidence. Work from the first cohort — outcomes, photographs, testimonials — would carry more weight than anything in the copy.

See it live at richardbodphotography.ca/store
Visit Store

Next project

AirWise

View case study →