Skip to content

Conair

Slide 1
Slide 2
Slide 3
Slide 4

Introduction

Conair, a leading provider of hair appliances and hair care products, initiated a project to enhance its online presence and user experience. As the designer and frontend developer, my dual role was instrumental in enhancing Conair's website to better showcase its products and services while providing a seamless user journey.

My Role

Designer, Frontend/Backend Developer

Project Scope

2 UI/UX Designers, 1 Frontend Developer, Backend Developer Team

Link

https://www.hkconair.com/arrow_outward

Duration

4 months

Languages/Tools

  • WordPress
  • JavaScript
  • PHP
  • CSS
  • Elementor
  • Polylang

Problem Discovery

Conair did not have an official website to showcase its products and information, limiting its online visibility and accessibility to potential customers.

Identifying Pain Points

The existing Facebook page doesn't facilitate product showcasing or categorization, leading to user inconvenience and content mix-up

πŸ”Ž
Uncategorised and Disorganised Product Images
  • The Facebook page lacks filter options on profile pages, causing product photos to mix with other posts.
  • This makes it challenging for users to find specific products by category.
🌐
Absence of an Official Website
  • The lack of a dedicated website means essential information such as contact details, warranty information, and FAQs are unavailable.
  • This hindering user access to solutions and relevant details.

Final Outcome

Conair official website

Structured Product Categories

Seamless product discovery

Products divided into distinct pages by categories. Additionally, the 'Related Products' section at the end of each product detail page showcases items within same categories, streamlining user discovery and comparison.

Seamless Information Access

Empower users with easy navigation

Enhancements to the website ensure effortless access to essential information such as contact details, warranty information, and news.

Global Reach and Accessibility

Breaking Language Barriers

Implementation of bilingual support ensures inclusivity and accessibility for users.

Impact

Optimizing Accessibility and Visibility

01
Web Accessibility Score achieved

Web Accessibility Score resulted on PageSpeed Insights.

02
SEO Score achieved

SEO Score resulted on PageSpeed Insights