The Gordon Parks Foundation
Client
The Gordon Parks Foundation
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
For the Gordon Parks Foundation, the challenge was to represent the organization while showcasing Parks’s extensive body of work.
We extended the Foundation’s bold typography and signature red underline into a flexible visual system. The design has continued to support new and expanding content over time.
The Gordon Parks Foundation
Client
The Gordon Parks Foundation
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
For the Gordon Parks Foundation, the challenge was to represent the organization while showcasing Parks’s extensive body of work.
We extended the Foundation’s bold typography and signature red underline into a flexible visual system. The design has continued to support new and expanding content over time.
Client
The Gordon Parks Foundation
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
For the Gordon Parks Foundation, the challenge was to represent the organization while showcasing Parks’s extensive body of work.
We extended the Foundation’s bold typography and signature red underline into a flexible visual system. The design has continued to support new and expanding content over time.
Detail Page
A full-background image and gradient-backed content distinguish feature pages while maintaining legibility.
Detail Page
A full-background image and gradient-backed content distinguish feature pages while maintaining legibility.
Detail Page
A full-background image and gradient-backed content distinguish feature pages while maintaining legibility.
Detail Page
A full-background image and gradient-backed content distinguish feature pages while maintaining legibility.
Detail Page
A full-background image and gradient-backed content distinguish feature pages while maintaining legibility.
Backgrounds
Full-width parallax backgrounds let feature pages use photography as part of the page environment.
Homepage
Flexible navigation treatments maintain contrast across changing homepage imagery.
Backgrounds
Full-width parallax backgrounds let feature pages use photography as part of the page environment.
Homepage
Flexible navigation treatments maintain contrast across changing homepage imagery.
Backgrounds
Full-width parallax backgrounds let feature pages use photography as part of the page environment.
Homepage
Flexible navigation treatments maintain contrast across changing homepage imagery.
Backgrounds
Full-width parallax backgrounds let feature pages use photography as part of the page environment.
Homepage
Flexible navigation treatments maintain contrast across changing homepage imagery.
Backgrounds
Full-width parallax backgrounds let feature pages use photography as part of the page environment.
Homepage
Flexible navigation treatments maintain contrast across changing homepage imagery.
Scroll
The signature red underline animates into select pull quotes on scroll, using the identity motif sparingly to preserve its impact.
Scroll
The signature red underline animates into select pull quotes on scroll, using the identity motif sparingly to preserve its impact.
Scroll
The signature red underline animates into select pull quotes on scroll, using the identity motif sparingly to preserve its impact.
Scroll
The signature red underline animates into select pull quotes on scroll, using the identity motif sparingly to preserve its impact.
Scroll
The signature red underline animates into select pull quotes on scroll, using the identity motif sparingly to preserve its impact.
Index Page
Large square thumbnails prioritize the photography, with supporting information kept below each image.
Detail Page
A background block keeps header text legible over photography, while categorized related content makes larger archives easier to navigate.
Index Page
Large square thumbnails prioritize the photography, with supporting information kept below each image.
Detail Page
A background block keeps header text legible over photography, while categorized related content makes larger archives easier to navigate.
Index Page
Large square thumbnails prioritize the photography, with supporting information kept below each image.
Detail Page
A background block keeps header text legible over photography, while categorized related content makes larger archives easier to navigate.
Index Page
Large square thumbnails prioritize the photography, with supporting information kept below each image.
Detail Page
A background block keeps header text legible over photography, while categorized related content makes larger archives easier to navigate.
Index Page
Large square thumbnails prioritize the photography, with supporting information kept below each image.
Detail Page
A background block keeps header text legible over photography, while categorized related content makes larger archives easier to navigate.
Detail Page
Flexible sections combine text, photography, video, slideshows, and full-bleed imagery within a consistent page structure.
Detail Page
Flexible sections combine text, photography, video, slideshows, and full-bleed imagery within a consistent page structure.
Detail Page
Flexible sections combine text, photography, video, slideshows, and full-bleed imagery within a consistent page structure.
Detail Page
Flexible sections combine text, photography, video, slideshows, and full-bleed imagery within a consistent page structure.
Detail Page
Flexible sections combine text, photography, video, slideshows, and full-bleed imagery within a consistent page structure.
Parallax
Subtle parallax gives full-width photography added depth as visitors move through the work.
Parallax
Subtle parallax gives full-width photography added depth as visitors move through the work.
Parallax
Subtle parallax gives full-width photography added depth as visitors move through the work.
Parallax
Subtle parallax gives full-width photography added depth as visitors move through the work.
Parallax
Subtle parallax gives full-width photography added depth as visitors move through the work.
Desktop
Square thumbnails scale across larger screens while maintaining a consistent image grid.
Mobile
Mobile banners support alternate imagery and adjustable focal points for smaller screens.
Desktop
Square thumbnails scale across larger screens while maintaining a consistent image grid.
Mobile
Mobile banners support alternate imagery and adjustable focal points for smaller screens.
Desktop
Square thumbnails scale across larger screens while maintaining a consistent image grid.
Mobile
Mobile banners support alternate imagery and adjustable focal points for smaller screens.
Desktop
Square thumbnails scale across larger screens while maintaining a consistent image grid.
Mobile
Mobile banners support alternate imagery and adjustable focal points for smaller screens.
Desktop
Square thumbnails scale across larger screens while maintaining a consistent image grid.
Mobile
Mobile banners support alternate imagery and adjustable focal points for smaller screens.
Detail Page
Flexible sections can be reordered as content changes while maintaining a consistent structure.
JS Reorder
I used JS to reorder sections when the required layout extended beyond Collage’s native controls.
Detail Page
Flexible sections can be reordered as content changes while maintaining a consistent structure.
JS Reorder
I used JS to reorder sections when the required layout extended beyond Collage’s native controls.
Detail Page
Flexible sections can be reordered as content changes while maintaining a consistent structure.
JS Reorder
I used JS to reorder sections when the required layout extended beyond Collage’s native controls.
Detail Page
Flexible sections can be reordered as content changes while maintaining a consistent structure.
JS Reorder
I used JS to reorder sections when the required layout extended beyond Collage’s native controls.
Detail Page
Flexible sections can be reordered as content changes while maintaining a consistent structure.
JS Reorder
I used JS to reorder sections when the required layout extended beyond Collage’s native controls.
Selected Work
SelectED Work
P.P.O.W
P.P.O.W
P.P.O.W
Kenzo Estate
Kenzo Estate
Kenzo Estate
Rethinking Design
Rethinking Design
Rethinking Design
Independent
Independent
Independent
Meadowood Napa Valley
Meadowood Napa Valley
Meadowood Napa Valley
Collage
Collage
Collage
The Armory Show
The Armory Show
The Armory Show
Eva Presenhuber
Eva Presenhuber
Eva Presenhuber
AIPAD
AIPAD
AIPAD
The Willem de Kooning Foundation
The Willem de Kooning Foundation
The Willem de Kooning Foundation
The Gordon Parks Foundation
The Gordon Parks Foundation
Ray Johnson Estate
Ray Johnson Estate
Ray Johnson Estate
LaChapelle Studio
LaChapelle Studio
LaChapelle Studio