Skip to main content
UI Coach Logo
Back to challenges
Intermediate

Artist Portfolio and Print Shop

Design a creator-owned portfolio where an illustrator can share work and sell limited prints with clear rights.

Responsive web, Mobile

The brief

Understand the problem

Background

Artists need a visually expressive place to present work, but selling introduces edition counts, reproduction rights, color variation, fulfillment, and misuse of uploaded images.

User context

Zara is launching a signed edition of fifty botanical prints. She wants collectors to understand the materials and license while keeping high-resolution source files protected.

Product problem

The experience must let art lead while making ownership, edition, pricing, and purchase terms easy to verify.

Objective

Create portfolio discovery, artwork detail, edition purchase, and artist order management for a limited print release.

What to design

Define the experience

Required experience

  • Browse art by collection and medium
  • Inspect an artwork's story, dimensions, and rights
  • Select an available edition and complete checkout
  • Let the artist track fulfillment and edition inventory

Screens and states

  • Artist portfolio
  • Artwork detail
  • Edition checkout
  • Artist order dashboard

Core user flow

Follow the critical path

  1. 01

    A collector opens Zara's botanical collection

  2. 02

    They review print scale, paper, framing note, and license

  3. 03

    They reserve edition seventeen during checkout

  4. 04

    Zara confirms signing and shipment without overselling the edition

Product rules

Requirements and constraints

Requirements

  • Use responsive artwork presentation with meaningful alt text
  • State whether the purchase includes an original, print, or digital license
  • Reserve edition inventory during checkout
  • Provide watermark and download controls without claiming they prevent all copying

Constraints

  • High-resolution source files remain private
  • Edition numbering cannot be duplicated
  • Color variation between screen and print must be disclosed

Reality check

States worth considering

The last edition is reserved twice
An artwork is reported as copied
A print is damaged in transit
The artist pauses sales

Finish line

What to deliver

  • Four responsive screens showing collector and artist workflows

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#1C1B19
#C7B89F
#649853
#735D5F
#87759D
Font pairing
Alfa Slab OneLora

Alfa Slab One & Lora

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations