недель
на
курс
новой группы каждую
неделю, присоединяйтесь
в любой день
содержание и инструменты
Обязанности веб-дизайнера
Инструменты для работы веб-дизайнера
Работа в команде
Проработка брифа
Этапы работы над сайтом
Организация рабочего процесса
Работа с заказчиком
Подбор проекта
Брифинг
Scrum
Trello
Asana
• Выбор темы учебного проекта
• Начало работы над проектом
содержание и инструменты
Тренды в веб-дизайне
Источники трендвотчинга
Как работать с референсами
Источники вдохновения
Портфолио успешных дизайнеров
Анализ конкурентов
Критерии анализа конкурентов
Сегментация ЦА
Сторителлинг
Референсы
CustDev
Матрица потребностей
• Подбор референсов для проекта
• Создание таблицы анализа конкурентов
• Создание таблицы анализа ЦА
содержание и инструменты
Внешняя структура сайта
Виды сайтов
Обязательные разделы сайта
Структура страницы
Особенности интернет-магазинов
Корпоративные сайты
Информационные сайты
Элементы интерфейса
Прототипирование
MindMup
Customer journey map
Figma
• Подготовка внутренней и внешней схемы будущего сайта
• Создание прототипа в Figma
содержание и инструменты
Понятие модульной сетки
Понятие модулей
Типы модульных сеток
Адаптивность сайта
Принцип якорных объектов
Размещение по сторонам
Принцип близости
Схемы расположения объектов
Схема F
Схема Z
Принцип "якоря"
Принцип "близости"
• Построение модульной сетки в Figma
• Выбор схемы расположения объектов
содержание и инструменты
Прототипирование интерфейсов
Виды прототипирования
Плюсы и минусы прототипов-скетчей
Особенности статичных прототипов
Интерактивные прототипы
Примеры интерактивных прототипов
Способы создания интерактивных прототипов
Работа с Figma
Скетчи
Статичные прототипы
Интерактивные прототипы
Анимация в Figma
• Создание в Figma интерактивного прототипа сайта
•
содержание и инструменты
Варианты пользовательских сценариев
Внесение корректировок в прототип
Customer journey map
Заполнение таблицы карты путешествий
Управление вниманием пользователя
Понятие визуального веса
Позиционирование
Управление вниманием с помощью лиц
Customer journey map
Визуальный вес
Позиционирование
Управление вниманием
• Заполнение таблицы Customer journey map
• Внесение корректировок в прототип
содержание и инструменты
Визуальное оформление сайта
Создание карты настроений
Дизайн-концепция
Параметры набора
Цветовой круг
Свойства цвета
Восприятие цветов
Сочетание цветов
Шрифты
Иконки
Фотостоки
UI-kit
• Работа с визуальными элементами макета в Figma
содержание и инструменты
Создание главной страницы
Варианты проработки интерфейса
Общая концепция сайта
Подбор визуала
Проработка внутренних страниц
Адаптивность сайта
Способы оформления страниц для компьютеров
Оформление страниц для смартфонов
Главная страница
Внутренние страницы
Страница для компьютера
Страница для телефона
• Доработка главной страницы сайта
• Доработка внутренних страниц для компьютеров и телефонов
содержание и инструменты
Что такое мокап
Оформление дизайна в мокап
Как создать мокап
Скачивание готовых мокапов
Размещение макета
Мокапы компьютера
Мокапы компьютера
Полезные ссылки
Мокапы
Getcover
Framer
Мокап онлайн
• Поиск мокапов компьютера и телефона с разных ракурсов
• Размещение макета в мокапе
содержание и инструменты
Работа с Behance
Примеры кейсов на Behance
Способы записи экрана компьютера
Грамотный поиск заказов
Заказы на биржах фриланса
Заказы из социальных сетей
Работа с карьерными сайтами
Способы презентовать работу заказчику
Behance
Биржи фриланса
Соц. сети
Карьерные сайты
• Презентация и защита учебного проекта
Пройдя наш курс ты сможешь зарабатывать фрилансом, более того можно начать работать прямо во время обучения, окупить затраты и увеличивать свой доход
создание дизайна лендинга
дизайн интернет-магазина
средняя зарплата веб-дизайнера
После окончания курса вы получаете Персональный сертификат
По итогам обучения на курсе вы получаете персональный сертификат. Слушатели онлайн-курсов могут получить документы в учебном центре, либо по почте.
