Web design 3.0 - free course from Skillbox, training, Date: November 29, 2023.

1st level: Intern

You will learn how to design social networks and make slides for presentations. You will also practice designing longreads, landing pages and letters for newsletters. Tasks you will work with:

Advertising banner design
Explore different banner formats and file extensions. Master the simplest retouching techniques. You will learn how to resize a layout for different tasks and adjust font sizes. You can create a high-quality banner according to the customer’s brief.

Working with vector graphics
Find out why web designers use vector graphics. Learn to confidently work with curves, layers, and selection tools. You will be able to color black and white illustrations, edit text logos and arrange ready-made vector drawings in the layout.

Text decoration
Learn to apply the rules of composition and typography, place color accents and design text in a high-quality manner, based on the brand book from the customer. You can not only work with the appearance of the text, but also edit headings so that they look attractive.

Presentations and landing pages for commercial offers
You will understand how to structure a large amount of data and turn it into a beautiful picture. You will work with complex typographic elements: factoids, footnotes, abbreviations and footers. Learn to use modular grids, as well as techniques of temporhythmics and color psychology.

2nd level: Junior

You will take the first steps towards designing multi-page websites. You will work with galleries, registration forms, menus and other basic interface elements. Here are the tasks awaiting you at this level:

Creating a visual concept for the site
You will learn what elements a multi-page website consists of, how to regulate the level of visual noise and manage user attention. Get acquainted with the process of creating a website from scratch. Learn to structure projects in Figma, create mood boards and interact with layout designers. Understand the legal aspects of design.

UI kit development
Learn the basic components of a UI kit and popular styles for its design. You will maintain a balance of colors in the layout. You will practice creating font pairs and project styles. You can create a high-quality UI kit based on the customer’s brand book.

Design of headers, footers and menus
You will understand what fonts and colors are suitable for these 3 elements. Learn to formulate headlines and CTAs, create a harmonious composition and work with graphics.

Design of online showcase and product cards
You will understand the microelements of a gallery and product presentation formats. You will understand what a simple card and catalog consists of. Learn to group elements and arrange them in a user-friendly order.

Working with the registration form
Learn how to create feedback forms you'll want to fill out. Learn to work with color contrasts and arrange fields in the right order.

Multi-page website with showcase
Learn to use storytelling techniques, graphics and simple special effects in website design. You will understand how to highlight important elements without breaking out of the overall style. Prepare a website layout for layout.

Level 3: Pre-middle

At this stage, the biggest and most ambitious tasks await you: designing an online store, corporate website and mobile application. You will learn not only how to draw beautiful layouts, but also how to use analytics to create user-friendly and functional designs. To successfully complete the level you need to work on these tasks:

Product catalog design
Get acquainted with the principles of UX and UI design. Learn to use the persona method to select optimal design solutions. Learn what the mobile first approach is and when it is appropriate. You will be able to competently create a product tree, set up filters and make convenient previews.

Design of a card with branches
Learn to build a user journey map and analyze the design of competitors' websites. Find out what elements you need to create a clear and convenient branch map. You will be able to correctly place visual accents.

Working with complex product cards
You will understand how to build hypotheses when creating complex designs. You will analyze standard and unusual design solutions and be able to create effective cards for the customer’s website. You will learn how to improve a design using animation in After Effects, correctly transfer the finished prototype to developers, and conduct an A/B test.

Checkout page
Learn the online purchasing process and popular marketing techniques that will help you create a website that sells. You can create a convenient design of the order confirmation form for both desktop and smartphone.

Complex registration form
Find out what motivates users to register on sites. Get acquainted with the main elements of the registration form and learn how to correctly place them on the layout.

Delivery checkout page
Review the required fields and additional buttons for the delivery page. You will find out what designers often forget about when working with this section of the site, and you will be able to avoid mistakes.

Personal Area
You will understand when people use personal accounts. Learn to beautifully format statistics about user actions for reporting to the customer. You will be able to research customer experiences and use them to improve your design.

Working with order information
You can create pages with order information for different areas of your business. You will understand how this data influences user behavior. Explore different visual solutions and learn how to work with user information.

Support chat design
Learn what to consider when creating a chat. Learn to analyze the work of chats on competitors’ websites, avoid their mistakes and notice good features.

Simple site control panel
Learn to work with complex data necessary for the normal operation of the admin panel. You can design the control panel so that it is convenient, understandable and looks good on any screen.

Page for corporate clients
You will understand how benchmarking will help you choose successful design solutions. Learn to add animation to your layout to clearly demonstrate the interface to the customer.