Website Designs
Figma
2025-2026
These UI designs represent updates to the Dr. Dennis Gross Skincare website, each focused on improving clarity, navigation, and the overall user experience. Leading the design direction, projects included a redesigned nav dropdown, a moisturizer comparison section on the PDP, and consolidated dropdown menus for the Peels and Lip Tints product lines. Each update was designed in Figma across desktop and mobile specs, balancing brand consistency with a cleaner, more intuitive interface.
Nav Dropdown
A full redesign of the site navigation for desktop and mobile, initiated by the digital team to modernize the browsing experience. The updated nav introduces imagery and CTAs within each dropdown tab, adding visual context and driving discoverability. New and upcoming pages are differentiated through a color-coded highlight system, with yellow indicating new pages or products and grey marking secondary additions.
Multiple specs and layout variations were explored to present options to the team. Supporting visuals within each tab were also created independently to demonstrate relevance to each category and showcase upcoming product. PDP badges were reintroduced within the nav to surface new and FSA/HSA eligible products.
Currently in development.
PDP Moisturizers Compare Section
A comparison module designed for the moisturizer PDP, giving users a side-by-side breakdown of three hero moisturizers. The section surfaces key decision-making information including hero ingredients, product descriptions, skin concerns, skin types, and AM/PM usage, alongside product imagery, ratings, and direct add-to-cart functionality.
The goal was to simplify the path to purchase by helping users quickly identify which moisturizer best fits their needs without leaving the page.
Currently in development.
Lip Tints Dropdown
Previously, each lip tint shade had its own individual product page. To streamline the shopping experience, the shades were consolidated into a single PDP, with a dropdown selector allowing users to choose their preferred shade directly on the page. This reduced friction in the browsing experience and created a cleaner, more intuitive path to purchase. Now live on the Dr. Dennis Gross Skincare website.