ATTI
“Atti” is inspired by the Korean word ‘아띠 : Ati,’ meaning “friend.” We aim to understand our customers’ needs like a friend and provide high-quality cosmetics to enhance their skin health and beauty. Our mission is to offer products with good ingredients for improved skin and customized skincare solutions. Atti also emphasizes eco-friendly products and packaging to promote sustainability and environmental protection, contributing to our customers’ confidence, happiness, and the planet’s well-being.
01. User Research
To better understand our users' needs and behaviors, I created a virtual persona named "Sophia."
This research helped me identify the challenges our users face and the needs they have.
This research helped me identify the challenges our users face and the needs they have.
02. Design & Prototyping
Using Sophia’s user journey and research, I developed a detailed design and prototype. I created wireframes and prototypes to visualize her experience, showing how she can compare products and quickly purchase them on the website.
Wireframe
Onboarding
Interactive
Prototype
03. Usability Testing
User Task
Using Sophia’s user journey and research, I developed a detailed design and prototype. I created wireframes and prototypes to visualize her experience, showing how she can compare products and quickly purchase them on the website.
Pattern Analysis
Testing with Maze revealed usability issues, such as hard-to-find buttons and links, by analyzing task completion times, heatmaps, and survey responses. These insights guided improvements, leading to a smoother checkout process and resolving key obstacles.
Modification & Improvement
The testing was conducted using Maze, where I analyzed task completion times, heatmaps, and survey responses.
This helped identify hard-to-find buttons and links and errors in my prototype.
Based on these results, I identified usability issues and made improvements. The data and insights from the testing allowed me to address obstacles to quick checkout, and the results show how these changes made a difference.
This helped identify hard-to-find buttons and links and errors in my prototype.
Based on these results, I identified usability issues and made improvements. The data and insights from the testing allowed me to address obstacles to quick checkout, and the results show how these changes made a difference.
04. Reflection
The testing was conducted using Maze, where I analyzed task completion times, heatmaps, and survey responses.
This helped identify hard-to-find buttons and links and errors in my prototype.
Based on these results, I identified usability issues and made improvements. The data and insights from the testing allowed me to address obstacles to quick checkout, and the results show how these changes made a difference.
This helped identify hard-to-find buttons and links and errors in my prototype.
Based on these results, I identified usability issues and made improvements. The data and insights from the testing allowed me to address obstacles to quick checkout, and the results show how these changes made a difference.
