Eva Presenhuber

Client

Eva Presenhuber Gallery

Studio

exhibit-E Collage

Involvement

Web Design · Frontend · HTML · CSS · JS

For Eva Presenhuber Gallery, the focus was a bold, flexible site that put its artists and artwork first. A consistent white tab became a defining element, reinforcing the gallery’s typography while keeping text legible over varied imagery.

A narrow, sticky sidebar accommodates the gallery’s preferred navigation while leaving maximum space for the work.

Eva Presenhuber

Client

Eva Presenhuber Gallery

Studio

exhibit-E Collage

Involvement

Web Design · Frontend · HTML · CSS · JS

For Eva Presenhuber Gallery, the focus was a bold, flexible site that put its artists and artwork first. A consistent white tab became a defining element, reinforcing the gallery’s typography while keeping text legible over varied imagery.

A narrow, sticky sidebar accommodates the gallery’s preferred navigation while leaving maximum space for the work.

Client

Eva Presenhuber Gallery

Studio

exhibit-E Collage

Involvement

Web Design · Frontend · HTML · CSS · JS

For Eva Presenhuber Gallery, the focus was a bold, flexible site that put its artists and artwork first. A consistent white tab became a defining element, reinforcing the gallery’s typography while keeping text legible over varied imagery.

A narrow, sticky sidebar accommodates the gallery’s preferred navigation while leaving maximum space for the work.

Homepage

The white tab keeps typography consistent and legible over changing artwork, while flexible grids accommodate content below.

Homepage

The white tab keeps typography consistent and legible over changing artwork, while flexible grids accommodate content below.

Homepage

The white tab keeps typography consistent and legible over changing artwork, while flexible grids accommodate content below.

Homepage

The white tab keeps typography consistent and legible over changing artwork, while flexible grids accommodate content below.

Homepage

The white tab keeps typography consistent and legible over changing artwork, while flexible grids accommodate content below.

Homepage

A full-bleed slideshow gives changing artwork maximum space while parallax adds subtle depth.

Pop up JS

Extending Collage beyond its native functionality, I added a newsletter signup pop-up.

Homepage

A full-bleed slideshow gives changing artwork maximum space while parallax adds subtle depth.

Pop up JS

Extending Collage beyond its native functionality, I added a newsletter signup pop-up.

Homepage

A full-bleed slideshow gives changing artwork maximum space while parallax adds subtle depth.

Pop up JS

Extending Collage beyond its native functionality, I added a newsletter signup pop-up.

Homepage

A full-bleed slideshow gives changing artwork maximum space while parallax adds subtle depth.

Pop up JS

Extending Collage beyond its native functionality, I added a newsletter signup pop-up.

Homepage

A full-bleed slideshow gives changing artwork maximum space while parallax adds subtle depth.

Pop up JS

Extending Collage beyond its native functionality, I added a newsletter signup pop-up.

Index List

The artist list uses the gallery’s bold typography to make a long roster easy to scan.

Index Grid

The alternate grid pairs the same typographic system with artwork for more visual browsing.

Index List

The artist list uses the gallery’s bold typography to make a long roster easy to scan.

Index Grid

The alternate grid pairs the same typographic system with artwork for more visual browsing.

Index List

The artist list uses the gallery’s bold typography to make a long roster easy to scan.

Index Grid

The alternate grid pairs the same typographic system with artwork for more visual browsing.

Index List

The artist list uses the gallery’s bold typography to make a long roster easy to scan.

Index Grid

The alternate grid pairs the same typographic system with artwork for more visual browsing.

Index List

The artist list uses the gallery’s bold typography to make a long roster easy to scan.

Index Grid

The alternate grid pairs the same typographic system with artwork for more visual browsing.

Sticky Navigation

Extending Collage beyond its standard navigation, I created a narrow, sticky sidebar that keeps navigation accessible while leaving maximum space for artwork.

Sticky Navigation

Extending Collage beyond its standard navigation, I created a narrow, sticky sidebar that keeps navigation accessible while leaving maximum space for artwork.

Sticky Navigation

Extending Collage beyond its standard navigation, I created a narrow, sticky sidebar that keeps navigation accessible while leaving maximum space for artwork.

Sticky Navigation

Extending Collage beyond its standard navigation, I created a narrow, sticky sidebar that keeps navigation accessible while leaving maximum space for artwork.

Sticky Navigation

Extending Collage beyond its standard navigation, I created a narrow, sticky sidebar that keeps navigation accessible while leaving maximum space for artwork.

Parallax

Banner images use subtle parallax to add depth without distracting from the artwork.

Parallax

Banner images use subtle parallax to add depth without distracting from the artwork.

Parallax

Banner images use subtle parallax to add depth without distracting from the artwork.

Parallax

Banner images use subtle parallax to add depth without distracting from the artwork.

Parallax

Banner images use subtle parallax to add depth without distracting from the artwork.

Site Navigation

For longer artist pages, I extended Collage with sticky quick links that remain accessible as visitors move through the work.

Site Navigation

For longer artist pages, I extended Collage with sticky quick links that remain accessible as visitors move through the work.

Site Navigation

For longer artist pages, I extended Collage with sticky quick links that remain accessible as visitors move through the work.

Site Navigation

For longer artist pages, I extended Collage with sticky quick links that remain accessible as visitors move through the work.

Site Navigation

For longer artist pages, I extended Collage with sticky quick links that remain accessible as visitors move through the work.

Desktop

The compact white tab ensures legibility while preserving as much of the full-bleed artwork as possible.

Mobile

Mobile grids use two columns to balance image size with efficient browsing.

Desktop

The compact white tab ensures legibility while preserving as much of the full-bleed artwork as possible.

Mobile

Mobile grids use two columns to balance image size with efficient browsing.

Desktop

The compact white tab ensures legibility while preserving as much of the full-bleed artwork as possible.

Mobile

Mobile grids use two columns to balance image size with efficient browsing.

Desktop

The compact white tab ensures legibility while preserving as much of the full-bleed artwork as possible.

Mobile

Mobile grids use two columns to balance image size with efficient browsing.

Desktop

The compact white tab ensures legibility while preserving as much of the full-bleed artwork as possible.

Mobile

Mobile grids use two columns to balance image size with efficient browsing.

Index Page

The publication store features an image-led index grid.

Shopify

Shopify purchase buttons add simple ecommerce functionality without requiring a separate store experience.

Index Page

The publication store features an image-led index grid.

Shopify

Shopify purchase buttons add simple ecommerce functionality without requiring a separate store experience.

Index Page

The publication store features an image-led index grid.

Shopify

Shopify purchase buttons add simple ecommerce functionality without requiring a separate store experience.

Index Page

The publication store features an image-led index grid.

Shopify

Shopify purchase buttons add simple ecommerce functionality without requiring a separate store experience.

Index Page

The publication store features an image-led index grid.

Shopify

Shopify purchase buttons add simple ecommerce functionality without requiring a separate store experience.