Project overview

The latest from ASTRO and greatest collab with Logitech G introduced its latest product called the A30 wireless headset, the A30 a new gaming headset compatible with Xbox, PlayStation, and PC. The new headset comes with a set of unique features such as 24GHz and Bluetooth wireless connectivity, add-on adjustable boom mic, and a mobile app to provide excellent sound quality. The A30 product page needed to be creatively different from the other Astro headsets, well-designed and optimized to showcase the cross compatibility features of the A30 wireless headset effectively.

Research

The primary objective of this UI/UX product page case study is to design a visually appealing and user-friendly product page that effectively showcases features, social media influencers and the mobile app benefits of the A30 wireless headset.

The first step in the design process was to research the A30 headset and its target audience. This involved studying the product’s specifications, understanding its features, and researching the preferences and habits of gamers.

Wireframes & mockups

Based on the research, I created wireframes that outlined the layout and structure of the product page. The wireframes included sections for product images, features, benefits, specifications, cross sell, and a call-to-action buttons.

After finalizing the wireframes, I moved on to the visual design mockup. I chose a color scheme that was consistent with A30’s color scheme, using a combination of dark blue, red, and black colors. The design was kept clean and simple, with sections draw attention to the creative photography.

Assets

I created a section for detailed hotspots on the A30 headset, providing detailed information about the headset’s technical capabilities and adjustable mic features.

Final Design

The final product page for the Astro Gaming A30 headset features a clean and creative design that highlights the product’s features and style. The page is divided into sections, with large product images at the top and sections for features, mobile app benefits, specifications, and cross sell section. A call-to-action button is prominently displayed, making it easy for users to make a purchase.