Snapask

Brand Design, Product Design
Project Overview
Snapask is an educational app created by a start-up company in Hong Kong. By 2019, we have launched our product in several countries, including Taiwan, Hong Kong, Singapore, Malaysia, Thailand, Indonesia, Japan, and Korea. Snapask's service focuses on matching students with qualified tutors instantly to provide 1-on-1 homework help. While I was working for Snapask. I worked as associate designer on both branding and product sides with multi-functional teams to serve our user better.
In Asia, students tend to take after-school tutoring as the remedy to the shortfalls resulted from day-school, and started to focus their energy on only public exams. Although it is not preferable to see such phenomenon arises, we have to admit there is a lot we can do to improve the current way how education is delivered, to revolutionize teaching and learning. In Snapask, we are enabling it through technology, to empower students and teachers with the right tools.

"It begins with a question."

By defining learning as a journey of looking for answers and exploration. We created a character, Eve.
As a navigator, she will open a portal for the students. Offering them a new experience of learning.
Brand design
Design Concept
4 brand designers
June - Aug 2019
To ensure all brand elements are managed properly and presented consistently, brand illustrations are classified into three types based on situations they are utilized in the product.
Spot illustration
Spot illustration is the simplest and most literal expression of a concept.

Used Scene /  badges graphics, system notification, and other small spaces in the product.
Scenario illustration
Scenario illustration serves a good role when you want to bring specific scenarios to people.

Used Scene /  features screens, popup screens, dialogue screens, banners, etc.
Hero illustration
Hero illustration can be presented on the larger screens well and it is usually used to visualize the overall image of the brand.

Use situation /  hero images, key visuals, on boarding screens, etc
Building illustration in product
Building design system for UI
4 product designers
In order to maintain the consistency, enable product designers to build feature more efficiently. We started build a design system within the team. It allow team can continue to use the same elements over and over, reducing the need to reinvent the wheel and thus risking unintended inconsistency.
Define dialogs and buttons design
I defined dialogs and buttons for different kinds of scenario so that product designers could use them more easily. It also helped us to keep all of our design output consistent from transition of different designers.

Email Revamp

Brand Design, Product Design
Project Overview
The project aimed to redesign the experience of user journey for receiving emails from Snapask. Which includes signing up, onboarding, buying, paying and canceling. I worked with one Cops member and one engineer  to revamp the email experience for our user.

Responsibilities
  • Define user flow
  • User interface design
  • Align goal with multi-functional team and stakeholders
Team
  • 1 Customer Ops
  • 1 Backend Designer
  • 1 Designer
To clarify the problem, I raised questions and discussed with our the cops member, who knows the customer journey the most to define the journey of our current email. After finding out the process, I drew a chart to help the team understand how current email design affects our users.

Define the user flow
In order to align every stakeholders' opinion better, I collect emails from different platform to consolidate people's thought for this project.  Exploring helped us to expose visual conceive for the content and site architecture. After discussing with the team, we set the direction of the design:
1. The most important thing about these emails is that they deliver a clear message.
2. Let's keep it simple and clean. Too many context will decrease users' willingness to read them fully.
After design the structure, we also considered the approach of our visual design. Our target audience's age from 12 - 18 year old. Within the brand design system, Snapask has been using mascot to communicate with them. I created different scenario of the mascot to match the emails' scenes.
Explore ideas and design direction

Content Sells

Ideation, User Testing, Rapid Prototyping
Project Overview
Content Sells is a testing project implemented in Snapask.
This project intends to test the idea of developing online learning-materials for the users.
To save time and move more efficiently, I built prototype for it and worked with marketers in 6 regions including Taiwan, Hong Kong, Japan, Korea, Malaysia and Singapore to upload contents using my prototype to see users reaction.
Responsibilities
  • Define user flow
  • User interface design
  • Align goal with multi-functional team and stakeholders
Team
  • 1 Growth Manager
  • 6 Marketers
  • 1 UX strategist
  • 1 Designer
We believe that creating the online learning contents,
For students who want more online resources,
Will help them to learn and study more easily.
We will know this is true when we see people paying for these contents
Design desicison
As a Designer in the team, my goal is to came up with a low-effort but high quality page to present the contents we're selling. Since there's no engineers involved in the project, I decide to design a web template so the idea could be tested easily via planted in our app.
Since the team members located in different regions, we discussed through video online meeting. The final version was produced after compiling the opinions of stakeholders.
Hypothesis
User Flow
In order to get users onboard and join the test, I made the flow really short and easy for them to reach to the content page and see the materials inside.
Design for different countries to apply
While I was design the template, I considered the constraints and goal, making sure the design is adaptive within all the regions.
Visual design for all regions
I designed a series of banner follows a form for the the project. The elements are design to be re-usable considering the project running within 6 countries. you could easily replace the text then using the banner to save time.
Testing
We ran the test for 2 months in 6 regions.
The outcome helped us located the possible marketing areas. Also learning about what kind of contents users would like.



Impact
We found out that although there are many competitors, users still have the willingness to pay. This validates the idea of developing online learning content and provides the next direction for the company's product development.