Hanyu Go

An e-commerce subscription dedicated to students and office workers

Case study based on real business - 10 weeks
My role
• Branding • UX/UI Design • Social media content
Screenshot of Doctor's profile
PROBLEM
The brand newsletter was making it difficult for community members to access freebies and promo codes. Although this is now being managed through Instagram Broadcast, the impact cannot be measured on this channel.
BACKGROUND

The newsletter kept community interested in the brand through free printables and coupons

Newsletter offers low visibility but Good engagement. Broadcast has good visibility but can’t measure if clients clicked the content.
Ilustration about statistics on Newsletter vs Instagram broadcast

Digital freebies effectively attract new subscribers according to social media views. However, users often forget to open emails and have reported difficulties downloading files. This strategy worked better when emails were announced on social media, but some users still needed support to subscribe. Additionally, those who subscribed after the email announcement missed out on the current coupons or freebies.

USER STORY

Subscriptions should offer discounts but also a value for free

Some pictures of users' interviews

According to user research, while Millennials are accustomed to newsletter subscriptions, Gen Z seeks personalized experiences with visually appealing designs that make them feel part of exclusive groups.

A user story map about clients
GAP ANALYSIS

Why clients forget about newsletter subscriptions?

Discount subscriptions have become quite common, with nearly every app sending news and promotions via email. As a result, users' inboxes are inundated with these messages, but email storage is limited.

Consistency is essential for users to understand how frequently they will receive new benefits; however, creating free printables is challenging.

IDEATION

How might we keep clients interested in news and discounts trough a personalized experience?

Set digital coupons site exclusive to clients with an order number.

A membership where users can get coupons and digital freebies.

Create a club/ group of discounts for students.

FOCUS AREA

• Users need to understand the club's functionalities and benefits before filling up the subscription.

• Users need to know how to access digital freebies on the exclusive site and understand the frequency of discount changes.

CHALLENGES

• Users who are not familiarized with memberships or on-line subscriptions.

• Users dislike discounts spam.

• Users prefer communication on social media cause it feels more personal.

MAIN GOAL
Add a section on the website where users can engage with the community and find information about discounts.
DESIGN PROCESS

Visualizing convergent ideas for both users

KEY DESIGN ITERATIONS

Changes after users testig

Design screen before test: directory
Design screen after testing: Directory
Benefits in the Club Page

• While in the first version, the main/ bigger element is the coupon section, the last iteration highlighted the community events so the users don’t feel pressured to be frequent clients; however the progress bar and coupons are a reminder to show the benefits if they decide to purchase.

Design screen before tsting: doctor's profile
Design screen after testing: Doctor's profile
Simplify subscription form

• Split the subscription process into two screens and, instead of requesting more personal information, ask whether they are students or workers to personalize the discounts.

Design screen before testing: Booking confirmation
Design screen after testing: booking confirmation
Invite to subscribe in the cart screen

• Using color hierarchy to highlight the discounts with subscription next to total price.

PROTOTYPING

Final design: Club subscription and purchase

Screen design for Home pageScreen design for the first step of subscription
Screen design for Special event participationScreen design for progress inside the club
GO TO FIGMA PROTOTYPE
UI COMPONENTS

UI Kit samples and Lotties

TESTING AND KPIS IMPACT

Testing discoveries

11 out of 12

Users identifed the discounts section in Home page in 4-8 seconds

Also 8 users got interested in the benefits, some of them are not specific enough so I could implement dropdowns to see more information.

Outcome: to implement dropdowns to see more information.

9 out of 12

Users located the "join club" button within approximately six seconds

All users were able to add products to their bags. Although all users completed the subscription form, only 6 found it beneficial to subscribe with their mobile number.

Outcome: The page should provide more information about how their contact details will be used.

8 users

Understood when the coupon was successfully applied

Although all 12 users found the coupon button, not everyone was sure how the coupon had been applied.

Outcome: Adding a note in the "coupon applied" tooltip, such as "go to your bag to complete the purchase," could help clarify this.

6 users

Showed interest in the gifts section

While 9 users fully understood how to participate in the special event.

Outcome: The information should specify the participation dates and where and when to find the winners. Additionally, a button to notify participants when the results are announced can be added.

My learning and further improvements

It’s important to prioritize the information requested in subscription forms to avoid overwhelming users with too many steps or sensitive information inquires. It’s important to be clear and add privacy terms buttons so users can consult if necessary.

E-commerce design patterns are essential for ensuring successful sales. While it can be challenging to innovate with specific features, I’ve learned how crucial it is to balance the benefits for the business with creating enjoyable user experiences.