Mobile & website design
LearnPython
Timeline
4 weeks, 2021
Role
Visual design, research, branding, full developer handoff
The team
1 Product Designer (me), 1 developer
A Beginner's Journey with LearnPython
LearnPython is a free platform for people who want to start to learn Python. No experience required. The course includes written courses and lots of code exercises to practice.
Problem
Simplifying User Experience in Online Learning
Existing online learning platforms often require user registration, creating a barrier for potential learners who seek a more streamlined experience. Additionally, these platforms lack the functionality to seamlessly track and display progress for users who have already started a course, hindering their ability to pick up where they left off and monitor their advancement.
Goal
User Experience for Effortless Course Navigation
To develop a user-friendly website that eliminates the need for registration, providing instant access to course content for all users. Additionally, the website will utilize browser cookies to identify returning users and display their saved progress. This ensures a personalized learning experience tailored to individual learning journeys. The goal is to simplify the learning process and enhance user engagement by offering a seamless and intuitive platform for accessing and tracking course progress
Home Page
An Intuitive Home Page: Engaging Users with Clear and Concise Information
The primary focus during the Home Page design phase was to present essential information in an intuitively structured manner—concise and impactful—to captivate a broad audience while instilling trust among users.
I opted for the "Try Now" text for the CTA button to evoke a sense of urgency without necessitating a significant commitment.
I decided to place a call-to-action (CTA) button at the bottom of the website, accompanied by a more extensive explanation of the course's offerings. This approach aims to enhance user confidence and encourage them to initiate the course.
“Try Now” CTA
Learn python for begginers for free
Learn Python - one of the most popular programming language.
Try Now
Welcome to LearnPython - this is a free platform for people who want to start to learn python. No experience required. The course includes written courses and lots of code exercises to practice.
Python Course Chapters
Print Function
Learn how to create and use print functions.
Start
1
2
3
4
5
Boolean Type
Understanding how Python Boolean values behave.
Start
String Type
Figure out how to automatically create, rearrange, reassign, disassemble, and reassemble blocks of text!
Start
Variables
This chapter will help you learn more about variables, the different data types of variables and rules for naming variables in Python.
Start
Number Types
In this chapter you'll learn about the different numbers used in Python.
Start
Show all lessons
Scroll down
LearnPython
Home
About
Course
Try Now
LearnPython
Course Chapters
What will you learn
Why choose this course
The course consists of 3-5 minute reading lessons covering a topic and separate exercises where the topic is covered as a hands-on coding problem to solve. It aims to give you a solid understanding of the basic concepts in Python programming.
With LearnPython courses repetition is key as we believe that is the best way to memorize something. Learn, fail and succed! You got this!
What will you learn
Know the basics of Python
The course contains minimal information necessary to learn the basics of Python.
Program Python
With step-by-step guidance, you’ll be writing real code and get hints and solutions if you get stuck.
Run scripts in the interpreter
There will be practical exercises for each chapter in order to help you understand and assimilate better the information.
To provide users with maximum flexibility, each chapter is equipped with its own "Start" button, enabling them to commence their journey from any point without constraints to a predefined order.
The Python logo was selected to symbolize the essence and focus of the website.
Code Exercises
Python Problems for Every Course Chapter
Best way to remember something is to practice it so for each chapter of the course there are Python problems to solve.
“Get a Hint”
Should someone encounter difficulty following the provided instructions, they can access a hint by clicking on this section. Upon selection, the section will expand to reveal the hint.
Examples & Instructions
For each lesson, there will be a coding sample as well as step-by-step instructions for the user to practice in the script.py section.
Learn
This section will contain the lesson of the chosen chapter. The information is kept short for better readability and assimilation.
“Run Code”
By clicking the user can compile and run their solution.
“Course Menu”
Upon clicking, a pop-up will emerge, granting users swift access to all course chapters. Through the utilization of "<" or ">" buttons, users can seamlessly navigate to either the next or previous chapter.
Learn
Example & Instructions
print(12)
print(5.7)
print(“Hello World”)
script.py
1
2
3
4
As we discussed, the computer will execute each execution one at a time, in the order which they were written. In our case, we wrote 3 instructions to print 3 different values to the output.
The first instruction will print the integer number 12.
The second instruction will print a float number 5.7.
The third instruction will print the message Hello world.
Don't be afraid of all these values and types for now, all these details will be covered in next chapters.
For now, just remember:
To print a value to the output just use the print function.
What is a program and how it works ?
A program, which is executed by a computer, is composed by multiple instructions and they are executed one after the other.
instruction 1
instruction 2
instruction 3
instruction 4
Suppose we have this example, the computer will execute first instruction 1, then when the instruction 1 is finished will execute the instruction 2, then instruction 3 and in the end instruction 4.
As humans, the computer have their own languages which they speak, so the instructions must be written in a language that the computer can understand. In this course, we will learn the python language.
The first instruction which we will learn is calling the print function.
The print function will print a value to the output.
The value will be written between the parentheses ( and ).
Example 1:
print( 12 )
print( 5.7 )
print( "Hello world" )
The output:
12
5.7
Hello world
LearnPython
Course Menu
Show Solution
Run Code
Get a hint
In script.py section user can exercise by typing the code.
Code results will be displayed in this section.
In the event of encountering difficulty with the problem, users can click this button for assistance.
Course Progress
Simplifying User Progress Tracking Throughout the Course
To illustrate users' progress in a straightforward and intuitive manner, the home page will dynamically adjust as they embark on the course, reflecting their saved progress through the utilization of cookies.
Scroll down
LearnPython
LearnPython
My Current Chapter
Course Chapters
Python Course Chapters
Continue
1. Print Function
1 Completed
2 problems left
10. While Loop Instruction
1 Completed
2 problems left
Continue
Start
11. Lists
0 Completed
3 problems left
Start
12. Tuples
0 Completed
3 problems left
Start
13. Nested Instructions
0 Completed
3 problems left
Start
14. Methods
0 Completed
3 problems left
Start
15. Problems
0 Completed
3 problems left
Finished
2. Number Types
3 Completed
0 problem left
9. For Loop Instruction
2 Completed
1 problem left
Continue
3. Boolean Type
2 Completed
1 problem left
Continue
4. String Type
2 Completed
1 problem left
Continue
Start
5. Variables
0 Completed
3 problems left
Start
6. If Instruction
0 Completed
3 problem left
8. Nested ifs
2 Completed
1 problem left
Continue
Start
7. If...else...instruction
0 Completed
3 problem left
Home
My Current Chapter
Course Chapters
My Current Chapter
Print Function
6%
6%
Keep Making Progress
User can see their progress
straight away.
There are 3 buttons states that indicate the state of each individual chapter.
There is a progress bar for each course to show how many problems the user solved from each course separately. The goal is to provide feedback so that users know what to expect.
Next steps
Post-launch optimization
I will focus on continuous improvement through user feedback and data analysis. I will implement user surveys and feedback forms to gather insights on their experiences and identify areas for enhancement.
Analyzing website analytics will help me understand user behavior, such as which pages are most visited and where users might be dropping off. Based on this data, I will optimize the site's navigation, content, and features to ensure a seamless user experience.
Regular updates and A/B testing will be conducted to refine the design and functionality, ensuring the website remains intuitive and engaging. Additionally, I will stay updated with the latest web development trends and incorporate new technologies as needed to keep the site modern and efficient.