MIYI Hair

View project
client
MIYI Hair
role
Product Designer
timeline
May 2019 – Sep 2022

Overview

Led the design and prototyping of new user interface concepts across the website, creating intuitive experiences that improved usability and engagement. Developed interactive prototypes to demonstrate new functionality, user flows, and interface behaviour before implementation.

The MIYI Hair homepage, showing the campaign hero and product category tabs
The MIYI Hair homepage, with product categories surfaced directly beneath the campaign hero.

Key Responsibilities

  • Designed wireframes, interactive prototypes, and high-fidelity UI designs for mobile and web platforms using Sketch and InVision.
  • Created and refined the layouts for key website features, including the video and blog pages, which were successfully implemented by the development team.
  • Designed interface interactions and micro-animations, including button states and user feedback, to improve usability and create a more engaging user experience.
  • Presented design concepts, research findings, and visual inspiration to the Lead UI/UX Designer, contributing to product direction and feature development.
  • Collaborated closely with developers to ensure designs were implemented accurately and maintained a consistent user experience.
  • Proposed and validated UI improvements aimed at increasing website traffic, user engagement, and customer conversion.

Research

Conducted ongoing user research and competitor analysis to ensure the platform remained aligned with evolving trends within the Afro-hair industry, identifying opportunities to improve the user experience and increase customer engagement.

The MIYI Hair blog page, with a hair-care feature panel above a two-column article grid
The blog page — one of the layouts taken through to implementation with the development team.
The MIYI Hair videos page on mobile, listing customer tutorials with play buttons
The videos page on mobile, built around customer-made tutorials and reviews.
The MIYI Hair support page on mobile, with shipping, FAQ and hair-care sections
The support page on mobile, structured around shipping, FAQs and hair-care guidance.