UNIQLO

Hong Kong & Taiwan

DURATION.

Jun 2023 – Aug 2024

TOOLS.

BACKGROUND.

株式会社ユニクロ is a Japanese casual wear designer and retailer. The business focuses on producing basic, functional clothing aligns with consumers' growing interest in the "slow fashion" movement.

MY ROLE.

UX/UI Designer: In this project, I served as the team lead for the UNIQLO Taiwan web page team. My responsibilities included daily backend maintenance—updating page content and managing product listings through both coding and the backend system. I also led the overall design process, focusing on creating intuitive user flows and ensuring visual consistency across the platform to deliver a great user experience.

Website Maintenance.

The tasks involved monitoring web traffic, updating content, producing special features, testing web speed, and ensuring that the links work on the website.

The process would be running once every week. The new content would be launched every Friday morning.

I was responsible for the pages that included Home page(L1), Sub-pages(L3), Feature pages, UT pages, Live pages and E-newsletter.

Overview.

The process was recurring every week.

STEP 1

Meeting
We held a Zoom meeting with the clients to identify the needs of the next content.

STEP 2

Site Guideline
We received a site guideline for each tailored to meet unique needs.

STEP 3

Wireframing
We made the wireframes to the programmer and designer to ensure the page content and functionality were positioned correctly.

STEP 4

Production
I inspected all the image sizes and details. We ensure the content is correct before the programmer produces the interface by HTML/CSS.

STEP 5

Testing
TestingWe produced the test page and sent it to the client. They would get a comment back to us the next day.

Step 6

Revising
We conducted the revision based on their comments to create the 2nd test page or 3rd test page.

Step 7

Produce APP
I proofread the content was synced between the interface of PC & H5. After that, I would produce the APP interface.

Step 8

Launch Site
We used some tools that tested across a bunch of pages before publishing.

E-newsletter

Identify where images, CTAs. When planning the design, we considered the visual hierarchy. Place the most important content at the top and use headings, subheadings, and images to break up text.

Page Organization.

navigation

Improved IA and Labelling Acheives 85% Task Completion

Previously each navigation header had two to five subheadings, leading to only 45% task completion during tree testing. We increased task completion to 95% after adding more sub-headers and improving label names.