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.