Web design from scratch to PRO - free course from Skillbox, training, Date: November 29, 2023.
Miscellaneous / / December 02, 2023
For those who want to start a career in design
Learn to design websites and mobile apps from scratch in Figma. Collect a portfolio and be able to earn money from web design.
Self-taught designers
Learn UX design, responsiveness, and simple animation. Complete your portfolio with new works. Fill your knowledge gaps and become a professional designer.
For those who want to switch to freelancing
You will learn how to find customers yourself and do the work so that they come back. You can leave the office and work according to your own rules from anywhere in the world.
Figma from scratch to PRO
You will master the most popular web design program at a professional level. Learn how to create interactive prototypes, hand over designs to developers, and save time on routine tasks.
Getting to know Figma
You will understand the interface and basic settings of the program. Learn to use geometric shapes, layers, and text fields. Build your first prototype.
Figma Basic Tools
Learn what frames are and how they differ from layers. Learn to draw simple shapes, add color, effects and text. Learn the basics of prototyping.
Icons, illustrations and pictures
Learn how to create your own icons and manipulate images using Figma's internal tools. You can make design layouts from scratch without using third-party editors.
Components
Learn how to create components and use the settings panel. Learn how to make interactive prototypes and show the customer how people will use the future site.
Component Libraries and Common Styles
You can create libraries of styles and UI Kit to standardize interface elements. Learn to create neat layouts using modular grids.
Auto Layout and Variants
You will understand how to combine layouts into a system using the Variants function. You will be able to create and adapt complex interface elements for different devices.
Complex multi-page documents
Learn to work with basic screens and create a page tree. Get started with the Branches beta feature. You will understand how to organize the team’s work on different versions of the same layout.
Additional features and community of authors
Find out which plugins will help you quickly create draft projects and work with edits. Learn to add animation to prototypes.
Preparing a layout for developers
You can show the developer the technical aspects of the project and the code of the components. Learn to optimize your team's work using the Figma Jam plugin.
Web design from scratch to PRO
You will immerse yourself in the profession of a web designer. You will learn how to work on a project - from the first meeting with the client to the finished website. Learn to come up with creative ideas and draw on UX research. Hone your skills through design sprints.
Introduction to the profession of a web designer
Find out what problems web designers solve and why these specialists are so in demand. Get familiar with professional terms and tools.
First order: communication with the customer and technical specifications
Learn to communicate with the customer: find out the goals and limitations of the project, discuss references, plan deadlines. You will understand how to set the right expectations from work and not promise too much. Draw up technical specifications.
Search for an idea
You will understand how observation helps you find the best design ideas. Learn to analyze your competitors, create mood boards, and select successful references for your project.
Modular grids
Every layout starts with a modular grid. You will get acquainted with its types and learn how to choose the right one. Learn about the nuances of grids for mobile and full versions.
Vertical rhythm
Learn to control users' attention with the help of competent composition and vertical rhythm. Learn about visual hierarchy and understand what size each element on the page should be.
Typography
Learn to select fonts and combine them with each other. You will understand how to create an effective design taking into account the rules of typography.
Sprint 1
Expensive and minimalist: we create a landing page design based on typography
The task of texts in interfaces
Learn about the requirements for texts for interfaces. Learn the basics of UX copywriting. You will be able to modify the texts so that they are understandable to users and fit perfectly into the layout.
Colors, backgrounds and shadows
Master color theory and learn about its functions in the interface. You will understand how to select a palette for a website and highlight the elements that are most important to the user. You can create realistic shadows for buttons and other design components.
Contrast and readability
Learn how to visually highlight important blocks on a page and make text more readable. Get acquainted with the principles of inclusive design and be able to create websites for a wide audience.
First page prototype
Create a wireframe - a prototype that focuses on structure and logic rather than visual design. Master two design approaches: block and freestyle.
Sprint 2
UX writing: we create a landing page and prepare texts for all interface elements.
First page screen
Get acquainted with the atomic design method, which will speed up website design. You will understand how to capture the attention of users from the first screen. Learn to create buttons, icons, data entry fields and forms in a consistent style and scale.
User Research: Customer Journey Map and User Flow
Learn how to take into account the needs of your target audience in your design. Learn to create a Customer Journey Map and User Flow, evaluate user behavior at each stage of interaction with the site.
Navigation
Understand the types of navigation. You will understand what tasks and devices each of them is suitable for.
Design of main blocks
Learn to create product cards, sliders, blocks with benefits, tariffs and advertising. You will put together a full-fledged page and understand how to present it to the client. You will be able to explain your design decisions, adequately accept edits and work with customer objections.
Adaptability and Components
Get to know responsive web design and its principles. Let's look at popular adaptive meshes. Learn how to make a high-quality mobile version of the site.
Sprint 3
We adapt the page layout for computer, tablet and mobile phone.
Presentation of the project to the customer
Learn how to present a project in an effective and understandable presentation. Learn to explain your solutions to the customer and answer typical or unexpected questions.
Transferring the layout to developers
You will put the layers and their names in order, create simple animation of elements and transitions between pages, and create a specification. Learn to conduct a design review after layout.
Sprint 4
Techniques for an impressive portfolio: creating a case on Behance.
Portfolio case
You will figure out what is better for promotion - a business card website or a portfolio on design platforms. Learn how to create cases on Behance so that your work is noticed and appreciated. Learn about paid and free promotion methods.
Bonus modules
- Principles of successful work with the customer
- Where to look for orders
- How designers work in large teams
Graduation project
Website design concept
Choose one of the real customers and develop a website design for their business. Use storytelling principles to talk about your work.
E
egogo123
22.09.2022 G.
The Web design course from 0 to PRO became the foundation for a career
Advantages: Up-to-date, online, quickly check homework, teachers make a video review, help with work now. Disadvantages: Perhaps the price tag, but in fact the salary of good designers is now 150k-200k per month My experience taking courses began back in 2018 and the course on UX design, which I completed in 2021, I think that was not last. It’s difficult in our element without training, so I decided...
S
Sergey-fil
08.05.2022 G.
The impression is only positive
Advantages: Study at any time, whenever it is convenient for you. Disadvantages: Curators sometimes take a long time to check the work, but this is very rare. I studied as a skillbox in the web design course. I liked the courses, the information was given in a structured manner, until you finish one module and hand in the assignment to the curator, the next assignment will not open, so you analyze each topic in detail. I would be happy to purchase another course on design
S
Sammil
22.07.2021 G.
Exactly what is needed
I tried myself in SMM, SEO, development - it’s fashionable today, but not my thing at all.. I looked for other universities, looked for courses, but got burned too much. At first I was attracted by Yandex. Workshop" - a big name, a serious company, a lot of courses... but there is no web design that I wanted to try. I went to the Skillbox website to get it. Aesthetics is a great definition of how the guys who teach web design made their own...