LaChapelle Studio

Client

David LaChapelle

Studio

exhibit-E

Involvement

Web Design · Identity

David LaChapelle’s bold, provocative photography called for a website with enough personality to complement it without competing with it. Oversized navigation and typography give the interface its own presence, while the rest of the site remains deliberately minimal.

Image-based submenus and animated navigation extend that visual language, creating a distinctive framework for the work.

LaChapelle Studio

Client

David LaChapelle

Studio

exhibit-E

Involvement

Web Design · Identity

David LaChapelle’s bold, provocative photography called for a website with enough personality to complement it without competing with it. Oversized navigation and typography give the interface its own presence, while the rest of the site remains deliberately minimal.

Image-based submenus and animated navigation extend that visual language, creating a distinctive framework for the work.

Client

David LaChapelle

Studio

exhibit-E

Involvement

Web Design · Identity

David LaChapelle’s bold, provocative photography called for a website with enough personality to complement it without competing with it. Oversized navigation and typography give the interface its own presence, while the rest of the site remains deliberately minimal.

Image-based submenus and animated navigation extend that visual language, creating a distinctive framework for the work.

Detail Page

Tightly spaced grids maximize the photography while reflecting the density and scale of the navigation.

Detail Page

Tightly spaced grids maximize the photography while reflecting the density and scale of the navigation.

Detail Page

Tightly spaced grids maximize the photography while reflecting the density and scale of the navigation.

Detail Page

Tightly spaced grids maximize the photography while reflecting the density and scale of the navigation.

Detail Page

Tightly spaced grids maximize the photography while reflecting the density and scale of the navigation.

Homepage

A full-bleed slideshow gives LaChapelle’s photography maximum presence on the homepage.

Type

Oversized, tightly spaced typography gives the navigation enough presence to stand alongside the bold photography.

Homepage

A full-bleed slideshow gives LaChapelle’s photography maximum presence on the homepage.

Type

Oversized, tightly spaced typography gives the navigation enough presence to stand alongside the bold photography.

Homepage

A full-bleed slideshow gives LaChapelle’s photography maximum presence on the homepage.

Type

Oversized, tightly spaced typography gives the navigation enough presence to stand alongside the bold photography.

Homepage

A full-bleed slideshow gives LaChapelle’s photography maximum presence on the homepage.

Type

Oversized, tightly spaced typography gives the navigation enough presence to stand alongside the bold photography.

Homepage

A full-bleed slideshow gives LaChapelle’s photography maximum presence on the homepage.

Type

Oversized, tightly spaced typography gives the navigation enough presence to stand alongside the bold photography.

Slideshows

Images slide within an inset frame, maintaining tight spacing as visitors move through the work.

Slideshows

Images slide within an inset frame, maintaining tight spacing as visitors move through the work.

Slideshows

Images slide within an inset frame, maintaining tight spacing as visitors move through the work.

Slideshows

Images slide within an inset frame, maintaining tight spacing as visitors move through the work.

Slideshows

Images slide within an inset frame, maintaining tight spacing as visitors move through the work.

Thumbnails

Thumbnail proportions adapt to the content, using vertical crops for magazine covers.

Thumbnails

Thumbnail proportions adapt to the content, using vertical crops for magazine covers.

Thumbnails

Thumbnail proportions adapt to the content, using vertical crops for magazine covers.

Thumbnails

Thumbnail proportions adapt to the content, using vertical crops for magazine covers.

Thumbnails

Thumbnail proportions adapt to the content, using vertical crops for magazine covers.

Animated Type

On hover, each word slides from black to gold, adding motion and an intentionally accent to the navigation.

Animated Type

On hover, each word slides from black to gold, adding motion and an intentionally accent to the navigation.

Animated Type

On hover, each word slides from black to gold, adding motion and an intentionally accent to the navigation.

Animated Type

On hover, each word slides from black to gold, adding motion and an intentionally accent to the navigation.

Animated Type

On hover, each word slides from black to gold, adding motion and an intentionally accent to the navigation.

Index Page

An image-led index minimizes text to keep the photography as the primary navigation.

Navigation

Image-based submenus reduce the need for text while turning the photography itself into navigation.

Index Page

An image-led index minimizes text to keep the photography as the primary navigation.

Navigation

Image-based submenus reduce the need for text while turning the photography itself into navigation.

Index Page

An image-led index minimizes text to keep the photography as the primary navigation.

Navigation

Image-based submenus reduce the need for text while turning the photography itself into navigation.

Index Page

An image-led index minimizes text to keep the photography as the primary navigation.

Navigation

Image-based submenus reduce the need for text while turning the photography itself into navigation.

Index Page

An image-led index minimizes text to keep the photography as the primary navigation.

Navigation

Image-based submenus reduce the need for text while turning the photography itself into navigation.

Associations

Related covers connect across the archive, making the extensive body of published work easier to explore.

Expanded Index

An expanded index displays the full set of imagery rather than reducing each entry to a single thumbnail.

Associations

Related covers connect across the archive, making the extensive body of published work easier to explore.

Expanded Index

An expanded index displays the full set of imagery rather than reducing each entry to a single thumbnail.

Associations

Related covers connect across the archive, making the extensive body of published work easier to explore.

Expanded Index

An expanded index displays the full set of imagery rather than reducing each entry to a single thumbnail.

Associations

Related covers connect across the archive, making the extensive body of published work easier to explore.

Expanded Index

An expanded index displays the full set of imagery rather than reducing each entry to a single thumbnail.

Associations

Related covers connect across the archive, making the extensive body of published work easier to explore.

Expanded Index

An expanded index displays the full set of imagery rather than reducing each entry to a single thumbnail.

Oversized Type

The desktop canvas gives the oversized logo and navigation room to maintain their intentionally exaggerated scale.

Minimal Type

Supporting typography remains deliberately minimal, creating contrast with the oversized navigation and photography.

Oversized Type

The desktop canvas gives the oversized logo and navigation room to maintain their intentionally exaggerated scale.

Minimal Type

Supporting typography remains deliberately minimal, creating contrast with the oversized navigation and photography.

Oversized Type

The desktop canvas gives the oversized logo and navigation room to maintain their intentionally exaggerated scale.

Minimal Type

Supporting typography remains deliberately minimal, creating contrast with the oversized navigation and photography.

Oversized Type

The desktop canvas gives the oversized logo and navigation room to maintain their intentionally exaggerated scale.

Minimal Type

Supporting typography remains deliberately minimal, creating contrast with the oversized navigation and photography.

Oversized Type

The desktop canvas gives the oversized logo and navigation room to maintain their intentionally exaggerated scale.

Minimal Type

Supporting typography remains deliberately minimal, creating contrast with the oversized navigation and photography.

Gold Type

Inverted pages shift to black and white while gold hover states maintain the site’s accent.

Gold Type

Inverted pages shift to black and white while gold hover states maintain the site’s accent.

Gold Type

Inverted pages shift to black and white while gold hover states maintain the site’s accent.

Gold Type

Inverted pages shift to black and white while gold hover states maintain the site’s accent.

Gold Type

Inverted pages shift to black and white while gold hover states maintain the site’s accent.