Logitech Product UI Redesign

Project Name: Logitech Product UI Redesign - M720 Wireless Triathlon Mouse

Introduction The aim of this project was to redesign the product display page for Logitech's M720 Wireless Triathlon Mouse. The focus was on improving the user experience, making the design modern, intuitive, and conversion-focused.

Objectives

1. Enhance product information hierarchy for better user understanding.

2. Improve visual aesthetics and brand alignment.

3. Optimize the interface for a seamless shopping experience.

4. Increase the click-through rate (CTR) for "Add to Cart" and "Buy Now" buttons.

Challenges

1. Organizing detailed product information without overwhelming the user.

2. Maintaining brand consistency while incorporating modern design principles.

3. Creating a responsive design suitable for various devices.

Design Process

1. Research and Inspiration

   • Conducted competitor analysis and studied existing Logitech pages.

   • Gathered user feedback on what features and layout were missing or difficult to navigate.

2. Wireframing

   • Created low-fidelity wireframes to establish the content layout and interaction flow.

   • Focused on balancing product details, pricing, and CTA visibility.

3. Prototyping

   • Designed a high-fidelity prototype using Figma.

   • Incorporated brand colors, modern typography, and interactive elements for hover effects.

4. User Testing

   • Conducted usability testing with potential users to gather feedback.

   • Iterated based on user insights to refine the design.

Key Features in the Design

1. Product Information Highlight

   • Product title and key features prominently displayed.

   • Ratings and reviews placed for immediate social proof.

2. CTA Buttons

   • "Add to Cart" and "Buy Now" buttons are visually distinct and strategically placed for easy access.

   • Clear EMI details to encourage informed purchase decisions.

3. Modern Aesthetic

   • Clean black background to draw focus to the product.

   • Minimalistic design elements to avoid distractions.

4. Mobile-First Design

   • Optimized for responsiveness across devices to ensure a consistent user experience.

Outcome

• Enhanced the user's ability to understand the product details at a glance.

  Conclusion This redesign project successfully demonstrated how modern design principles and user-centric layouts can improve a product’s digital presence and user interaction.

Feel free to reach out for collaboration or feedback on this project!