During my time at eBags, I maintained ownership over the navigation and user flow from site entry to checkout. Working with merchandisers, creative, photographers, front-end developers, QA, and marketing, I designed various global navigation experiences and improved the overall user journey for our customers.
This had been an ever evolving project as there were numerous list pages with a wide variety of sub-categories to feature. Mobile solutions have been the most difficult to decipher as eBags needs to feature stories (for continuation) from other pages as well as save vertical space
For the desktop flyaway, I decided to go with a more isolating design that keeps the full focus on the flyaway experience. Making the width 100% and blurring the background under the flyaway, it keeps the user's focus on the task of navigation without being distracted by imagery featured below.
Mobile Hamurger Menu
Keeping consistent design with the desktop experience, I designed a 75% width panel flyaway with a panel shift first interaction and twirl down second interaction.
Horizontal List Page Navigation
The main objective of this redesign was to eliminate white space on top of the left navigation and condense the room taken by the active filters and sorting dropdown.
Mobile List Page Visual Navigation
This was the biggest challenge during my time at eBags. The new design below was the visual navigation with the best list page conversion rate. Consolidating mobile real estate and creating an evergreen experience using scrolling text were the key driving factors behind this design choice.
List Page Left Navigation
A clean and consistent design with similar elements used in the mobile flyaway was the main goal for branding consistency.
The dark blue background was much too heavy on the page and I chose a much more clean and light experience to anchor the page.