YesPls is an e-commerce platform based in Laos.
TK GROUP, LOAS
Brief introduction to my role in this project
In this case study, I have described the process that my team and I at morphosis went through while designing the product called — YesPls. In this project, I was the lead designer for the seller platform where I was directly involved in the earlier stages of the project from discovery phase to the research & wireframes and Visual design phase. The scope of the project is as big as Shopee and Lazada
YesPls Co., Ltd is one of TK Group subsidiaries founded as an E-marketplace to facilitate and encourage buying and selling as well as provide greater quality, safety, easiest using and accessibility, there are various products without limitation of sellers, buyers, online times, and where to ship, you can easily conduct all transactions just through internet connection.
Problem Statement
Our Solution
In order to build a seamless and hassle-free selling experience for people who want to register and become a seller on this app/web app, We designed a mobile app and web responsive site with user needs and business goals in mind. We made sure the user had a good experience whilst
- Registering to the application
- Adding and selling products are convenient for the sellers
- Hassle free delivery for the seller
Workshop
Before we kicked off this project. We had a workshop with the representatives from YesPls team. The goal of this workshop was to:
- Understand the goals of our stakeholders
- Gather insights about the product, identify its unique selling, and build user persona
Research
During the research phase, the team opted to user competitive benchmarking as it gives us the birds eye view of the selected competitors and identify their unique selling points. Lazada, Shopee, and AliExpress the 3 largest e-commerce platforms in South East Asia were selected as part of the benchmarking. The screens from the apps were placed on a miro board based on the service blue print and features.
Lazada
Shopee
AliExpress
Information architecture
After completing our competitive benchmarking analysis, we embarked on the initial phases of information architecture. We progressed through the beginning stages of the stages of the information architecture where we started off with the service blueprint followed by sitemaps and ended this process with user flows.
- Service blueprint - to look at the overview of the seller app and how it connects across buyer and admin platforms
- Sitemaps - To organize the architecture across the website and application
Application
Web app
- User flows - To identify different touchpoints, screens, states for each flows. In the current case study, I have shown only 3 user flows but we did more user flows.
Wireframes
Once we have finished laying down our information architecture across the seller platform. In the next step, I focus on the creation of low fidelity wireframes so that I can set up a quick meet up with the representative of this project to explain and give them view of how the new experience and visual representation of the screens so that I could collect feedback and iterate accordingly.
After the creation of low fidelity wireframes, I worked on creating the high fidelity wireframes by filling in the details that are missing in their low-fidelity predecessors. As such, they typically contain elements that are intended to accurately represent the final product.
- Low fidelity wireframes
- High fidelity wireframes
Visual Design
Design system
