UIUX, Interaction Design

📙 SnapNote

A note keeping feature in Snapask to help students to organise personal learning materials, such as study notes, remarked textbook and exam paper.
Role

Product Designer @roywonghoyin

Researcher @karen.svg

iOS Engineer Jason Liang

Android Engineer @evanhou111

Backend Engineer Joe Wang

Span

2 Weeks for Designers

6 Weeks for Engineers

📖 What's Snapask

Snapask is a company that encourages self-learn and hoping student could ask more "why". We offers student and tutor 1-on-1 session, academy and online assessment, it's a all-in-one study hub where students can work on their weakness, ask question when they are stuck, watch video to clear concepts. Snapask is targeting students with high self-discipline, who are more williing to study by themselves.

😩 Problems

We have sent out a questionnaire to Snapask students to investigate the pain-points they would encounter when taking notes and maintaining those notes. We have concluded the most annoying pain-points:

57.1% Lost their notes over time

21.4% Scan, cut and paste or copy remarks to their own notebook

14.2% Mess up the layout when adding or removing notes

7.1% Lack of mobility

‍

Design Challenge

How might we design a note-taking feature that allows students to keep their notes organised in one place, and would be comfortable and proud to share with classmates.

💁 Possible Outcome

Keep the notes organised by topics-subtopics
With the topic-subtopic categorisation system already in the app, students are able to create their notes under a subtopic, and quickly retrieve those notes by navigating the existing topic-subtopic system in the app. No more flipping through physical notes.

‍

Notes as flashcards
We can make those notes into flashcards. It's efficient for a quick memory refresh, or as a last minute revision before exam during commute.

‍

Share insights
Students are able to share their note with friends and classmate on-the-go.

📎 Requirements

🎢 Design Process

❤️ Final Mockups

Final Design & Flow

🔖 Feedback

Previous Project
Next Project

➕ More

01

📝 SnapQuiz

Snapask offers online assessments on app and web. Students are able to work on their weakness on the go, have a quick refresh their memory before the exams. We offers hints when students are stuck, and explanation to clear the concepts, and analysis of their strength and weakness of each topic.

UI, UX
See Project

02

📙 SnapNote

A note keeping feature in Snapask to help students to organise personal learning materials, such as study notes, remarked textbook and exam paper.

UIUX, Interaction Design
See Project

03

👨🏻‍🏫 Tutoring 1-on-1

Students can ask question about any problem they found on textbook. They can send out the question in form of photo or text. Tutors on the other side will pick-up the question, answer and explain to them inside a 1-on-1 chatroom.

UI, UX
See Project

04

👧🏼 Student Onboarding

An onboarding experience to prepare new students to start their Snapask learning experience, also letting users to signup as tutors to help out students on schoolwork.

UI, UX
See Project

05

💵 Brand Campaign - The Power of Asking

A landing page design done for the use of a branding campaign. Students are able to win scholarship by posting photo on Instagram with #TPOS. All work is done on Webflow, only minor help from engineers.

Web Design, UI
See Project

06

👟 LANE-EIGHT Visual Identity

Building the LANE-EIGHT brand with 2 co-founders, a brand strategist, photographers and art directors.
Visual Identity, UX Design
See Project
roywonghoyin 2019