Collage
Studio
exhibit-E
Involvement
Design Systems · HTML · CSS · JS
Collage evolved from exhibit-E’s experience designing and managing a growing number of gallery websites. Working closely with the team, I shaped Collage into a flexible design system connecting client-admin workflows, modular content tools, and the resulting front-end experience.
Working closely with developers, I identified and refined new features based on recurring design needs, while using CSS and JS to extend individual sites beyond the core platform. Collage ultimately powered hundreds of websites for galleries, artists, and cultural organizations
Collage
Studio
exhibit-E
Involvement
Design Systems · HTML · CSS · JS
Collage evolved from exhibit-E’s experience designing and managing a growing number of gallery websites. Working closely with the team, I shaped Collage into a flexible design system connecting client-admin workflows, modular content tools, and the resulting front-end experience.
Working closely with developers, I identified and refined new features based on recurring design needs, while using CSS and JS to extend individual sites beyond the core platform. Collage ultimately powered hundreds of websites for galleries, artists, and cultural organizations
Studio
exhibit-E
Involvement
Design Systems · HTML · CSS · JS
Collage evolved from exhibit-E’s experience designing and managing a growing number of gallery websites. Working closely with the team, I shaped Collage into a flexible design system connecting client-admin workflows, modular content tools, and the resulting front-end experience.
Working closely with developers, I identified and refined new features based on recurring design needs, while using CSS and JS to extend individual sites beyond the core platform. Collage ultimately powered hundreds of websites for galleries, artists, and cultural organizations
Collage Manager
The Collage Manager connected hundreds of client websites to a shared platform, allowing sites to be created, cloned, and launched from a common foundation.
Client Admin
I designed the client admin around how clients manage their content, shaping the interface and workflows to make a complex system feel simple and intuitive.
Collage Manager
The Collage Manager connected hundreds of client websites to a shared platform, allowing sites to be created, cloned, and launched from a common foundation.
Client Admin
I designed the client admin around how clients manage their content, shaping the interface and workflows to make a complex system feel simple and intuitive.
Collage Manager
The Collage Manager connected hundreds of client websites to a shared platform, allowing sites to be created, cloned, and launched from a common foundation.
Client Admin
I designed the client admin around how clients manage their content, shaping the interface and workflows to make a complex system feel simple and intuitive.
Collage Manager
The Collage Manager connected hundreds of client websites to a shared platform, allowing sites to be created, cloned, and launched from a common foundation.
Client Admin
I designed the client admin around how clients manage their content, shaping the interface and workflows to make a complex system feel simple and intuitive.
Collage Manager
The Collage Manager connected hundreds of client websites to a shared platform, allowing sites to be created, cloned, and launched from a common foundation.
Client Admin
I designed the client admin around how clients manage their content, shaping the interface and workflows to make a complex system feel simple and intuitive.
Neutral Canvas
I created a neutral HTML/CSS foundation with carefully considered defaults, allowing designers to quickly establish a distinct visual identity for each site without rebuilding the underlying system.
Neutral Canvas
I created a neutral HTML/CSS foundation with carefully considered defaults, allowing designers to quickly establish a distinct visual identity for each site without rebuilding the underlying system.
Neutral Canvas
I created a neutral HTML/CSS foundation with carefully considered defaults, allowing designers to quickly establish a distinct visual identity for each site without rebuilding the underlying system.
Neutral Canvas
I created a neutral HTML/CSS foundation with carefully considered defaults, allowing designers to quickly establish a distinct visual identity for each site without rebuilding the underlying system.
Neutral Canvas
I created a neutral HTML/CSS foundation with carefully considered defaults, allowing designers to quickly establish a distinct visual identity for each site without rebuilding the underlying system.
Modular
Modular screens and content tools gave designers a shared structure that could be configured for each site while still allowing each project to develop its own visual identity.
Modular
Modular screens and content tools gave designers a shared structure that could be configured for each site while still allowing each project to develop its own visual identity.
Modular
Modular screens and content tools gave designers a shared structure that could be configured for each site while still allowing each project to develop its own visual identity.
Modular
Modular screens and content tools gave designers a shared structure that could be configured for each site while still allowing each project to develop its own visual identity.
Modular
Modular screens and content tools gave designers a shared structure that could be configured for each site while still allowing each project to develop its own visual identity.
Flexible Editorial System
I shaped the Editorial system around flexible, reusable modules, giving clients varied layout options while speeding up how we designed and built sites.
Flexible Editorial System
I shaped the Editorial system around flexible, reusable modules, giving clients varied layout options while speeding up how we designed and built sites.
Flexible Editorial System
I shaped the Editorial system around flexible, reusable modules, giving clients varied layout options while speeding up how we designed and built sites.
Flexible Editorial System
I shaped the Editorial system around flexible, reusable modules, giving clients varied layout options while speeding up how we designed and built sites.
Flexible Editorial System
I shaped the Editorial system around flexible, reusable modules, giving clients varied layout options while speeding up how we designed and built sites.
Systemizing Type
I treated typography as part of the design system, using CSS to establish a complete typographic language that could be applied consistently across each site.
Systemizing Type
I treated typography as part of the design system, using CSS to establish a complete typographic language that could be applied consistently across each site.
Systemizing Type
I treated typography as part of the design system, using CSS to establish a complete typographic language that could be applied consistently across each site.
Systemizing Type
I treated typography as part of the design system, using CSS to establish a complete typographic language that could be applied consistently across each site.
Systemizing Type
I treated typography as part of the design system, using CSS to establish a complete typographic language that could be applied consistently across each site.
Client Admin Improvements
I worked with developers to turn recurring design needs into reusable Collage features, including admin controls for alternate styles defined in a site’s CSS.
Client Admin Improvements
I worked with developers to turn recurring design needs into reusable Collage features, including admin controls for alternate styles defined in a site’s CSS.
Client Admin Improvements
I worked with developers to turn recurring design needs into reusable Collage features, including admin controls for alternate styles defined in a site’s CSS.
Client Admin Improvements
I worked with developers to turn recurring design needs into reusable Collage features, including admin controls for alternate styles defined in a site’s CSS.
Client Admin Improvements
I worked with developers to turn recurring design needs into reusable Collage features, including admin controls for alternate styles defined in a site’s CSS.
Responsive Image Control
I worked with developers to introduce new controls for recurring design needs, including a focal-point picker that gave clients control over how full-bleed images crop across changing screen sizes.
Responsive Image Control
I worked with developers to introduce new controls for recurring design needs, including a focal-point picker that gave clients control over how full-bleed images crop across changing screen sizes.
Responsive Image Control
I worked with developers to introduce new controls for recurring design needs, including a focal-point picker that gave clients control over how full-bleed images crop across changing screen sizes.
Responsive Image Control
I worked with developers to introduce new controls for recurring design needs, including a focal-point picker that gave clients control over how full-bleed images crop across changing screen sizes.
Responsive Image Control
I worked with developers to introduce new controls for recurring design needs, including a focal-point picker that gave clients control over how full-bleed images crop across changing screen sizes.
Extending Collage
When projects required functionality beyond the core platform, I used JS to extend the front-end experience without altering the underlying system, including custom controls for showing and hiding Editorial content.
Extending Collage
When projects required functionality beyond the core platform, I used JS to extend the front-end experience without altering the underlying system, including custom controls for showing and hiding Editorial content.
Extending Collage
When projects required functionality beyond the core platform, I used JS to extend the front-end experience without altering the underlying system, including custom controls for showing and hiding Editorial content.
Extending Collage
When projects required functionality beyond the core platform, I used JS to extend the front-end experience without altering the underlying system, including custom controls for showing and hiding Editorial content.
Extending Collage
When projects required functionality beyond the core platform, I used JS to extend the front-end experience without altering the underlying system, including custom controls for showing and hiding Editorial content.
Repurposing Modules
I used CSS and JS to transform existing Collage modules into entirely different front-end experiences while preserving the same client-admin workflow, including turning standard Editorial modules into interactive accordions.
Repurposing Modules
I used CSS and JS to transform existing Collage modules into entirely different front-end experiences while preserving the same client-admin workflow, including turning standard Editorial modules into interactive accordions.
Repurposing Modules
I used CSS and JS to transform existing Collage modules into entirely different front-end experiences while preserving the same client-admin workflow, including turning standard Editorial modules into interactive accordions.
Repurposing Modules
I used CSS and JS to transform existing Collage modules into entirely different front-end experiences while preserving the same client-admin workflow, including turning standard Editorial modules into interactive accordions.
Repurposing Modules
I used CSS and JS to transform existing Collage modules into entirely different front-end experiences while preserving the same client-admin workflow, including turning standard Editorial modules into interactive accordions.
Extending with JS Libraries
I integrated third-party JS libraries into Collage to extend its front-end capabilities, including parallax, scroll-based animation, masonry layouts, and other interactive behaviors.
Extending with JS Libraries
I integrated third-party JS libraries into Collage to extend its front-end capabilities, including parallax, scroll-based animation, masonry layouts, and other interactive behaviors.
Extending with JS Libraries
I integrated third-party JS libraries into Collage to extend its front-end capabilities, including parallax, scroll-based animation, masonry layouts, and other interactive behaviors.
Extending with JS Libraries
I integrated third-party JS libraries into Collage to extend its front-end capabilities, including parallax, scroll-based animation, masonry layouts, and other interactive behaviors.
Extending with JS Libraries
I integrated third-party JS libraries into Collage to extend its front-end capabilities, including parallax, scroll-based animation, masonry layouts, and other interactive behaviors.
Design Refinements
I used JS to refine how content was displayed, such as adjusting square images to maintain better balance within mixed grids.
Design Refinements
I used JS to refine how content was displayed, such as adjusting square images to maintain better balance within mixed grids.
Design Refinements
I used JS to refine how content was displayed, such as adjusting square images to maintain better balance within mixed grids.
Design Refinements
I used JS to refine how content was displayed, such as adjusting square images to maintain better balance within mixed grids.
Design Refinements
I used JS to refine how content was displayed, such as adjusting square images to maintain better balance within mixed grids.
Private Viewing Room
I created reusable templates for private and gated exhibitions that could launch quickly and later integrate into a full Collage site
Private Viewing Room
I created reusable templates for private and gated exhibitions that could launch quickly and later integrate into a full Collage site
Private Viewing Room
I created reusable templates for private and gated exhibitions that could launch quickly and later integrate into a full Collage site
Private Viewing Room
I created reusable templates for private and gated exhibitions that could launch quickly and later integrate into a full Collage site
Private Viewing Room
I created reusable templates for private and gated exhibitions that could launch quickly and later integrate into a full Collage site
Index Page Building Blocks
Reusable index layouts provided a consistent structure for common content types while remaining flexible enough to adapt to each site’s design.
Detail Pages Building Blocks
Reusable detail-page layouts supported different ways of presenting artwork and content while maintaining a consistent underlying structure.
Index Page Building Blocks
Reusable index layouts provided a consistent structure for common content types while remaining flexible enough to adapt to each site’s design.
Detail Pages Building Blocks
Reusable detail-page layouts supported different ways of presenting artwork and content while maintaining a consistent underlying structure.
Index Page Building Blocks
Reusable index layouts provided a consistent structure for common content types while remaining flexible enough to adapt to each site’s design.
Detail Pages Building Blocks
Reusable detail-page layouts supported different ways of presenting artwork and content while maintaining a consistent underlying structure.
Index Page Building Blocks
Reusable index layouts provided a consistent structure for common content types while remaining flexible enough to adapt to each site’s design.
Detail Pages Building Blocks
Reusable detail-page layouts supported different ways of presenting artwork and content while maintaining a consistent underlying structure.
Index Page Building Blocks
Reusable index layouts provided a consistent structure for common content types while remaining flexible enough to adapt to each site’s design.
Detail Pages Building Blocks
Reusable detail-page layouts supported different ways of presenting artwork and content while maintaining a consistent underlying structure.
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
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
The Gordon Parks Foundation
Ray Johnson Estate
Ray Johnson Estate
Ray Johnson Estate
LaChapelle Studio
LaChapelle Studio
LaChapelle Studio