Meadowood Napa Valley
Client
Meadowood Napa Valley
Studio
Dan Miller Design
Involvement
Web Design
For Meadowood, the goal was to create a more refined, flexible website. As a design-only project, we created interchangeable layouts and a style guide the client could implement across the site.
Restrained typography, negative space, and botanical elements reference the resort’s setting while keeping the focus on its imagery.
Meadowood Napa Valley
Client
Meadowood Napa Valley
Studio
Dan Miller Design
Involvement
Web Design
For Meadowood, the goal was to create a more refined, flexible website. As a design-only project, we created interchangeable layouts and a style guide the client could implement across the site.
Restrained typography, negative space, and botanical elements reference the resort’s setting while keeping the focus on its imagery.
Client
Meadowood Napa Valley
Studio
Dan Miller Design
Involvement
Web Design
For Meadowood, the goal was to create a more refined, flexible website. As a design-only project, we created interchangeable layouts and a style guide the client could implement across the site.
Restrained typography, negative space, and botanical elements reference the resort’s setting while keeping the focus on its imagery.
Main Pages
Flexible layouts range from minimal to layered, using typography, negative space, and botanical elements to maintain a consistent visual language.
Main Pages
Flexible layouts range from minimal to layered, using typography, negative space, and botanical elements to maintain a consistent visual language.
Main Pages
Flexible layouts range from minimal to layered, using typography, negative space, and botanical elements to maintain a consistent visual language.
Main Pages
Flexible layouts range from minimal to layered, using typography, negative space, and botanical elements to maintain a consistent visual language.
Main Pages
Flexible layouts range from minimal to layered, using typography, negative space, and botanical elements to maintain a consistent visual language.
Homepage
The homepage pairs immersive photography with direct access to room booking.
Navigation
A restrained overlay keeps the expanded navigation focused without obscuring the page beneath it.
Homepage
The homepage pairs immersive photography with direct access to room booking.
Navigation
A restrained overlay keeps the expanded navigation focused without obscuring the page beneath it.
Homepage
The homepage pairs immersive photography with direct access to room booking.
Navigation
A restrained overlay keeps the expanded navigation focused without obscuring the page beneath it.
Homepage
The homepage pairs immersive photography with direct access to room booking.
Navigation
A restrained overlay keeps the expanded navigation focused without obscuring the page beneath it.
Homepage
The homepage pairs immersive photography with direct access to room booking.
Navigation
A restrained overlay keeps the expanded navigation focused without obscuring the page beneath it.
Scroll
Layered parallax moves imagery, text, and botanical elements at different speeds, creating depth inspired by the resort’s natural, treetop setting.
Scroll
Layered parallax moves imagery, text, and botanical elements at different speeds, creating depth inspired by the resort’s natural, treetop setting.
Scroll
Layered parallax moves imagery, text, and botanical elements at different speeds, creating depth inspired by the resort’s natural, treetop setting.
Scroll
Layered parallax moves imagery, text, and botanical elements at different speeds, creating depth inspired by the resort’s natural, treetop setting.
Scroll
Layered parallax moves imagery, text, and botanical elements at different speeds, creating depth inspired by the resort’s natural, treetop setting.
Index Page
Flexible multi-column grids accommodate varied content while maintaining the large-scale image system.
Detail Page
Full-width parallax imagery creates an immersive transition between sections.
Index Page
Flexible multi-column grids accommodate varied content while maintaining the large-scale image system.
Detail Page
Full-width parallax imagery creates an immersive transition between sections.
Index Page
Flexible multi-column grids accommodate varied content while maintaining the large-scale image system.
Detail Page
Full-width parallax imagery creates an immersive transition between sections.
Index Page
Flexible multi-column grids accommodate varied content while maintaining the large-scale image system.
Detail Page
Full-width parallax imagery creates an immersive transition between sections.
Index Page
Flexible multi-column grids accommodate varied content while maintaining the large-scale image system.
Detail Page
Full-width parallax imagery creates an immersive transition between sections.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the content.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the content.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the content.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the content.
Parallax
Banner images use subtle parallax to add depth and movement without distracting from the content.
Desktop
Wide-screen layouts use generous negative space to keep large-scale imagery and content balanced.
Mobile
The mobile experience keeps room booking accessible throughout the site.
Desktop
Wide-screen layouts use generous negative space to keep large-scale imagery and content balanced.
Mobile
The mobile experience keeps room booking accessible throughout the site.
Desktop
Wide-screen layouts use generous negative space to keep large-scale imagery and content balanced.
Mobile
The mobile experience keeps room booking accessible throughout the site.
Desktop
Wide-screen layouts use generous negative space to keep large-scale imagery and content balanced.
Mobile
The mobile experience keeps room booking accessible throughout the site.
Desktop
Wide-screen layouts use generous negative space to keep large-scale imagery and content balanced.
Mobile
The mobile experience keeps room booking accessible throughout the site.
Index Page
Editorial content transitions into a flexible grid, allowing storytelling and browsing within the same page.
Index Page
A flexible multi-column grid accommodates varied content, while large-scale imagery breaks up denser sections.
Index Page
Editorial content transitions into a flexible grid, allowing storytelling and browsing within the same page.
Index Page
A flexible multi-column grid accommodates varied content, while large-scale imagery breaks up denser sections.
Index Page
Editorial content transitions into a flexible grid, allowing storytelling and browsing within the same page.
Index Page
A flexible multi-column grid accommodates varied content, while large-scale imagery breaks up denser sections.
Index Page
Editorial content transitions into a flexible grid, allowing storytelling and browsing within the same page.
Index Page
A flexible multi-column grid accommodates varied content, while large-scale imagery breaks up denser sections.
Index Page
Editorial content transitions into a flexible grid, allowing storytelling and browsing within the same page.
Index Page
A flexible multi-column grid accommodates varied content, while large-scale imagery breaks up denser sections.
Masonry
I implemented a JS masonry plugin to support varied image proportions within the Experiences index.
Detail Page
Generous negative space and parallax imagery carry the visual system into individual Experience pages.
Masonry
I implemented a JS masonry plugin to support varied image proportions within the Experiences index.
Detail Page
Generous negative space and parallax imagery carry the visual system into individual Experience pages.
Masonry
I implemented a JS masonry plugin to support varied image proportions within the Experiences index.
Detail Page
Generous negative space and parallax imagery carry the visual system into individual Experience pages.
Masonry
I implemented a JS masonry plugin to support varied image proportions within the Experiences index.
Detail Page
Generous negative space and parallax imagery carry the visual system into individual Experience pages.
Masonry
I implemented a JS masonry plugin to support varied image proportions within the Experiences index.
Detail Page
Generous negative space and parallax imagery carry the visual system into individual Experience pages.
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
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
Ray Johnson Estate
LaChapelle Studio
LaChapelle Studio
LaChapelle Studio