Ray Johnson Estate
Client
Ray Johnson Estate
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
The Ray Johnson Estate needed a website to showcase his artwork alongside a biographical timeline. With no existing identity to build from, we created a typographic identity using letterforms drawn directly from his work.
A vintage typewriter face complements the artwork’s handmade character, creating a visual language that feels distinctly Ray Johnson.
Ray Johnson Estate
Client
Ray Johnson Estate
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
The Ray Johnson Estate needed a website to showcase his artwork alongside a biographical timeline. With no existing identity to build from, we created a typographic identity using letterforms drawn directly from his work.
A vintage typewriter face complements the artwork’s handmade character, creating a visual language that feels distinctly Ray Johnson.
Client
Ray Johnson Estate
Studio
exhibit-E Collage
Involvement
Web Design · Frontend · HTML · CSS · JS
The Ray Johnson Estate needed a website to showcase his artwork alongside a biographical timeline. With no existing identity to build from, we created a typographic identity using letterforms drawn directly from his work.
A vintage typewriter face complements the artwork’s handmade character, creating a visual language that feels distinctly Ray Johnson.
Detail Page
The typewriter face carries the site’s identity into long-form editorial pages and archival photography.
Detail Page
The typewriter face carries the site’s identity into long-form editorial pages and archival photography.
Detail Page
The typewriter face carries the site’s identity into long-form editorial pages and archival photography.
Detail Page
The typewriter face carries the site’s identity into long-form editorial pages and archival photography.
Detail Page
The typewriter face carries the site’s identity into long-form editorial pages and archival photography.
Homepage
A full-bleed slideshow keeps the homepage focused entirely on Johnson’s work.
Menu
The expanded menu combines oversized artwork-derived lettering with Johnson’s drawings, turning navigation into part of the site’s identity.
Homepage
A full-bleed slideshow keeps the homepage focused entirely on Johnson’s work.
Menu
The expanded menu combines oversized artwork-derived lettering with Johnson’s drawings, turning navigation into part of the site’s identity.
Homepage
A full-bleed slideshow keeps the homepage focused entirely on Johnson’s work.
Menu
The expanded menu combines oversized artwork-derived lettering with Johnson’s drawings, turning navigation into part of the site’s identity.
Homepage
A full-bleed slideshow keeps the homepage focused entirely on Johnson’s work.
Menu
The expanded menu combines oversized artwork-derived lettering with Johnson’s drawings, turning navigation into part of the site’s identity.
Homepage
A full-bleed slideshow keeps the homepage focused entirely on Johnson’s work.
Menu
The expanded menu combines oversized artwork-derived lettering with Johnson’s drawings, turning navigation into part of the site’s identity.
Menu Detail
Submenus layer over the artwork-derived graphics, echoing the layered quality of Johnson’s work.
Menu Detail
Submenus layer over the artwork-derived graphics, echoing the layered quality of Johnson’s work.
Menu Detail
Submenus layer over the artwork-derived graphics, echoing the layered quality of Johnson’s work.
Menu Detail
Submenus layer over the artwork-derived graphics, echoing the layered quality of Johnson’s work.
Menu Detail
Submenus layer over the artwork-derived graphics, echoing the layered quality of Johnson’s work.
Index Page
A restrained artwork grid keeps varied sizes and proportions easy to browse.
Index Page
A restrained artwork grid keeps varied sizes and proportions easy to browse.
Index Page
A restrained artwork grid keeps varied sizes and proportions easy to browse.
Index Page
A restrained artwork grid keeps varied sizes and proportions easy to browse.
Index Page
A restrained artwork grid keeps varied sizes and proportions easy to browse.
Parallax
Parallax close-ups reveal details of Johnson’s work while creating visual breaks between content.
Parallax
Parallax close-ups reveal details of Johnson’s work while creating visual breaks between content.
Parallax
Parallax close-ups reveal details of Johnson’s work while creating visual breaks between content.
Parallax
Parallax close-ups reveal details of Johnson’s work while creating visual breaks between content.
Parallax
Parallax close-ups reveal details of Johnson’s work while creating visual breaks between content.
Desktop
The expanded menu uses the larger desktop canvas to emphasize the artwork-derived typography and drawings.
Mobile
Mobile grids use two columns to balance image size with efficient browsing.
Desktop
The expanded menu uses the larger desktop canvas to emphasize the artwork-derived typography and drawings.
Mobile
Mobile grids use two columns to balance image size with efficient browsing.
Desktop
The expanded menu uses the larger desktop canvas to emphasize the artwork-derived typography and drawings.
Mobile
Mobile grids use two columns to balance image size with efficient browsing.
Desktop
The expanded menu uses the larger desktop canvas to emphasize the artwork-derived typography and drawings.
Mobile
Mobile grids use two columns to balance image size with efficient browsing.
Desktop
The expanded menu uses the larger desktop canvas to emphasize the artwork-derived typography and drawings.
Mobile
Mobile grids use two columns to balance image size with efficient browsing.
Detail Page
Flexible editorial layouts combine text and imagery in varied arrangements while maintaining a consistent structure.
Detail Page
An inverted layout distinguishes select editorial content while maintaining the same structure..
Detail Page
Flexible editorial layouts combine text and imagery in varied arrangements while maintaining a consistent structure.
Detail Page
An inverted layout distinguishes select editorial content while maintaining the same structure..
Detail Page
Flexible editorial layouts combine text and imagery in varied arrangements while maintaining a consistent structure.
Detail Page
An inverted layout distinguishes select editorial content while maintaining the same structure..
Detail Page
Flexible editorial layouts combine text and imagery in varied arrangements while maintaining a consistent structure.
Detail Page
An inverted layout distinguishes select editorial content while maintaining the same structure..
Detail Page
Flexible editorial layouts combine text and imagery in varied arrangements while maintaining a consistent structure.
Detail Page
An inverted layout distinguishes select editorial content while maintaining the same structure..
Video
This page incorporates embedded video into the editorial content.
Index Type Lockup
Artwork-derived lettering pairs with the typewriter face to carry the site’s identity into the index.
Video
This page incorporates embedded video into the editorial content.
Index Type Lockup
Artwork-derived lettering pairs with the typewriter face to carry the site’s identity into the index.
Video
This page incorporates embedded video into the editorial content.
Index Type Lockup
Artwork-derived lettering pairs with the typewriter face to carry the site’s identity into the index.
Video
This page incorporates embedded video into the editorial content.
Index Type Lockup
Artwork-derived lettering pairs with the typewriter face to carry the site’s identity into the index.
Video
This page incorporates embedded video into the editorial content.
Index Type Lockup
Artwork-derived lettering pairs with the typewriter face to carry the site’s identity into the index.
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
The Gordon Parks Foundation
Ray Johnson Estate
Ray Johnson Estate
LaChapelle Studio
LaChapelle Studio
LaChapelle Studio