My Final Design Deliverable
Key User Flow A. When a gamer wants to purchase a personalized gear on the Logitech G website...
Key User Flow B. When a gamer wants to purchase a mod kit to upgrade the look and feel of their gaming gear on the Logitech G website...
Process Highlight: Research
This is a large cross-disciplinary design project with all digital UX design part, industrial design/CMF part, and technology innovation part. The team worked together on the research, ideation, and concept experience journey definition phases. Then each intern worked on the concept output of their discipline individually during the design phase.
Research & Ideation. During the research phase, we gained insights into the gaming gear customization market, and gamer's expectations, frustrations and motivations about their gaming gear customization. The key research activities included contextual inquiries (11 Logitech gamers), market research, tech research, trend exploration, affinity mapping, persona. Based on research, we conducted a collective ideation session.
Process Highlight: Concept Journey
The team collectively designed a concept experience journey. We took the gaming keyboard as the product example. Here is the journey overview:
Our customization framework consists of three key experience moments. The first key experience moment is Gear customization during the device purchase on the Logitech G website.
Key Experience Moment II : Personalized mod kit creation for the gear customization upgrade.
Key Experience Moment III : Purchase your mod kit on the Logitech G website.
Process Highlight: Web UX Design
Based on the unified concept experience journey map, I started working on designing the customization platform based on Logitech gaming shopping website.
1. Sitemap Analysis & IA Mapping. I analyzed the site map of Logitech Gaming website to see where our customization webpages should be located, and I designed a information architecture map to figure out how many screens need to be designed.
2. UX Wireframes. I designed wireframes of two core user flows: The keyboard customization flow and the mod kit customization flow.
3. Usability Testing. After conducting user testing with 2 friends and 1 lead designers, I validated the design. And I got the feedback that the current multi-page interaction model can be simplified. Using single page interaction model is more intuitive.
5. High Fidelity UI