- 100
- 99
- 98
- 97
- 96
- 95
- 94
- 93
- 92
- 91
- 90
- 89
- 88
- 87
- 86
- 85
- 84
- 83
- 82
- 81
- 80
- 79
- 78
- 77
- 76
- 75
- 74
- 73
- 72
- 71
- 70
- 69
- 68
- 67
- 66
- 65
- 64
- 63
- 62
- 61
- 60
- 59
- 58
- 57
- 56
- 55
- 54
- 53
- 52
- 51
- 50
- 49
- 48
- 47
- 46
- 45
- 44
- 43
- 42
- 41
- 40
- 39
- 38
- 37
- 36
- 35
- 34
- 33
- 32
- 31
- 30
- 29
- 28
- 27
- 26
- 25
- 24
- 23
- 22
- 21
- 20
- 19
- 18
- 17
- 16
- 15
- 14
- 13
- 12
- 11
- 10
- 09
- 08
- 07
- 06
- 05
- 04
- 03
- 02
- 01
- 00
Creative Dev
Next.js
GSAP
WebGL
Awwwards
The FWA
CSSDA
Creative Dev
Next.js
GSAP
WebGL
A public reel of a Los Angeles cinematographer’s work
Design: CUSP
View live: eringwesley.com
Several gallery modes for Los Angeles cinematographer Erin G. Wesley.
Erin G. Wesley: standout portfolio website with easter eggs for a cinematographer
Erin G. Wesley shoots from Los Angeles. Credits include Netflix, Nike, the NBA and Snoop Dogg, plus stills work on the road. She needed a portfolio that books the next production, not a graveyard of stills.
Next.js holds the pages. GSAP, WebGL shaders and PixiJS drive the interactive bits. Underneath sits our own scroll engine — SAW scroll — so the page stays light while it moves.
The whole site is built around Erin’s film reel. The main gallery is fast on purpose: jump a project, then another, without a heavy page load. Hidden beats sit under a simple surface — you only find them if you poke around.
Z-Space is the piece people remember: a zoom into the whole catalogue at once. The grid follows the cursor and you can scrub forward or back through time — a playful cut into how Erin thinks.
The home video gallery was the hard room. SAW scroll, the DOM and Pixi.js had to share one timeline, with shaders on top. Most of the hours went into load time and playback so clips start fast on a phone in a bad hotel.
Her audience is global, so the build had to hold on slow links and odd devices. A small home-page trick we like: thumbnails shift aspect ratio, just enough to feel like a frame from a film.
New work lands every week, so Erin needed a CMS she would actually use. We shaped Strapi around her day, not a generic dashboard — the interface stays out of the way so she edits film, not forms.
AWARDS
AWWWARDS
- Site of the Day
- Developer Award
The FWA
- FWA of the Day
CSS DESIGN AWARDS
- Website of the Day