Steelseries E Commerce Redesign

Sep 21, 2020 min read

This project aims to redesign the e.com shopping experience for the gaming manufacturers to improve the site navigation and overall product experience. This client seeks to create an overarching experience of gaming across all the product categories that eventually results in better user experience and establishing a powerful brand in the gaming industry. The pages are redesigned keeping the heuristics and UX conventions as a standard process.

Duration:* Freelance Project*

Tools:* Figma, Adobe suite*

Deliverables: Redesign Landing Pages, Product Page

Methodology:* Heuristics Analysis, Hi-fidelity mockups, prototype*

Heuristics Usability

A heuristic evaluation is a way to test whether a website is user friendly. It is a checklist that tests the site’s usability. The steelseries website is evaluated under the following Heuristics standards to determine the usability of the site.

#1: Visibility of system status.

#2: Match between system and the real world.

#3: User control and freedom.

#4: Consistency and standards.

#5: Error prevention.

#6: Recognition rather than recall.

#7: Flexibility and efficiency of use.

#8: Aesthetic and minimalist design.

#9: Help users recognize, diagnose, and recover from errors

#10: Help and documentation

Website Glows

Website Opportunity Areas

Competitive Landscape

1. CONTENT STRATEGY

Current Navigation

Revised Navigation

Current Landing Page

Revised Landing Page

Heuristics Analysis

2. SITE ARCHITECTURE

Current Product Page

Revised Product Page

Heuristics Analysis

Current Product List Page

Revised Product List Page

Heuristics Analysis

Current Checkout Page

Revised Checkout Page

Heuristics Analysis

3. CONSISTENCY & STANDARDS

CTA Buttons

Platform Conventions

The E.com standard conventions followed across industries, definitely provides a seamless product experience to the user. Hence, redesigning certain sections about product attributes would allow the customer to stay connected to the shopping experience at all times. The overarching product detail label would let the user explore everything about that product in one single place.