AIPAD
Client
AIPAD
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
AIPAD’s website showcases its members while strengthening the organization’s role within the photography community. Editorial layouts give its photography, membership, and standards a clear structure.
The Photography Show was integrated as a distinct subsite while sharing the same CMS and content. Custom JS allowed its identity to change without creating a separate site.
AIPAD
Client
AIPAD
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
AIPAD’s website showcases its members while strengthening the organization’s role within the photography community. Editorial layouts give its photography, membership, and standards a clear structure.
The Photography Show was integrated as a distinct subsite while sharing the same CMS and content. Custom JS allowed its identity to change without creating a separate site.
Client
AIPAD
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
AIPAD’s website showcases its members while strengthening the organization’s role within the photography community. Editorial layouts give its photography, membership, and standards a clear structure.
The Photography Show was integrated as a distinct subsite while sharing the same CMS and content. Custom JS allowed its identity to change without creating a separate site.
Homepage
A full-width image leads into a flexible content grid for news, events, and member information.
Homepage
A full-width image leads into a flexible content grid for news, events, and member information.
Homepage
A full-width image leads into a flexible content grid for news, events, and member information.
Homepage
A full-width image leads into a flexible content grid for news, events, and member information.
Homepage
A full-width image leads into a flexible content grid for news, events, and member information.
Homepage
A rotating homepage slideshow takes advantage of AIPAD’s extensive photography archive.
Text
Homepage text switches between light and dark to maintain contrast across changing imagery.
Homepage
A rotating homepage slideshow takes advantage of AIPAD’s extensive photography archive.
Text
Homepage text switches between light and dark to maintain contrast across changing imagery.
Homepage
A rotating homepage slideshow takes advantage of AIPAD’s extensive photography archive.
Text
Homepage text switches between light and dark to maintain contrast across changing imagery.
Homepage
A rotating homepage slideshow takes advantage of AIPAD’s extensive photography archive.
Text
Homepage text switches between light and dark to maintain contrast across changing imagery.
Homepage
A rotating homepage slideshow takes advantage of AIPAD’s extensive photography archive.
Text
Homepage text switches between light and dark to maintain contrast across changing imagery.
Modular
A two-column editorial layout makes denser institutional content easier to navigate.
Modular
A two-column editorial layout makes denser institutional content easier to navigate.
Modular
A two-column editorial layout makes denser institutional content easier to navigate.
Modular
A two-column editorial layout makes denser institutional content easier to navigate.
Modular
A two-column editorial layout makes denser institutional content easier to navigate.
Index Page
I used JS to integrate a custom promotional banner above the member grid.
Detail Page
Flexible layouts let member pages combine gallery information, photography, and related content.
Index Page
I used JS to integrate a custom promotional banner above the member grid.
Detail Page
Flexible layouts let member pages combine gallery information, photography, and related content.
Index Page
I used JS to integrate a custom promotional banner above the member grid.
Detail Page
Flexible layouts let member pages combine gallery information, photography, and related content.
Index Page
I used JS to integrate a custom promotional banner above the member grid.
Detail Page
Flexible layouts let member pages combine gallery information, photography, and related content.
Index Page
I used JS to integrate a custom promotional banner above the member grid.
Detail Page
Flexible layouts let member pages combine gallery information, photography, and related content.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the photography.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the photography.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the photography.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the photography.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the photography.
Desktop
Large-screen layouts give the photography room to scale while keeping content structured.
Mobile
Large banner typography adapts for mobile to maintain hierarchy and readability.
Desktop
Large-screen layouts give the photography room to scale while keeping content structured.
Mobile
Large banner typography adapts for mobile to maintain hierarchy and readability.
Desktop
Large-screen layouts give the photography room to scale while keeping content structured.
Mobile
Large banner typography adapts for mobile to maintain hierarchy and readability.
Desktop
Large-screen layouts give the photography room to scale while keeping content structured.
Mobile
Large banner typography adapts for mobile to maintain hierarchy and readability.
Desktop
Large-screen layouts give the photography room to scale while keeping content structured.
Mobile
Large banner typography adapts for mobile to maintain hierarchy and readability.
Integrated Subsite
I used JS to swap identities within a dedicated section, creating a distinct subsite without building a separate website.
Shared CMS
Both sites share one CMS, allowing members, news, media, and related content to be reused across them.
Integrated Subsite
I used JS to swap identities within a dedicated section, creating a distinct subsite without building a separate website.
Shared CMS
Both sites share one CMS, allowing members, news, media, and related content to be reused across them.
Integrated Subsite
I used JS to swap identities within a dedicated section, creating a distinct subsite without building a separate website.
Shared CMS
Both sites share one CMS, allowing members, news, media, and related content to be reused across them.
Integrated Subsite
I used JS to swap identities within a dedicated section, creating a distinct subsite without building a separate website.
Shared CMS
Both sites share one CMS, allowing members, news, media, and related content to be reused across them.
Integrated Subsite
I used JS to swap identities within a dedicated section, creating a distinct subsite without building a separate website.
Shared CMS
Both sites share one CMS, allowing members, news, media, and related content to be reused across them.
Working Within Constraints
Without a native color picker in Collage, I used JS to turn a hex code entered in an existing text field into a control for the subsite logo color.
Working Within Constraints
Without a native color picker in Collage, I used JS to turn a hex code entered in an existing text field into a control for the subsite logo color.
Working Within Constraints
Without a native color picker in Collage, I used JS to turn a hex code entered in an existing text field into a control for the subsite logo color.
Working Within Constraints
Without a native color picker in Collage, I used JS to turn a hex code entered in an existing text field into a control for the subsite logo color.
Working Within Constraints
Without a native color picker in Collage, I used JS to turn a hex code entered in an existing text field into a control for the subsite logo color.
JS Accordion
With no native accordion module available in Collage, I used JS to transform existing Editorial modules into animated accordion panels.
JS Accordion
With no native accordion module available in Collage, I used JS to transform existing Editorial modules into animated accordion panels.
JS Accordion
With no native accordion module available in Collage, I used JS to transform existing Editorial modules into animated accordion panels.
JS Accordion
With no native accordion module available in Collage, I used JS to transform existing Editorial modules into animated accordion panels.
JS Accordion
With no native accordion module available in Collage, I used JS to transform existing Editorial modules into animated accordion panels.
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
The Willem de Kooning Foundation
The Willem de Kooning Foundation
The Willem de Kooning Foundation
The Gordon Parks Foundation
The Gordon Parks Foundation
The Gordon Parks Foundation
Ray Johnson Estate
Ray Johnson Estate
Ray Johnson Estate
LaChapelle Studio
LaChapelle Studio
LaChapelle Studio