Role

UI Designer
Project Lead

Agency

U10 Design Inc.

Duration / Year

7 months / 2023

Client

Logitech G

Logitech G CLOUD Product Detail Page Redesign

U10 had previously partnered with Logitech G on the G CLOUD launcher interface, developing a strong understanding of the product and its target audience. Building on this relationship, Logitech G entrusted us with optimising G CLOUD's onboarding experience, starting with the Product Detail Page.
‍
Redesigned the Logitech G CLOUD Product Detail Page, restructuring the information architecture and visual hierarchy based on gamer behaviour insights to elevate the overall browsing experience. Delivered a complete UI design with and a scalable design system and components for the client team's future reference.

My Role: Delivered actionable, functional UI design while optimising the overall UX. Beyond creating a sleek UI design, I oversaw work progress, design quality, and stakeholder alignment across the client PM, engineering, and internal design teams.

Confidential or proprietary details have been omitted in this portfolio

background

As a new product category built on an unfamiliar playing scenario — cloud gaming — many gamers struggled to understand how Logitech G CLOUD works and how it fits into their lives through the current Product Page, resulting in a drop in purchase intent.

Our Goal

Create a scenario-based introduction and easy-to-navigate e-commerce page that improves gamers' understanding of
Logitech G CLOUD

My Challenge

Maintain full consistency with Logitech G's brand & visual guidelines

Balance design with development limitations and cross-product scalability

Stakeholder alignment across marketing, branding, engineering, and design teams, while balancing gamers' expectations

Takeaway

The real challenge wasn't creating something visually impressive; it was improving the overall experience within a framework designed to scale across Logitech G’s wider product range.

Working within Logitech G's existing e-commerce framework meant every design decision had to extend beyond this single page. Even decisions around the buy module, information hierarchy, and interaction patterns had to consider the wider system and engineering constraints behind the template.

In retrospect, this pushed me to think more carefully about reusability and consistency, which may be the most transferable skill I took from this project.

Other works

Tate Teens

Collaboration with Tate to empowering teens through art and museums for personal growth and cultural connection

Feedie

Feedie is a community platform making food support easier to access, connecting food, people, and community care

Tencent START Gaming Controller

An exploratory concept grounded in gamer behavior and interaction to reimagine a next-gen controller