Backpack Feature
Single page redesign highlighting features and functionality of best-selling backpacks and lunch boxes.
Project
The backpack and lunch box category is a critical part of the e-commerce experience for both parents shopping for their children. As part of my design work, I was tasked with the challenge of redesigning the category’s single product page to improve both its visual appeal and user experience.
Platform
Year & Timeline
Role
Desktop, Mobile Web
2024 / 3 weeks
UI, Prototype
Problem
Goal
The existing backpack features and specifications page was confusing for users, with overwhelming amounts of text and poorly structured content. The lack of a clear hierarchy meant that key information like dimensions, materials, and special functionalities were buried, contributing to user frustration and reducing engagement with the products. Additionally, the page was not fully optimized for accessibility, making it difficult for users with disabilities to interact with the content.
The goal was to enhance the user journey by creating a more streamlined and visually engaging page that would boost product discoverability and drive conversions.
Areas of Focus
Accessibility Implementations
Information Presentation
I used collapsible sections for detailed product specifications and features, allowing users to expand the content when needed without overwhelming them with too much information upfront. This improved the page's overall readability and kept the focus on key selling points.
Clear Visual Hierarchy
I ensured the redesigned page followed web accessibility guidelines by increasing color contrast for readability. I also made interactive elements like dropdowns and comparison tables fully accessible via keyboard navigation.
Mobile Optimization
Using a combination of typography, color, and layout design, I created a clear visual hierarchy that guided users through the page. Key features like product dimensions, age, and height specifications were highlighted using darker colors, while secondary information was deemphasized to reduce visual clutter.
With a growing number of mobile shoppers, I optimized the design for mobile users by ensuring that all elements were touch-friendly, and the layout adapted seamlessly to smaller screens. Features such as swiping between products and easy-to-tap buttons were added to improve the mobile experience.
