YETI - Tundra 45 Configurator
Overview
I led the design direction for the Tundra 45 3D Configurator, a high-fidelity interactive platform that empowers users to personalize their hard coolers through real-time 3D visualization. By allowing users to configure base colors, trim kits, and compatible accessories in a 360-degree environment, the tool significantly enhances product education and user engagement. Serving as the primary design liaison with the external partner, ThreeKit, I provided creative oversight to ensure the interface remained strictly aligned with YETI’s premium brand standards. Through a series of iterative working sessions and cross-functional communication, we successfully delivered a seamless, on-brand experience that redefines product personalization for the outdoor industry.
As a UX/UI Designer at YETI, I have been working on variety of site wide projects that consumers experience for the brand. I was in charge of the ideation, design/development specification. Worked closely with developers throughout the build and QA sessions. Worked closely with the Senior Manager UIUX Designer for the advise.
Role: Lead UX/UI Designer
Team: UX/UI Design Manager, Digital Product Manager, ThreeKit
Year: 2025
Project Type: Project lead, New Feature, UX/UI Design, Interaction Design, User Centric Design, Animation, Prototyping
The Design
The design utilizes interactive animations and zoom-responsive textures to provide a tactile feel, enabling users to explore base colors, trim kits, and accessory compatibility with immediate visual feedback. From a UX standpoint, we prioritized clarity by embedding toggle-able dimensions and interactive hotspots, ensuring the complex configuration stayed intuitive. This project was a major exercise in cross-functional stakeholder management, requiring close alignment with Merchandising and Brand teams to ensure every 3D asset remained consistent with YETI’s premium identity. The successful deployment has notably optimized the conversion funnel by providing users with the confidence to visualize their unique builds in a high-resolution space. This has been live and the engagement rate is high.
Enjoy this awesome experience at https://www.yeti.com/cooler-customization!
Color Tab
Users can select the base cooler color and it will update on the preview accordingly.
Trim Kit Tab
Users can select the Trim Kit color and it will update on the preview accordingly. Trim Kit is the handle and latches.
Accessories Tab
Users can select compatible accessories as options and it will update on the preview accordingly. Users can see accessories with the lid opened and closed.
Cooler Lid Open / Close Toggle
Users can open and close the lid and it will still allow users to freely rotate and see accessories with the lid opened and closed. it allows more realistic product view.
Dimensions
Users can see dimensions as they rotate the cooler model. Users can also toggle between inches and centimeters.
Takeaways
This project represented a pivotal moment in my professional development, allowing me to direct large-scale design efforts while fostering collaboration between internal teams and external agencies. I successfully maintained YETI’s premium identity through meticulous design direction and a focus on user-centric design. This experience has solidified my ability to present complex design strategies to stakeholders and manage multifaceted work streams. I am dedicated to applying these refined competencies and my specialized interest in interactive UI to future strategic initiatives, ensuring that every project I lead continues to push the boundaries of the brand’s digital experience.