03 // CASE STUDY

CTEMPUU STOREFRONT

A product-first storefront for my art prints and digital assets.

CLIENT: Self initiated
YEAR: 2026
DURATION: 1 week

PROBLEM

The store ran on a stock Shopify theme, with a hero banner and a homepage standing between a visitor and the artwork.

INSIGHT

The artwork is the only colour the page needs. Everything else should get out of its way.

SOLUTION

A product-first gallery in black, white and grey that goes straight into the work, with interactions that help people picture the print before they buy.

SKILLS

UI/UX Design
Web Design
Visual Identity
Creative Direction
Branding & Strategy

TOOLS

Shopify
Figma
Photoshop
Illustrator
HTML, CSS & JS

THE REDESIGN

From a stock theme with a hero banner to a product-first gallery. No homepage, straight into the work.

The original shop, a stock Shopify theme with a large hero banner reading Latest Arrivals and rounded collection cards

The redesigned shop opening straight onto a four column grid of prints divided by thin black lines

The original product page with a grey extra photo and purple and yellow express checkout buttons

The redesigned product page with A3 selected and the print shown small

The same product page with A1 selected and the print shown at full size

THE DETAILS

The interactions, each one there to help someone picture the print before they buy it.

The product grid with one print swapped for a framed mockup and a Quick add button beneath it

The Quick add window open over the grid, with uppercase title, size buttons and a square Add to cart button

The region menu open in the header listing UK, US, EU, JP, AU and CA

Four versions of the header bar showing the free delivery threshold in pounds, dollars, euros and yen

The View menu open with 3, 4 and 5 per row, and the grid showing five prints per row

The privacy policy page set in Inter for readability

The shop on a phone, two prints per row with Posters and Assets always visible in the header

The product page on a phone with a fixed image size and full width square size buttons

VISIT THE STORE ↗ Live at ctempuu.com, try the hover and the size buttons yourself

CTEMPUU PROJECT PRESENTATION ↗ What ctempuu is, the strategy, the references and the deliveries. PDF, 20 pages, 4.6 MB