Before & After

Previous Landing Page

Current Redesigned Landing Page

 

The Desktop Landing Page

Pain Points: In the previous design, the CTAs would get lost in the footer and looked too similar to the main navigation at the time. Users would then gravitate to the main navigation that did not direct them to the department sale pages.

Approach: Redesigning the CTAs to use carats was part of a previous project that I decided to implement here as well. The A/B test where I redesigned the traditional button graphic to a carat proved that there was no negative impact on click rate. In this case, it also created a cleaner interface and differentiated the sale buttons from the main navigation.

 
 
 

Original Mobile Page

Redesigned Mobile Page

 
 

The Mobile Site

Pain Points: All items that were on sale would be displayed on this screen with no ability to sort by department.

Approach: Clearly let the user know what page they have landed on by using the same "Sale" graphic as the desktop page. The CTAs were condensed into a dropdown menu for consistency with the standard design that Old Navy is using.