Gapetto Rugs web design
Product Overview
About client
Gapetto Rugs is a tufting studio located in Taichung City, Taiwan. Gapetto provides tufting workshops, customized tufting products, and business corporations. They want to bring fun tufting workshops and also introduce tufting to more people.
​
The problem
As the company grew, Gapetto Rugs did not have enough labor to manage workshop sessions. Customers used social media platforms ( Facebook, Instagram, Line) to make workshop reservations. However, this was inefficient as they gradually expanded their business.
​
The goal
Helped Gapetto Rugs to develop a website prototype with a reservation function. Therefore, the website could assist them in organizing and managing workshop sessions.
Role
UX Designer, UX Researcher​
Design toolkit
Figma | Miro | Illustrator | Photoshop
​
Project Duration
3 weeks
Process Overview
01
Research
​
Pain points
User persona
User journey map
02
Information Architecture
Website sitemap
​
​
03
Prototype
​
Digital wireframe
Low-fidelity prototype
High-fidelity prototype
04
Test
​
Usability testing
Affinity Map
​
05
Final Design
​
Redesign to make it more user-friendly
​
Research
Research Plan
-
According to the data from existing users, customers of Gapetto Rugs were 90 percent female and contained different occupations, such as a nurse, foreign teacher, and housewife.
-
Interviewed 2 potential customers and 3 existing customers from Gapetto Rugs via Zoom video call. We aimed to understand their needs and what they hoped the website would look like.
-
After the user research, I generated pain points, user personas, and a user journey map. Therefore, the website will be more precise and fit better with customers’ expectations.
Pain points
User persona
User journey map
Information Arcitecture
Website Sitemap
Once I finished the research, I created a website sitemap based on the client’s needs and brought user research findings to our consideration. We found out that customers might have a hard time deciding if they would like to book a workshop. Therefore, we designed a "gallery" page for customers to better picture what the workshop would be like. The client mentioned that they usually got many questions about their workshop, and they needed to answer customers' questions one by one. Thus, in order to be more efficient, they would like to have a "Contact us" and a "FAQ" page, so their team can save time on repetitive work.
Prototype
Digital wireframe
High-fidelity prototype ​
Test
Usability testing
After creating the low-fidelity prototype, I began to do usability studies with 8 participants. The studies were taken remotely, I made a list of tasks for participants to follow. Below are the tasks:
1. Go to "Gallery"
2. Go to "Contact Us"
3. Go to "FAQ" and find the answer for the first question
4. Go to "Workshops"
5. Book "Rug Tufting" workshop
You want to book:
-
Location: Taichung
-
2 people
-
August/30/2022
-
14:00 - 18:00
6. Go back to "Home"
Parameters
-
Study type: Unmoderated usability study
-
Location: Remote
-
Participants: 8 participants
-
Length: 10 mins/participant
Findings
After the usability test, we used Miro to do an affinity map and categorized how users felt about the website prototype. Below are the two significant feedbacks users mentioned.
-
​Feel hard to understand the difference between mirror tufting and tufting rug
-
Feel the text of the progress bar on the checkout pages was hard to read.
-
Hard to find the answer button on the FAQ page.
Final Design
After finishing the usability test, I learned users' thoughts about our website. I considered their thoughts and made the website more user-friendly for people to use. According to our findings, I redesigned some elements.
I added pictures for each of the workshops. Therefore, people can have more ideas about what they are choosing.
For the progress bar on the checkout page, I changed the text on the progress bar to black. Thus, users can read it more clearly.
Redesigned the FAQ page's layout and made each question could stand out more.
Takeaways
Impacts
This website helps Gapetto Rugs save time and increase the business's productivity.
What I learned
In order to ensure the flow is smooth, we need to spend more time doing user research and testing. I learned a lot from potential users and existing customers of Gapetto Rugs. Understanding what they need is helpful while designing the website and can also create a more appropriate website for future customers.