THE PROBLEM
Build a professional system for presenting, documenting and packaging the artwork without letting the branding/supporting information compete with the work itself.
Keep collection browsing concise
Move longer context to individual artwork pages
Connect physical + digital applications
Accommodate new work within the same structure
APPROACH
ECP
C = SEE
Seeing becomes the central idea connecting the art practice to its identity and digital experience.
VISUAL DISCOVERY
1960s–70s fashion · European film · capturing unexpected moments · quiet · close crops · grain · repetition · unposed moments
(PHOTOS USED FOR REFERENCE ONLY)
BRAND IDENTITY
01 — MARK SYSTEM
EYE
Expressive, illustrative,
observational.
Eye mark developed through crop, expression + abstraction
Eye used as the expressive / illustrative identity mark
ECP
Compact, structural,
graphic.
ECP reduced into a simpler geometric mark for compact applications
Both marks work independently while belonging to the same visual system.
02 — TYPOGRAPHY
Two typefaces create a clear hierarchy across the identity.
Bricolage Grotesque
Display + headings
Helvetica Neue
Body · navigation · artwork metadata
03 — COLOUR
A restrained palette separates digital, physical and artwork-facing applications without competing with the work.
BLUE-GREY
Digital
PLUM + AUBERGINE
Physical applications
CREAM + NEUTRALS
Artwork presentation
04 — ILLUSTRATION + IMAGE SYSTEM
The wider visual language comes directly from material already inside the art practice.
Feet + shoes drawn from recurring painting subjects
Family cattle-station photographs translated into hand-drawn motifs
Variation in line density + scale retained
Close crops · grain · repetition · negative space carried across imagery
DIGITAL EXPERIENCE
06 — SITE STRUCTURE
Collection browsing stays concise; deeper context moves to the individual artwork.
HOME → WORK → ARTWORK → WORK
HOME
WORK
ABOUT
CONTACT
Each artwork opens into its own detail page and returns directly to the collection.
07 — CONTENT + RESPONSIVE HIERARCHY
Artwork information expands from concise collection browsing into individual detail pages, with the same hierarchy carried consistently from desktop to mobile.
08 — CUSTOM UI + MOTION
Custom interaction carries the identity into the behaviour of the website.
Custom link + underline states
Hover behaviour
Button transitions
Artwork return navigation
Mobile navigation
Animated ECP identity on entry
OUTCOME
One system now connects the artwork, identity, print and digital experience without competing with the work itself.
New work can enter the existing hierarchy as the practice grows, while new physical applications can draw from the same marks, typography, colour and production logic.