UNIQLO
Hong Kong & Taiwan
DURATION.
Jun 2023 – Aug 2024
TOOLS.
Hands | Radica | Visual Stuido Code | Figma | Illustrator | Photoshop | Zoom | Excel
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 played role in the leader of the Uniqlo Taiwan team. I conducted backend maintenance daily to update the page contents and selling items with coding and backend system.
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.