Online-School
Concept
by Alexander pungin
- based on research
- minimalist design

🤷♂️ Problem
- You need an application for the subscription service for short lectures on marketing, advertising and sales. All lectures are available in video format. This is the main service of the school.In addition, the school has courses on the same subject.
- Each course consists of 8-15 video lectures. All courses can be purchased separately, they are not included in the subscription.
📋 Task
- Design an application for an online school
- user's personal account
- lectures available by subscription
- courses that the user has purchased and homework for them
- catalog of all courses
📋 Customer's wishes
Personal account
- User's personal information: full name and login.
- Information about an active subscription to lectures and purchased courses, its validity period.
- The rest of the content is at your discretion — focus on research and the idea of the project.
Section with lectures by subscription
- Each lecture contains the title, duration, and speaker.
- Interesting lectures can be saved to the "Favorites" section. It is possible to view saved lectures. How and where exactly depends on how you think through the structure of the application.
- There is a convenient navigation for searching and viewing lectures. Lectures are added every week, so it is important to design the navigation so that it is ready to scale.
Section with courses
- The course consists of video lectures.
- Each course contains the name, cost, number of lessons, keywords, speaker, duration of video lectures.
- After the course, there is an opportunity to go to homework. This is a document in Notion, with templates and the text of tasks to perform, it does not need to be drawn. The transition can be reflected in the form of a button or a card with a description of the homework format.
- There is a convenient navigation for searching and viewing courses. As in the lecture section, navigation should be ready to scale
🎯 Research
Metrics

User persona

⇢ UI Kit

✏️ Wireframes

🎨 UI
