{"id":414,"date":"2023-03-01T09:18:03","date_gmt":"2023-03-01T17:18:03","guid":{"rendered":"https:\/\/www.jwhittington.net\/?p=414"},"modified":"2024-08-29T22:03:18","modified_gmt":"2024-08-30T05:03:18","slug":"logitech-vantum-gaming-chair","status":"publish","type":"post","link":"https:\/\/www.jwhittington.net\/?p=414","title":{"rendered":"Logitech Vantum Gaming Chair"},"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-large\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/02\/Desktop-HPB-3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/02\/Desktop-HPB-3-1024x546.jpg\" alt=\"\" class=\"wp-image-426\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/02\/Desktop-HPB-3-1024x546.jpg 1024w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/02\/Desktop-HPB-3-300x160.jpg 300w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/02\/Desktop-HPB-3-768x410.jpg 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/02\/Desktop-HPB-3-1536x820.jpg 1536w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/02\/Desktop-HPB-3.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">Herman Miller is a well-known brand that offers ergonomic chairs to businesses and individuals. Herman Miller recently teamed up with Logitech and launched a new chair called Vantum Gaming Chair, specifically designed for gamers. This case study aims to showcase the design process of the UI\/UX layout for the new Vantum Gaming Chair product page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"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\">To begin with, extensive research was done to understand the target audience, their preferences, and their pain points. Based on the research, it was evident that gamers prioritize comfort, posture, and flexibility in their gaming chairs. They also prefer chairs with adjustable features, such as armrests, headrests, and support from head to toe.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase\">Wireframe and mockups<\/h2>\n\n\n\n<p class=\"has-black-color has-text-color\" style=\"font-size:16px\">I created a wireframe to plan the layout of the page. The wireframes were designed to ensure the content was well-organized and easy to navigate for the user. After several iterations, we finalized the wireframes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1470\" height=\"2951\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1.png\" alt=\"\" class=\"wp-image-666\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1.png 1470w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1-149x300.png 149w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1-510x1024.png 510w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1-768x1542.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1-765x1536.png 765w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mod1-1020x2048.png 1020w\" 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 the wireframe was approved I created a mock-up using the brand\u2019s colors and fonts, keeping in mind the preferences of the target audience. The design was kept minimalistic with a focus on the product. High-quality images of the product were added to showcase the different features of the Herman Miller Vantum Gaming Chair.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase\">Visual Assets<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1470\" height=\"2283\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets.png\" alt=\"\" class=\"wp-image-668\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets.png 1470w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets-193x300.png 193w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets-659x1024.png 659w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets-768x1193.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets-989x1536.png 989w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2024\/08\/mode_assets-1319x2048.png 1319w\" sizes=\"(max-width: 1470px) 100vw, 1470px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"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 Logitech Herman Miller Vantum Gaming Chair page\u2019s UI\/UX was designed to meet the needs and preferences of the gaming audience while staying true to the brand\u2019s image. The page is easy to navigate, informative, and visually appealing. The design process involved extensive research, wireframing, mock-up creation, and usability testing to ensure a seamless user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Mode-Gaming-Chair-LP-fixed.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1900\" height=\"9412\" src=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Mode-Gaming-Chair-LP-fixed.png\" alt=\"\" class=\"wp-image-430\" srcset=\"https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Mode-Gaming-Chair-LP-fixed.png 1900w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Mode-Gaming-Chair-LP-fixed-207x1024.png 207w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Mode-Gaming-Chair-LP-fixed-768x3804.png 768w, https:\/\/www.jwhittington.net\/wp-content\/uploads\/2023\/03\/Mode-Gaming-Chair-LP-fixed-310x1536.png 310w\" sizes=\"(max-width: 1900px) 100vw, 1900px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Project overview Herman Miller is a well-known brand that offers ergonomic chairs to businesses and individuals. Herman Miller recently teamed up with Logitech and launched a new chair called Vantum Gaming Chair, specifically designed for gamers. This case study aims to showcase the design process of the UI\/UX layout for&hellip; <\/p>\n","protected":false},"author":1,"featured_media":435,"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\/414"}],"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=414"}],"version-history":[{"count":18,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/posts\/414\/revisions"}],"predecessor-version":[{"id":669,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/posts\/414\/revisions\/669"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=\/wp\/v2\/media\/435"}],"wp:attachment":[{"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jwhittington.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}