SHOP WIBO
WIBO is a non-profit organization that provides business workshops to small business owners from underserved communities.
WIBO is a non-profit organization that provides business workshops to small business owners from underserved communities.
WIBO is a non-profit organization that provides business workshops to small business owners from underserved communities.
The Problem
WIBO has a network of small business supporters, and their alumnus wants to put their business online but always hesitant about the high fees.
WIBO has a network of small business supporters, and their alumnus wants to put their business online but always hesitant about the high fees.
WIBO has a network of small business supporters, and their alumnus wants to put their business online but always hesitant about the high fees.
The Solution
An eCommerce platform earned 9 out of 10 NPS scores, exclusively for the alumnus to improve the connection between the businesses and their supporters.
An eCommerce platform earned 9 out of 10 NPS scores, exclusively for the alumnus to improve the connection between the businesses and the supporters.
An eCommerce platform earned 9 out of 10 NPS scores, exclusively for the alumnus to improve the connection between the businesses and the supporters.
My Role
I was responsible for designing three major user flows for the seller platform, including account creation, storefront setup, and listings. I handled user research, ideation, user flow design, wireframing, usability testings, and high-fidelity prototype design. Collaborated with other designers responsible for the shopper and admin platforms to decide typography, brand colors, and some key cross platforms features.
I was responsible for designing three major user flows for the seller platform, including account creation, storefront setup, and listings. I handled user research, ideation, user flow design, wireframing, usability testings, and high-fidelity prototype design. Collaborated with other designers responsible for the shopper and admin platforms to decide typography, brand colors, and some key cross platforms features.
I was responsible for designing three major user flows for the seller platform, including account creation, storefront setup, and listings. I handled user research, ideation, user flow design, wireframing, usability testings, and high-fidelity prototype design. Collaborated with other designers responsible for the shopper and admin platforms to decide typography, brand colors, and some key cross platforms features.
Discovery
The project's initial objective was to help small businesses connect with small business supporters online. After talking to the target users and competitive research, the following are some of the opportunities that led to the final designs:
- How might we take away the challenge of recreating the existing content on the WIBO platform?
- How might we lower the learning curve on the account creation and the listing processes?
- How might we accommodate the needs of both service and product sellers?
The project's initial objective was to help small businesses connect with small business supporters online. After talking to the target users and competitive research, the following are some of the opportunities that led to the final designs:
- How might we take away the challenge of recreating the existing content on the WIBO platform?
- How might we lower the learning curve on the account creation process?
- How might we lower the users' stress level when they're creating a listing?
The project's initial objective was to help small businesses connect with small business supporters online. After talking to the target users and competitive research, the following are some of the opportunities that led to the final designs:
- How might we take away the challenge of recreating the existing content on the WIBO platform?
- How might we lower the learning curve on the account creation process?
- How might we lower the users' stress level when they're creating a listing?
User Flows
The original idea was to design two separate listing flows for service and product sellers. However, after I created detailed user flows, I found that they are very similar, so I decided to merge them into a single flow.
I created step-by-step user flows to identify the key screens and started to sketch the solutions on paper. After two round of testing, I applied visual elements to the final prototypes and handed over to the client.
Wireframing & Usability Testing
I started to visualize the screens by sketching with pens and papers. Once I have a preferred solution, I used Sketch and InVision to iterate and test the design.
I created step-by-step user flows to identify the key screens and started to sketch the solutions on paper. After two round of testing, I applied visual elements to the final prototypes and handed over to the client.
Final Design
Social Media Integration
To avoid recreating the existing content and increasing conversion, I designed a feature to import social media posts to the WIBO app.
Progress Bar
The progress bar visualized the process, aimed to keep the users informed and lower their stress level.
Pop up window to explain eCommerce terms
Pop up window to explain eCommerce terms
A window will pop up from the bottom of the screen with a detailed explanation of the term. This feature aims to reduce the learning curve on a new platform and save time on learning unfamiliar terms.
If a user is unfamiliar with an eCommerce term, she/he can click on the question mark next to it. A window will pop up from the bottom of the screen with a detailed explanation of the term. This feature aims to reduce the learning curve on a new platform.
Motivating Tones and Gamification
I made the onboarding and listing more entertaining by using lots of motivating tones and gamified the processes.
We made the onboarding and listing more entertaining by using lots of motivating tones and gamified the processes.
Advance Setting
The advanced settings allow product and service sellers to list their products on a single user flow. Product sellers need to set up shipping, and the service seller needs to set up appointments.
We made the onboarding and listing more entertaining by using lots of motivating tones and gamified the processes.
Next Steps
- Collect data on conversion
- Conduct research on users who are just graduated from the program to understand their needs
- Send out surveys to ask the users about the most desirable features, such as collaboration between fellows from the WIBO program.
- Create design systems to improve the design process and visual design
- Collect data on conversion
- Conduct more research on users who are just graduated from the program
- Collect data on listing flow task success rate
- Determine the price for each listing
- Send out surveys to ask the users about the most desirable features, such as collaboration between fellows from the WIBO program.
- Collect data on conversion
- Conduct more research on users who are just graduated from the program
- Collect data on listing flow task success rate
- Determine the price for each listing
- Send out surveys to ask the users about the most desirable features, such as collaboration between fellows from the WIBO program.
