Snapask

Brand Design, Product Design
Project Overview
Snapask is an educational app created 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
June - Aug 2019
To ensure all 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
Define Illustration
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 designI 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