top of page

H&M
Redesign

About the Project

Company

Hennes & Mauritz (H&M)

Responsibilities

Conduct user research, define problems, create interactive prototype as an overview of the application to be develop.

Reason for Redesign

This application has several problem, such as in the appearance and function of the application, which makes users difficult and uncomfortable.

Goals Project

H&M Mobile App redesign aims to improve the User Experience in the App without changing the main objective. 

Background

The H&M mobile app is a mobile-based application developed by the Swiss fashion company Hennes & Mauritz (H&M). This H&M company was founded in 1997 located in Stockholm. This application was develop with the aim of providing online purchasing services for H&M products. However, in its implementation H&M Mobile App has several problems with either appearance and function that makes users feel difficult and uncomfortable.

Timeline

Research and Define the problem

8-9  May 2022

Ideate and create Wireframe

10-11  May 2022

Create Hi-Fi and Prototyping

7-8  May 2022

Testing

12  May 2022

Research Methodology

In-Depth Interview

Interviews conducted with 5 participants who had experience with the application.

User Persona

User Journey Map

Pain Point & Room for Improvements

Home Page

Pain Point

  • The display on the Home Screen is not clear because there is only a poster image that fills the screen.

  • The navbar layout is uncomfortable to look at. 

Room for Improvements

  • Fix the display layout on the Home Page.

  • Fix the navbar layout.

Filters Page

Pain Point

  • The Filters Page is ambiguous.

Room for Improvements

  • Improv the Filters Page with simple classification.

Item Option Page

Pain Point

  • The “Category” feature on the Item Options Page only has an “All” option so its functionality is lacking.

  • The “Product” and “Model” features on the Item Options Page are not actually necessary.

  • The text "out of stock" is not very visible.

  • There are 2 basket icons on the item options page, namely at the top and the navigation bar.

Room for Improvements

  • Remove the "Category" feature and the "Product" "Model" feature.

  • Make the color of the "out of stock" text more contrast with the background and change the position of the text.

  • Remove the cart option in a section.

Details Page

Pain Point

  • The product photo on the item details page is too large.

  • On the item details page the text "Details" is not visible.

  • The font on the item details page is too small.

  • There is no option for the number of items to be add to the cart on the "Item details" page.

Room for Improvements

  • Reduce product photos to make them more concise and pleasing to the eye.

  • Delete the text "Details" and increase the description details of the under the image.

  • Added item quantity option on this page.

Shopping Bag Page

Pain Point

  • There is no "Checkbox" feature on the cart page that functions to select and sort items you want to checkout or not.

Room for Improvements

  • Added a checkbox feature so users can easily choose which items they want to buy.

Redesign

Prototype

Before

After

->

->

->

->

->

bottom of page