top of page

Learn Web Development

Cross-platform tool to help tutor young adults in web development
cover transp.png

Overview

Role

Visual & UX/UI Design, Research, Concept Development

Problem

People who want to change their careers in web development have problems learning the field and improving themselves.

Duration

1 month

Goal

The cross-platform tool which includes mobile, desktop and tablet versions let users to learn and take online courses which will affect users looking to transition into web development career by letting users access the platform from anywhere.

User Research

Persona

“I am interested web development and would love to learn.”

Goals

  • ‘’I want to change my career into web development.‘’

  • ‘’I want to take courses after my regular work.‘’ 

Frustrations

  • ‘’I am not happy at my job.’’

  • ‘’I can not find a good platform to continue to learn web development.’’

İdil

Age: 

Education: 

Hometown: 

Family: 

Occupation:

26

Business Adm.

Ankara

Alone

Sales manager

İdil is a busy working woman who is not happy at the job. İdil is interested in web development and make it as a job. İdil is suitable after work and weekends, so looking for an online platform to improve new skills.

Problem statement

Allura - Avatar (1).png

İdil is a working adult with a regular job who needs to learn web development to change career because İdil is not glad with their current job.

Ideation

The requirements should be taught at first. What is need for better learning and what else is needed except the courses. Then, I explored to offer bootcamp options and making schedule where can be put the courses in. Also, users should be able to see their levels before starting the course. These options are placed near the courses.

Site Map

sitemap_learn wd (2).png

Digital Wireframes

Desktop

Home(desktop) (1).png
Courses(desktop).png

Tablet

Home(tablet) (1).png
Courses(tablet) (1).png
Courses(tablet) (2).png

Mobile

Home(mobile) (2).png
Courses(mobile).png
Bootcamp(mobile).png
Courses-tutorial(mobile).png
Courses-subject(mobile).png

Usability Findings

  • Users want to be able to arrange their schedule easily.

  • Users need to see all the lectures simultaneously while attending a course.

  • Users need better cues for what steps are required to complete the course.

Final Design

Courses-tutorial(desktop) (1).png

Users can jump to the next lecture easily

Users can see the all content to follow their stage at the course

Displays the text description of the course

Mockups - Responsive Designs

Home(desktop) (1).png
Courses(desktop).png
Courses-tutorial(desktop) (1).png
Courses-subject(desktop) (3).png
Bootcamp(desktop).png
desktop
Bootcamp(tablet).png
Home(tablet) (1).png
Courses-tutorial(tablet).png
Courses(tablet) (1).png
Courses(tablet) (2).png
TAblet
mobıle
Home(mobile) (2).png
Courses-tutorial(mobile).png
Courses(mobile).png
Courses-subject(mobile).png
Bootcamp(mobile).png

Reflection

This project is a part of Google UX Design Certificate. I worked on desktop, tablet and mobile versions of custom bicycle order flow. Creating cross-platform tool helps me to understand transitions between devices.

bottom of page