Victoria's Secret E-Commerce Redesign

After redesigning Victoria's Secret's entire m-commerce site, I redesigned the desktop experience. This included designing an entirely new grid structure for several snap points to accommodate several layouts: Homepage, Category, and Collection pages. The new grid structure was key to improving efficiency amongst the production team since assets could now be shared across different pages of the site. The new layout also promoted a new visual hierarchy so that any variety of features from standard, to double wide, and double tall could be used.

 Redesigned a branded tab navigation for both Victoria's Secret and PINK. Each brand includes their very own main navigation for each of their categories.

Redesigned a branded tab navigation for both Victoria's Secret and PINK. Each brand includes their very own main navigation for each of their categories.

 New expanded navigation, also referred to as the all-at-once nav, allowed for customers to view all collections at once. The new design also included a carousel for marketing purposes. 

New expanded navigation, also referred to as the all-at-once nav, allowed for customers to view all collections at once. The new design also included a carousel for marketing purposes. 

 Updated the product page template to align to our new grid and uplifted UI to align with the new look and feel. 

Updated the product page template to align to our new grid and uplifted UI to align with the new look and feel. 


Homepage & Category Landing Page Redesign
The Victoria’s Secret's new homepage grid structure was built for two snap points: 1024px and 1280px wide. The layout allowed for any variety of features from standard, to double wide, and double tall. 


Victoria's Secret UI Kit Redesign