top of page
Learn Web Development
Cross-platform tool to help tutor young adults in web development
Overview
Relay
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.''
Idyll
Age:
Education:
Hometown:
Family:
Occupation:
26
Business Admin.
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
.png){kind=avatar}
İ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.
Sitemap
.png)
Digital Wireframes
desktop
%20(1).png)
.png)
Tablet
%20(1).png)
%20(1).png)
%20(2).png)
mobile
%20(2).png)
.png)
.png)
.png)
.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
%20(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
%20(1).png)
.png)
%20(1).png)
%20(3).png)
.png)
desktop
.png)
%20(1).png)
.png)
%20(1).png)
%20(2).png)
Tablet
mobile
%20(2).png)
.png)
.png)
.png)
.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