{"id":448,"date":"2023-03-02T16:23:53","date_gmt":"2023-03-03T00:23:53","guid":{"rendered":"https:\/\/www.jwhittington.net\/?p=448"},"modified":"2024-08-30T09:22:37","modified_gmt":"2024-08-30T16:22:37","slug":"astro-gaming-a30-headset","status":"publish","type":"post","link":"https:\/\/www.jwhittington.net\/?p=448","title":{"rendered":"Astro Gaming A30 Headset"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase\">Project overview<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Low_Resolution_JPG-A30-Wireless-Headset-PC-Navy-5MB-16x9-ENVR-05.jpg\" alt=\"\" class=\"wp-image-449\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Low_Resolution_JPG-A30-Wireless-Headset-PC-Navy-5MB-16x9-ENVR-05.jpg 1000w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Low_Resolution_JPG-A30-Wireless-Headset-PC-Navy-5MB-16x9-ENVR-05-300x169.jpg 300w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Low_Resolution_JPG-A30-Wireless-Headset-PC-Navy-5MB-16x9-ENVR-05-768x432.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px;font-style:normal;font-weight:300;text-transform:uppercase\">Research<\/h2>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">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.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">The first step in the design process was to research the A30 headset and its target audience. This involved studying the product&#8217;s specifications, understanding its features, and researching the preferences and habits of gamers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px;font-style:normal;font-weight:300;text-transform:uppercase\">Wireframes &amp; mockups<\/h2>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1470\" height=\"2322\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654.png\" alt=\"\" class=\"wp-image-655\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654.png 1470w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654-190x300.png 190w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654-648x1024.png 648w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654-768x1213.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654-972x1536.png 972w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/astro654-1297x2048.png 1297w\" sizes=\"(max-width: 1470px) 100vw, 1470px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">After finalizing the wireframes, I moved on to the visual design mockup. I chose a color scheme that was consistent with A30&#8217;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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px;font-style:normal;font-weight:300;text-transform:uppercase\">Assets<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1470\" height=\"3092\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro.png\" alt=\"\" class=\"wp-image-658\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro.png 1470w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro-143x300.png 143w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro-487x1024.png 487w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro-768x1615.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro-730x1536.png 730w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/assets_astro-974x2048.png 974w\" sizes=\"(max-width: 1470px) 100vw, 1470px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">I created a section for detailed hotspots on the A30 headset, providing detailed information about the headset&#8217;s technical capabilities and adjustable mic features.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/HotSpot.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1845\" height=\"985\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/HotSpot.png\" alt=\"\" class=\"wp-image-455\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/HotSpot.png 1845w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/HotSpot-300x160.png 300w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/HotSpot-1024x547.png 1024w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/HotSpot-768x410.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/HotSpot-1536x820.png 1536w\" sizes=\"(max-width: 1845px) 100vw, 1845px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px;font-style:normal;font-weight:300;text-transform:uppercase\">Final Design<\/h2>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">The final product page for the Astro Gaming A30 headset features a clean and creative design that highlights the product&#8217;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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Home-page-Banner.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Home-page-Banner-1024x576.png\" alt=\"\" class=\"wp-image-474\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Home-page-Banner-1024x576.png 1024w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Home-page-Banner-300x169.png 300w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Home-page-Banner-768x432.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Home-page-Banner-1536x864.png 1536w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Home-page-Banner-2048x1152.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Astro-A30-Navy-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1850\" height=\"13415\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Astro-A30-Navy-2.png\" alt=\"\" class=\"wp-image-452\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Astro-A30-Navy-2.png 1850w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Astro-A30-Navy-2-768x5569.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Astro-A30-Navy-2-212x1536.png 212w\" sizes=\"(max-width: 1850px) 100vw, 1850px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>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,&hellip; <\/p>\n","protected":false},"author":1,"featured_media":450,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/posts\/448"}],"collection":[{"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=448"}],"version-history":[{"count":17,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/posts\/448\/revisions"}],"predecessor-version":[{"id":676,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/posts\/448\/revisions\/676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/media\/450"}],"wp:attachment":[{"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}