ALOGIC
About Alogic
Alogic is a global manufacturer and distributor of tech accessories, electronics, operating across 25 countries. Specialise in delivering high-quality equipments to B2B and B2C.
Alogic website: https://www.alogic.co
How might we create a user-focused website for Alogic that not only showcases its innovative products but also simplifies the buying experience and connects users to the brand's values and mission?
When I was first approached by Alogic, the task was framed as "a simple website redesign" — updating the layout, enhancing the visuals, and improving user experience. But as I dug deeper through user research and stakeholder interviews, it became clear that the challenge was much bigger. There were several opportunities to solve user pain points, not just visually, but functionally and experientially.
Understanding the Problem
Through discovery sessions and customer feedback, I found that Alogic's website wasn’t fully catering to user needs, leading to confusion in product selection and an increase in customer support inquiries. These issues frustrated both users and internal teams, as the support staff struggled with repetitive questions that the website could have easily answered.
More importantly, I learned that Alogic’s brand identity wasn’t clearly communicated online. While the company prides itself on creating high-quality, innovative tech solutions, the website wasn’t effectively telling this story or highlighting the uniqueness of its products. The product pages lacked key details, such as showcasing standout features, side-by-side comparisons, and user reviews that could build trust and help customers make informed decisions. Additionally, the landing page failed to prominently feature new products or innovations, leaving customers unaware of Alogic's latest offerings. This resulted in customers feeling disconnected from the brand, overwhelmed by too many options, and unsure of what products would best meet their needs.
User Personas
Persona 1: Tech Enthusiast (John, 28)
Needs: Detailed product specifications, user reviews, and comparison features.
Pain Points: Difficulty in finding specific products and limited product information.
Persona 2: Casual Shopper (Sarah, 35)
Needs: Easy navigation, clear pricing, and a simple checkout process.
Pain Points: Overwhelming product options and a complicated checkout experience.
Revised Sitemap
I developed a content strategy and sitemap for Alogic that encourages a progressive exploration of the website. This approach ensures that users can access the most common and essential information directly from the homepage, such as product categories, key offerings, and promotions. A wider range of detailed product information, including comparisons and features, is just one click away, while users who need more in-depth resources or technical specifications can easily navigate to deeper layers of content. This structure made it easy for customers to explore Alogic’s extensive product range without feeling overwhelmed.
I designed the sitemap and layout with clear labels that address the primary user needs. The information architecture allows users to quickly access product details, support, and purchase options. It also integrates customer reviews, feature highlights, and new product launches, ensuring an intuitive and informative user experience. This approach not only helps users find what they need but also reinforces Alogic’s brand identity as a customer-centric, innovative tech company.
Alogic is a global manufacturer and distributor of tech accessories, electronics, operating across 25 countries. Specialise in delivering high-quality equipments to B2B and B2C.
Alogic website: https://www.alogic.co
How might we create a user-focused website for Alogic that not only showcases its innovative products but also simplifies the buying experience and connects users to the brand's values and mission?
When I was first approached by Alogic, the task was framed as "a simple website redesign" — updating the layout, enhancing the visuals, and improving user experience. But as I dug deeper through user research and stakeholder interviews, it became clear that the challenge was much bigger. There were several opportunities to solve user pain points, not just visually, but functionally and experientially.
Understanding the Problem
Through discovery sessions and customer feedback, I found that Alogic's website wasn’t fully catering to user needs, leading to confusion in product selection and an increase in customer support inquiries. These issues frustrated both users and internal teams, as the support staff struggled with repetitive questions that the website could have easily answered.
More importantly, I learned that Alogic’s brand identity wasn’t clearly communicated online. While the company prides itself on creating high-quality, innovative tech solutions, the website wasn’t effectively telling this story or highlighting the uniqueness of its products. The product pages lacked key details, such as showcasing standout features, side-by-side comparisons, and user reviews that could build trust and help customers make informed decisions. Additionally, the landing page failed to prominently feature new products or innovations, leaving customers unaware of Alogic's latest offerings. This resulted in customers feeling disconnected from the brand, overwhelmed by too many options, and unsure of what products would best meet their needs.
User Personas
Persona 1: Tech Enthusiast (John, 28)
Needs: Detailed product specifications, user reviews, and comparison features.
Pain Points: Difficulty in finding specific products and limited product information.
Persona 2: Casual Shopper (Sarah, 35)
Needs: Easy navigation, clear pricing, and a simple checkout process.
Pain Points: Overwhelming product options and a complicated checkout experience.
Revised Sitemap
I developed a content strategy and sitemap for Alogic that encourages a progressive exploration of the website. This approach ensures that users can access the most common and essential information directly from the homepage, such as product categories, key offerings, and promotions. A wider range of detailed product information, including comparisons and features, is just one click away, while users who need more in-depth resources or technical specifications can easily navigate to deeper layers of content. This structure made it easy for customers to explore Alogic’s extensive product range without feeling overwhelmed.
I designed the sitemap and layout with clear labels that address the primary user needs. The information architecture allows users to quickly access product details, support, and purchase options. It also integrates customer reviews, feature highlights, and new product launches, ensuring an intuitive and informative user experience. This approach not only helps users find what they need but also reinforces Alogic’s brand identity as a customer-centric, innovative tech company.
Solution: Key Features Implemented
Enhanced Home Page:
Visually appealing design with a modern aesthetic.
Clear navigation with prominent categories.
Credibility indicators such as customer testimonials and industry certifications.
Highlighted new products and features prominently on the home page.
Enhanced Navigation:
Simplified the navigation menu with clear categories: Monitors, Charging & Power, Docking Stations, Hub & Adapters, Ergonomics, Car Chargers.
Added a sticky search bar for easy access.
Product Pages:
Redesigned product pages with high-quality images, detailed specifications, and user reviews.
Clear and concise information highlighting product benefits.
Implemented a product comparison feature.
Easy-to-use “Add to Cart” and “Buy Now” buttons for a seamless purchase experience.
Advanced Search Filters:
Added filters for price range, brand, features, and ratings to help users quickly find what they need.
Streamlined Checkout Process:
Reduced the checkout process to three steps: Shipping Information, Payment Details, Order Review.
Enabled guest checkout to reduce friction for new users.
Mobile Optimisation:
Ensured a responsive design for a seamless experience across devices.
Simplified navigation and checkout for mobile users.
Final product
My solution incorporates a range of visual design principles, guided by the insights gathered during the research phase, to address the challenges users faced when navigating the website, finding product information, and making informed purchasing decisions. The design streamlines the product discovery process while reducing customer support inquiries, ensuring that users can effortlessly access product details, comparisons, and support resources.
The brand personality is reflected through a sleek, modern design that feels approachable, innovative, and professional—aligning with Alogic’s values of quality and customer focus. This approach not only enhances the user experience but also strengthens the connection between Alogic and its customers.
Enhanced Home Page:
Visually appealing design with a modern aesthetic.
Clear navigation with prominent categories.
Credibility indicators such as customer testimonials and industry certifications.
Highlighted new products and features prominently on the home page.
Enhanced Navigation:
Simplified the navigation menu with clear categories: Monitors, Charging & Power, Docking Stations, Hub & Adapters, Ergonomics, Car Chargers.
Added a sticky search bar for easy access.
Product Pages:
Redesigned product pages with high-quality images, detailed specifications, and user reviews.
Clear and concise information highlighting product benefits.
Implemented a product comparison feature.
Easy-to-use “Add to Cart” and “Buy Now” buttons for a seamless purchase experience.
Advanced Search Filters:
Added filters for price range, brand, features, and ratings to help users quickly find what they need.
Streamlined Checkout Process:
Reduced the checkout process to three steps: Shipping Information, Payment Details, Order Review.
Enabled guest checkout to reduce friction for new users.
Mobile Optimisation:
Ensured a responsive design for a seamless experience across devices.
Simplified navigation and checkout for mobile users.
Final product
My solution incorporates a range of visual design principles, guided by the insights gathered during the research phase, to address the challenges users faced when navigating the website, finding product information, and making informed purchasing decisions. The design streamlines the product discovery process while reducing customer support inquiries, ensuring that users can effortlessly access product details, comparisons, and support resources.
The brand personality is reflected through a sleek, modern design that feels approachable, innovative, and professional—aligning with Alogic’s values of quality and customer focus. This approach not only enhances the user experience but also strengthens the connection between Alogic and its customers.
