Master a profession in demand
Web Design: From Scratch to First Portfolio
What will you master?
Figma, typography, grids, color, UX logic, adaptability, preparation for layout, presentation of layouts, acceleration of work with neural networks.
Course program
16 modules - from basic principles to a finished layout
Each module is a practical lesson: short theory, analysis of examples and work on your own project.
- 01
Lesson 1. Who is a web designer today?
In the first lesson, we will analyze what a modern web designer does, what tasks they solve, and why their work is important in the digital world. Participants will get acquainted with the concepts of UI and UX, learn to distinguish good design from bad, and understand how the visual perception of a website works. We will discuss what interface formats there are: website, landing page, web application, mobile application.
- 02
Lesson 2. Basic composition and visual balance
In this lesson, we'll explore the basic principles of composition: modular grids, visual balance, hierarchy of elements, and patterns of perception. We'll look at how people "read" screens and how to direct their attention with design.
- 03
Lesson 3. Coloristics: working with color and attention
Participants will learn how the color wheel works, what contrast is, color temperature, and how color affects user emotions. We will talk about the psychology of color, learn how to collect color palettes and apply them in layouts.
- 04
Lesson 4. Fonts and typography
In this lesson, we will study the anatomy of a font, the difference between typefaces, and the principles of choosing font pairs. We will analyze how to correctly build a text hierarchy, choose fonts for a project, and use them to enhance a visual message.
- 05
Lesson 5. Visual references and observation
The lesson is dedicated to developing designer taste. We will learn how to collect moodboards and references, figure out how to analyze other people's work and use visual selections to find style and inspiration.
- 06
Lesson 6. Introduction to Figma
Participants will get acquainted with the Figma interface, learn how to work with frames, components, autolayouts and styles. We will create the first simple layout and master the basic tools needed for work.
- 07
Lesson 7. Responsive Design and Mobile First
Let's look at what adaptive design is, why it's important to start with a mobile version, and how to intelligently rebuild an interface for different devices. We'll practice using a responsive grid and constraints in Figma.
- 08
Lesson 8. UX Basics and User Scenarios
In this lesson we will focus on the logic of user interaction with the interface. We will study the concepts of user path, user flow, CJM and design of behavior scenarios on the site.
- 09
Lesson 9. Prototyping and Clickable Layouts
Let's talk about the difference between a prototype and a final layout. We'll learn how to create clickable prototypes in Figma and correctly present an idea to a client before the visual design stage.
- 10
Lesson 10. Neural networks in web design
Participants will get acquainted with current neural networks that help designers: Midjourney, Leonardo AI, Ideogram, ChatGPT and others. We will figure out how to use them to generate images, icons and ideas, as well as how to use AI as a process accelerator without losing the author's style.
- 11
Lesson 11. Working with texts and microinteractions
In this lesson, we'll cover how to write UX texts, formulate buttons, labels, and interface messages. We'll also cover the basics of micro-animations and micro-interactions in design.
- 12
Lesson 12. Preparing the layout for transfer to the developer
Participants will learn what a design system is, how to properly organize a project in Figma for handover to layout, what Dev Mode is, and how to format instructions for a layout designer. Practice of handing over a project to production.
- 13
Lesson 13. Working with the client's brief and tasks
We will figure out how to read and analyze a brief, ask the right questions, identify business goals and target audience. We will talk about transforming client wishes into visual solutions.
- 14
Lesson 14. How to make money as a designer
The lesson is dedicated to freelancing and starting a career. We will learn where to look for clients, how to correspond, how to design a portfolio and create the first case. We will analyze behavior at interviews and tips for a confident start.
- 15
Lesson 15. Working on a diploma project
Each participant prepares a full-fledged project: landing page or application interface. We conduct consultations, analyze errors, refine adaptive and interactive features, prepare a presentation.
- 16
Lesson 16. Thesis Defense and Career Recommendations
Final session: participants present their project, receive feedback and a certificate. We also analyze career paths, prospects, specializations and make individual recommendations for development.
As a result, you will receive a finished layout for your portfolio and a certificate of completion.
How does the training proceed?
Lesson structure and support
-
90 minutes every Saturday
Mini-group, live analysis and answers to questions about your project.
-
Homework with feedback
Step-by-step checklists, comments in Figma, and recommendations for improvement.
-
Materials and templates
Component libraries, palettes, sample layouts and references.
Full-Stack Developer
15+ years in commercial development.
Price and set
Launch - September 20, 2025
Payment is monthly or in one payment. Places in the group are limited.
- Access to all materials
- Feedback on tasks
- Certificate and help with portfolio
- Flexible payment schedule
- Same conditions of participation
Leave a request
We will contact you and answer your questions.
Questions and Answers
What is asked most often
Is the course suitable for those without experience?
Yes. The program is designed for beginners: we start with the basics and gradually complicate the tasks.
Do you need paid software?
The free version of Figma is enough. AI tools are optional, we will show alternatives.
Will there be a diploma/certificate?
Yes, we issue a certificate of completion and help you put your case into your portfolio.
Reviews
“A month after the course, I got an offer from a product company. I understood how to put together pages quickly and neatly.”
- Olga N.
“Lots of practice and real processes: hand-off, Dev Mode, tokens. Very practical”
- Andrey K.
Ready to get started? Take the first step today
Leave a request - we will help you choose a format and answer your questions.
