Программа курса
Основы веб-дизайна и работа в Figma
На этом курсе начинают с основ. Студенты осваивают базовые инструменты Figma - главного инструмента дизайнера. Учатся работать с сеткой, понимать размеры экранов различных устройств. Разбирают типографику - кегль, интерлиньяж, начертание шрифтов. Создают первые кнопки и изучают их состояния. Ознакомляются с основными видами сайтов - лендинг, многостраничные сайты, e-commerce - и принципами хорошего интерфейса.
Создание Landing Page
Здесь переходят к практике. Студенты учатся строить структуру лендинг пейдж по моделям AIDA и PMPHS. Работают с вертикальным ритмом и модульной сеткой. Последовательно создают все экраны лендинг пейдж - от первого экрана с хедером до футера. На воркшопе разбирают командообразование и распределение ролей в команде.
Визуальное оформление и референсы
Этот блок про эстетику. Студенты учатся искать вдохновение и референсы на Pinterest, Behance, Dribbble. Используют бесплатные стоки и векторные редакторы. Изучают колористику - подбор цветов с помощью круга Иттена. Добавляют в композиции декоративные элементы - плашки, линии, геометрические фигуры. Работают с иконками - векторными и растровыми.
Многостраничные сайты и сложные инструменты Figma
Здесь переходят к более сложным проектам. Студенты разрабатывают структуру многостраничного сайта. Сначала создают вайрфреймы, затем переходят к главной странице. Осваивают компоненты в Figma, вложенность страниц, Autolayout для внутренних страниц. На воркшопе играют в командную игру для закрепления навыков сотрудничества.
Анимация интерфейса
Этот модуль про оживление дизайна. Студенты создают кликабельные прототипы с триггерами анимации. Работают с продвинутыми кнопками. Изучают базовую анимацию интерфейса, затем переходят к более сложным smart-анимациям. На воркшопе рассматривают тайм-менеджмент для эффективной работы.
Адаптивность и пользовательский опыт
Здесь сосредотачиваются на mobile-версиях. Студенты адаптируют многостраничный сайт под мобильные устройства - меню, главную страницу, внутренние страницы. Параллельно изучают основы UX - usability, user flow, сценарии поведения пользователей, целевую аудиторию. На воркшопе работают над целеполаганием.
Формы и pop-up окна
Этот модуль посвящен интерактивным элементам. Студенты создают поля для ввода - от простейших input до сложных форм с выпадающими списками, checkbox и radio button. Работают с pop-up окнами различного назначения.
E-commerce сайты и их адаптация
Самый большой практический блок про интернет-магазины. Студенты разрабатывают полный цикл e-com сайта - от домашней страницы и хедера до каталога товаров, фильтров поиска, карточки товара, корзины, личного кабинета и футера. Затем адаптируют весь сайт под mobile - каждый элемент отдельно. Завершают макеты формами регистрации. На воркшопах изучают финансовую грамотность - от криптовалюты до личного бюджета.
Креативные решения и передача проекта
Здесь экспериментируют с нестандартными подходами. Студенты изучают различные виды скролла - слайды, горизонтальный скролл. Используют креативные решения для изображений, иконок, шрифтов. Ознакомляются с современными трендами, анимацией скролла, parallax эффектом. Адаптируют креативный лендинг под mobile. Затем учатся передавать проект разработчикам - создают UI-Kit, 404 страницы, favicon, preloader, ТЗ. На воркшопе развивают креативное мышление.
Работа с клиентами и построение карьеры
Финальные модули о карьере. Студенты учатся общаться с заказчиками - составляют бриф, вносят правки, утверждают макеты. Затем создают портфолио - делают кейсы для Behance с лендинг пейдж и e-com сайтов, используют mockup, добавляют анимацию, создают презентации. Готовят CV - как классические, так и дизайнерские версии. Обучаются презентовать себя и свои проекты. На последнем воркшопе разбирают коммуникацию в онлайн и офлайн средах.
Финальная презентация и бонусные материалы
Завершают курс финальной презентацией проекта в Figma. Учатся эффективно представлять свою работу. Получают бонусные материалы - дополнительный урок про CV, список источников для поиска работы, PDF с английской терминологией, ресурсы со шрифтами, горячие клавиши Figma.
Что еще получают студенты
На курсе выпускники получают сертификат. Обучение происходит на отдельной онлайн-платформе с личным кабинетом. Ментор сопровождает на протяжении всего курса. Группы небольшие, что гарантирует внимание каждому. Лучшие проекты участвуют в конкурсе с подарками. Есть сервис заботы и дополнительные материалы.
