During my time at eBags, I have been the lead digital designer on all externally facing elements. Working with co-workers such as: Merchandisers, our creative director, photographers, front-end developers, QA specialists, and marketing, I have designed numerous global element experiences and improved the overall user journey for our customers.
This has been an ever evolving project as there are 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
So far this has been the biggest challenge during my time at eBags. Thus far, the new design below has been the visual navigation with the best list page conversion. 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.