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.

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

The Problems
1

Every sale was a manual process

Visitors who wanted prints had to reach out directly, and Richard would personally quote them, send an invoice, and coordinate delivery by hand. It was a long process, with no store, product pages, or checkout in place.

2

Product information was invisible

Buyers used to ask about print sizes, materials, and framing options. That interest was there, but the site couldn't answer those questions yet.

3

Mentorship was in demand

People were reaching out to Richard on social media asking if he offered mentorship or lessons. He had something worth offering, but there was no place on the site to find it, understand it, or book it.

Research

Competitive Insights

I looked at how top photographers sell their work online. The goal was to find the sweet spot between a beautiful gallery and a functional store.

Feature
Peter McKinnon
Cassidy Lynne
Chris Burkard
Our Goal (Richard Bod)
Clean, Minimal UI
Filter by Orientation (Wall Space)
Quick View (Fast Browsing)
Progressive Variant Selection
Clear Mentorship Booking

Let the Art Speak for Itself

Like Peter McKinnon's store, the interface needs to step back. No loud buttons or distracting colors. The photography must be the primary focus, with buying tools feeling invisible until needed.

Step-by-step choices reduce decision fatigue

Showing all sizes, materials, and framing options on screen at once is overwhelming. Cassidy Lynne's booking flow reveals options one at a time, and that same logic applies here.

Information Architecture

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.

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

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 →