UI/ UX & Product Designer
uniqlo1.png

UNIQLO Redesign

UNIQLO cover.png

UNIQLO Redesign

 #UI/UX Redesign • Jun 2020

 
uniqlo.png
 

Before

ezgif.com-crop (2).gif

After

123-min.gif
 

Summary & Solution

Compared with the original version of UNIQLO's home page, the redesigned one is:

  1. Simplified or hidden the repeated functions and categories, which make the use of space more reasonable.

  2. Redesigned the interface to be more artistic and also solve the issue of messy and crowded layout.

  3. Designed the navigation bar to be consistent to prevent errors and confusions.

  4. Rearranged the placement of functions and categories referring to the users' needs and preferences.

 
 

Before

ezgif.com-crop (1).gif

After

ezgif.com-video-to-gif-min (1).gif
 

Before

ezgif.com-crop.gif

After

ezgif.com-video-to-gif (1)-min.gif
 

In the redesigned version of the Blog, users can clearly know the boundary of each blog, and will not encounter the situation of unsure which blog caption belongs to.

 

In the Message interface, I basically kept the original design, but adjusted the size of the font, and the position of the icon and logo on the basis of it to solve the problem of excessive font size and crowded interface mentioned by users.

 

Reflection

One problem I have been thinking about during this redesign is how can I solve the problems mentioned by users while retaining the original design of the app. I don't want to design the app beyond recognition and like a totally different app. This redesign was an interesting challenge for me. Maybe it is not the best, but it made me learn a lot.

 

References

  1. UNIQLO. “STORE LOCATOR.” UNIQLO, www.uniqlo.com/sg/shop/.