bar-img

Back

hero-img

Brand

Donanum

Project

Donanum Web-Application

Summary

The site is an online post-board helping to connecting tutors/ mentors with students. Once they are connected they have to meet in person to run a class. Tutors can create content based on academic topics or a hobby.
Our team started working on the site from the idea to execution.

My role

UI/UX design
Research
Front-end development
Project management

Scope

Responsive design: Desktop, tablet, mobile

Team

Front-end developer
Back-end developer

Tool

Design: Photoshop, Adobe XD, Invision
Development: React

First step

Observation and idea

There are many skill-share like sites, but there is no site to find tutors or mentors who teach in person. Especially for beginners, it's hard to describe problems they are facing. I remember when I was in University there was post boards in a school to find tutors. The main goal of the site is help people to find tutors or mentors via online post-board site.

Problems

Academy school and online courses

icon3
Meet up

Hard to find 1:1 mentor

icon2
School

Academic schools are expensive and college only provide the day time classes

icon1
Online Courses

​Some online courses are not accurate and hard to follow. For example learning programming - software and tools are frequently updated so explanations in video gets outdated.

icon1
Online course

Something is breaking or not working as expected. Then it's good to have a person to ask questions.

The goal

Students

Learn without restrictions
Choose level of learning

Both

Easy to connect
Flexibility

Tutors/ Mentors

​Earn money using their skill
Easy to open a class

Schedule

Scope of work and timeline

time-table-img
Research

Similar websites & Keywords

To do bench marketing, start from researching similar websites to understand the trendy layout and the content.
Also, researched keywords from other education websites using Google.

keywords-img
UI UX

Target Market

user-img
user-img
user-img
user-img
UI UX

Smooth and intuitive site flow

simple-flow-img
UI UX

Wireframe

wireframe01-img
UI UX

Prototype

wireframe02-img
UI UX

Flow Chart

Create a flowchart to communicate with developers

flow-chart-img