PROJECT INFO
October 2018 - January 2019
School Project
MY ROLE
Creative
Researcher
Branding
UX/UI Designer
TOOLS
Adobe Illustrator
Adobe XD
Adobe Photoshop
ProtoPie
ABOUT
CoolPon is a fictitious shopping app. It helps users get promotions whiteout having to spend more than they planed to. Users would be able to share and combine their shopping cart together in the same store/brand.
In addition, CoolPon enables users to build up social networks.
CHALLENGES
Building a new shopping experience to users.
The experience should be easy to use but be unique than any other existing experience to users.
Before Design
problem
BACKGROUND
Nowadays, online shopping is becoming increasingly popular. Merchants offer all kinds of promotional activities to attract customers eye and stimulate demand. Merchants are aimed at getting more income through the increasing volume of sales.
What would you do if you see…
“Get 15% off when you spend $300 on your orders”
“Get free gifts when you spend $200 on your orders”
Would you spend more on add-on items to reach the coupon? Or you might abandon your purchase even the deal is so attracted.
—It’s hard to make a decision. I always know that.
RESEARCH & ANALYSIS
PAIN POINT | ADD-ON ITEMS
Add-on items are low-priced items that can be purchased as part of a larger order. Add-on items are usually not the target items that customers would purchase.
SURVEY | 100 PEOPLE IN TUCSON
In order to know the universality of the problem, I chose 100 people randomly and ask people surveyed questions such as wether or not they would pay extra on add-on items to get a deal.
MY GOAL
As the result, merchants would not get the income as they were expected and even loss customers. Also, the customers would not get the product they like.
— I want to help users get promotions without having to spend more than they planed to buy.
IDEATION
SIMILAR CASE IN CHINA
Group buying: “offers products and services at significantly reduced prices on the condition that a minimum number of buyers would make the purchase.”
“Meituan is currently China’s largest group buying site by gross merchandise volume. It offers a selection of local restaurants, bars, cinemas, KTV, SPA, salon, and other specialty businesses with discounts. “ABOUT MEITUAN.”
The groupon effort in China inspires me to combine user’s shopping cart together. Why not let users separate the spend-limit for meeting the deal? Why not make a user’s purchase become another user’s add-on items?
SOLUTIONS
The user pain point can be solved if the order amount can be shared. It means, a customer’s order could be the other customer’s add-on items. Users can share their purchase with others to meet the promotion requirements.
Design
Demographic & Persona
The first thing needs to be done is defining my users. I need to know the group of people who have the habit of shopping online before I going deeper.
Online shopping preference in the United States as of 2017, by age group
According to Online shopping preference in the United States as of 2017 by age group, millennials are the most part of people who have online shopping habits.
Also, according to my 100 people’s surveys, more the half of the people who would not pay extra on add-on items to get a deal are college students.
Then, I turned what I’ve learned according to the user research, and design persona. This helps me knowing specific users in mind, and what kind of design would attract more to them.
RESEARCH & WORKFLOW
An Interview Before Design | 6 People
Why do you feel promotions are important to you?
Have you ever heard of Group Buy? How do you feel about it?
Would you accept share your purchase with other users?
What would you expect to see on a shopping app?
How would you feel comfortable through the experience?
— Users might spend the requirement amount of promotions. They do need the optional of purchase without joining. I named the process Self Buy.
Service Workflow
I name the new feature Collage Buy, because the process is like put two pieces together.
NEW COLLAGE BUY | User A would choose their target item, add the item in the shopping cart and wait for User B join the purchase. User B’s purchase would be User A ‘s add-on items. Both of the users would enjoy the promotion at the end.
QUICK JOIN | User A would choose and join a user(User B) whose purchase would be available to meet the promotion requirement from the Current Collage Buy Users List. User A’s purchase would be User B’s add-on items. Both of the users would enjoy the promotion.
USER INTERFACE
CoolPon
“How can I know what promotions are available now”, said my testers.
I believe CoolPon should bring a whole shopping experience to users instead of a payment tool. Users should also be able to find available promotions, customize their preferred promotions and even building social relationships through CoolPon.
WIREFRAME
Design Process
User Ability — Low-Position Designed Category | Easy to swift and view the category of promotions in one hand
User Control & Freedom: User should have options to change the path between Self Buy and Collage Buy before Checkout
And here are the final designs of wireframe
USER INTERFACE
START HERE
HOME
SEARCH & CUSTOMIZE MY FOLLOWS
DETAILS PAGE OF PRODUCT
SOCIAL
CART & CHECK
Fully control your items. Users could always change the path between Self-Buy and Collage-Buy. Then, finish the purchase and start saving.
BRANDING
Brand Identity
“Reliable, Easy to Use, Ubiquitous”
We believe CoolPon is your friend and your guider when you are in the doubt. It brings you ideas of what is valuable and help you get a real deal.
Brand Element
The inspiration of the brand elements comes from the coupons on newspaper, magazines and paper advertisement.
The rounded rectangle brings friendly feeling when users browse the APP. Also, the dashed line provides a real coupon feeling to users.
Logo Design
CoolPon’s logo is two pieces of puzzles which represent the main process of how CoolPon works. The logo is also an icon of coupon when looking as a whole.
Also, as a shopping App, CoolPon should consider about is reliability. Blue is often seen as a sign of stability and reliability.
