top of page

AIRTNL

UI/UX DESIGN & MARKETING RESEARCH

FALL 2020 Freelance

Figma

Frame 1.png

INTRODUCTION

Individually designed an online mobile teaching and learning platform for a startup company. From user experience strategy to setting visual design standards across the entire application. 

Identify the need 

"I just want you to build a thing that can help me find a good piano tutor for my son."---by my client

Design Focus


To offer self-starters with a chance to teach or learn a brand new skill. Create an avenue for people who want to share their skills.


 

Target Audience


18 to 70-year-old individuals who are always on the way of learning, and those who want to share their skills.

 

Design Process


I started designing by making a user journey and checking on users' reviews on other similar platforms.

-How can I create a clear and visually interesting app for people to navigate?

-How can I create space for more digital interaction? ...

1.PNG
2.PNG
3.PNG

Log in / Sign up

Language selection upfront. 

Choose to be a student/teacher

Log in / Sign up all in one page 

Modular design

Modular design to allow easy navigation. 

Help users to better understand different functions.

4.PNG
6.PNG
8.PNG
9.PNG
10.PNG

Teacher's profile

A detailed view of the teacher.

Include reviews and availability, also able to chat with the teacher.

20200930_115013.gif

Colour

Using different colours to represent different catalogue. 

Clear visual hierarchy.

Timetable

In-app timetable for better communication between student and teacher.

Teacher- Set your availability for future class booking.

Student- Check your timetable to see your class schedule.

5.PNG
20200930_115712.gif

Takeaway

  • Involve users early and often. Learn from them and iterate.

  • It isn’t enough to run through a design process once.

bottom of page