Brand Microsite & Prototype

YETI - Responsive Microsite Concept

This single-page microsite concept showcases how YETI’s existing brand system can extend into a focused digital storytelling experience.

Designed outside of a traditional e-commerce structure, the layout emphasizes clear hierarchy, controlled pacing, and product-driven narrative. The core identity remains intact, with the execution centered on structure, responsiveness, and brand consistency.

  • All visual elements follow YETI’s established brand system, including typography, color, and tone. The identity was not redesigned — the focus was on disciplined execution. The result is a microsite that feels consistent, intentional, and aligned with YETI’s existing brand presence.

  • The microsite is structured as a single-page narrative, guiding users from brand story to product focus through deliberate pacing and hierarchy. Content blocks are sequenced to maintain momentum while reinforcing product value without overwhelming the layout.

  • The microsite was designed across desktop, tablet, and mobile breakpoints. Each layout was intentionally adapted to preserve hierarchy, pacing, and readability — ensuring consistency across devices rather than a simple scaled-down experience.

  • The final designs were developed into an interactive prototype to demonstrate scroll behavior, layout transitions, and responsive adjustments. This allows viewers to experience the flow and structure as a functioning digital product rather than a series of static screens.

Microsite Walkthrough

A brief scroll-through highlighting layout, hierarchy, and pacing across the microsite experience. Structured as a single-page narrative, the design moves from brand story to product focus with minimal friction.

Previous
Previous

Product Redesign

Next
Next

Wayfinding Case Study