Coded navigational UX framework (mp4)
Logged Out State (guest)
Overview of desktops navigational framework. Emphasis on search functionality as well as entry points to global areas like Sell, Notifications, Lists (watched, saved, etc.), Cart, and Account. Contextual navigation strip for browsing and adjacent links. Identified encouragements to get users to create an account for greater site-wide benefits.
Logged In State
The entire navigational experience updates to become more tailored and personalized for the user. Search begins to incorporate more relevant content so that users can resume where they left off or discover new things. Instead of taking users to a dedicated selling lp, we bring preferred actions to them. Goodbye a dedicated "myeBay" zone, the entire experience is yours, reflected by your profile photo to indicate it's a place for all of your things to manage.
Account
Goodbye "myEbay"—that's dated. This is simply your account reflected by your profile photo with access points to your most important areas. Use the lightweight flyout from the main nav, or access your hub. Tabs allow you to easily navigate between adjacent areas of your account from favorites, orders, etc. The ux platform framework comes to live with filters and side panels, making more complex interactions still feel manageable with focus on the canvas.
Hearting items
eBay struggled with providing users a clear experience around saving items. They didn't know how to access the actions, and once saved, they struggled to know where saved items live within the experience.
This prototype elevates saves actions and brings them contextually to item tiles for quick and easy action. We also proposed creating a dedicated and global entry point within the header so that users can always find items that they're most interested in.
Functional and fun animations help to draw attention to the saves space while the delight of the animation shows that eBay sweats the details.
View Item animated nav
Nav exploration on View Item to bring critical buy actions to the user even if they scroll down the page.
Mobile Nav
Showcasing how the navigational framework should be fully responsive from mobile > desktop.