PRO Web: курс по веб‑дизайну от Алексея Гамова и команды WebValley Studio
ПРАКТИЧЕСКИЙ ОНЛАЙН-КУРС ПО ПРОФЕССИИ «ВЕБ-ДИЗАЙНЕР»
Освой профессию на студийном уровне, стань уверенным веб-дизайнером и начни карьеру в Digital через 3 месяца обучения.
Забронируй место через анкету предварительной записи на курс
Анкета предварительной записи на курс
Каждый новый модуль — это новая теория + новая практика + закрепление предыдущих результатов. При этом ничто вас не ограничивает брать в работу реальные кейсы. Наши студенты приходят на обучение как с нуля, беря заказ ближе к концу программы, так и с уже реальными проектами, попутно получая консультации по коммерческому заказу.
Программа обучения
Программа курса «PRO Web» выстроена пошагово от простого к сложному
1,5 недели
1. Введение и аналитика
Результат:
Научитесь проводить анализ рынка и конкурентов, брифовать заказчика, анализировать смыслы для формирования позиционирования продукта и понимать, какую бизнес-задачу будет решать разрабатываемый проект.
Содержание:
— Основные виды сайтов;
— Современные стили в веб-дизайне;
— Основные цели дизайна для бизнеса;
— Брифинг: состав и методология брифинга;
— Карта анализа брифа и ключевых смыслов проекта;
— Анализ конкурентов на упаковку;
— SEO-исследование;
— Основы UX-исследования;
— UI-исследование;
— Теханализ конкурентных проектов;
— Понятие и примеры отраслевых стандартов.
— Современные стили в веб-дизайне;
— Основные цели дизайна для бизнеса;
— Брифинг: состав и методология брифинга;
— Карта анализа брифа и ключевых смыслов проекта;
— Анализ конкурентов на упаковку;
— SEO-исследование;
— Основы UX-исследования;
— UI-исследование;
— Теханализ конкурентных проектов;
— Понятие и примеры отраслевых стандартов.
1 неделя
2. Типографика и основы работы в Figma
Результат:
Научитесь работать в Figma и освоите основные инструменты для создания дизайна, сформируете вкус и насмотренность, поймёте из каких секций строится структура сайта и изучите вопрос подбора шрифтовых пар для своих проектов. А также создадите первый дизайн-проект — лонгрид.
Содержание:
— Установка и обзор графического редактора Figma;
— Виды и классификация основных блоков сайта;
— Практика работы с композицией, сеткой и формирование насмотренности;
— Всё о типографике и выборе шрифта.
— Виды и классификация основных блоков сайта;
— Практика работы с композицией, сеткой и формирование насмотренности;
— Всё о типографике и выборе шрифта.
1 неделя
3. UX & Low Fidelity Design
Результат:
Научитесь анализировать решения, проводить UI-визуальные исследования и грамотно согласовывать будущее дизайн‑решение с заказчиком ещё до отрисовки макетов, изучите принципы композиции, иерархии и поймёте, как фокусировать внимание пользователей на важных частях сайта, а также спроектируете модель продающего лендинга.
Содержание:
— Формула Landing Page: продающая структура лендинга;
— Визуальное исследование и Style Board;
— Сетки и фокус внимания в проектировании сайта;
— Построение грамотного повествования и логичной структуры сайта.
— Визуальное исследование и Style Board;
— Сетки и фокус внимания в проектировании сайта;
— Построение грамотного повествования и логичной структуры сайта.
1,5 недели
4. UI & High Fidelity Design
Результат:
Пошагово пройдёте все ступени дизайна от структуры и аналитики до финализации концепции в Figma на основе лендинга, освоите ряд инструментов для работы с фотографией, научитесь подготавливать контент, Style-кит и продумывать анимацию.
Содержание:
— Композиция, компоновка и группировка объектов;
— Создание акцентов и понятие веса объекта;
— UX/UI-проектирование страницы;
— Основы фирменного стиля и айдентики;
— Психология цвета, работа с цветом и подбор палитр;
— Способы эффективного заимствования цвета;
— UI: дизайн-концепция и её отрисовка;
— Стилистика и поиск графических изображений;
— Обработка PNG и SVG изображений + удаление фона;
— Финальный дизайн лендинга;
— Итеративный подход в дизайне сложных концепций.
— Создание акцентов и понятие веса объекта;
— UX/UI-проектирование страницы;
— Основы фирменного стиля и айдентики;
— Психология цвета, работа с цветом и подбор палитр;
— Способы эффективного заимствования цвета;
— UI: дизайн-концепция и её отрисовка;
— Стилистика и поиск графических изображений;
— Обработка PNG и SVG изображений + удаление фона;
— Финальный дизайн лендинга;
— Итеративный подход в дизайне сложных концепций.
1 неделя
5. Передача в производство
Результат:
Научитесь подготавливать мобильную и планшетную версию, поймете принципы работы с адаптивом на основе требований разработчиков, а также научитесь грамотно передавать дизайн-макеты в разработку, чтобы на выходе получить качественный сайт.
Содержание:
— Подготовка макетов к вёрстке и простановка комментариев;
— Дизайн адаптивных версий;
— Виды анимации и её проработка;
— Дизайн технических страниц и дополнительных атрибутов сайта;
— Выгрузка макета.
— Дизайн адаптивных версий;
— Виды анимации и её проработка;
— Дизайн технических страниц и дополнительных атрибутов сайта;
— Выгрузка макета.
1,5 недели
6. Разработка сайтов на Tilda в Zero-block
Результат:
Научитесь разрабатывать сложные дизайн-решения и анимацию из своих макетов без навыков программирования при помощи платформы Tilda, публиковать и запускать их под ключ.
Содержание:
— Обзор платформы;
— Настройки и сервисы;
— Работа со стандартными блоками и вёрстка лонгрида;
— Разбор Zero-блока;
— Методика скоростной вёрстки в Zero от команды разработки WebValley;
— Верстка, адаптация под гаджеты, техническая настройка и продвинутая анимация лендинга;
— Приём заявок на сайте из форм;
— Настройка домена на Reg.ru;
— Передача сайта и работа по партнёрке.
— Настройки и сервисы;
— Работа со стандартными блоками и вёрстка лонгрида;
— Разбор Zero-блока;
— Методика скоростной вёрстки в Zero от команды разработки WebValley;
— Верстка, адаптация под гаджеты, техническая настройка и продвинутая анимация лендинга;
— Приём заявок на сайте из форм;
— Настройка домена на Reg.ru;
— Передача сайта и работа по партнёрке.
1 неделя
7. Разработка интернет-магазинов на Tilda
Результат:
Научитесь анализировать, проектировать интернет-магазин с нуля и пошагово отрисовывать дизайн в Figma, а также запускать ИМ на Tilda под ключ.
Содержание:
— Основные виды и типы интернет-магазинов;
— UX: Аналитика и проектирование интернет-магазинов;
— Функционал и технические возможности;
— Разбор процесса дизайна интернет-магазина;
— Импорт/экспорт товаров;
— Корзина, заявки, платёжные системы и уведомления о заказе;
— Tilda CRM;
— Юридические аспекты.
— UX: Аналитика и проектирование интернет-магазинов;
— Функционал и технические возможности;
— Разбор процесса дизайна интернет-магазина;
— Импорт/экспорт товаров;
— Корзина, заявки, платёжные системы и уведомления о заказе;
— Tilda CRM;
— Юридические аспекты.
1,5 недели
8. SEO-оптимизация и подготовка к продвижению
Результат:
Научитесь анализировать, оптимизировать и подготавливать проекты к SEO-продвижению. Так вы сможете увеличивать стоимость проекта в 2−3 раза и получать кейсы, которые уже после запуска могут оказаться в ТОП-е.
Содержание:
— Введение в SEO-оптимизацию;
— Работа с ключевыми запросами;
— Сбор и кластеризация семантического ядра;
— Проектирование SEO-структуры на основе ядра;
— Построение системы метатегов и релевантности;
— Техническая оптимизация сайта;
— Настройка SEO на Tilda;
— Редирект;
— Индексация, Yandex.Webmaster и Google.Console;
— Разбор и подключение систем аналитики: Яндекс.метрика и Google.Analytics.
— Работа с ключевыми запросами;
— Сбор и кластеризация семантического ядра;
— Проектирование SEO-структуры на основе ядра;
— Построение системы метатегов и релевантности;
— Техническая оптимизация сайта;
— Настройка SEO на Tilda;
— Редирект;
— Индексация, Yandex.Webmaster и Google.Console;
— Разбор и подключение систем аналитики: Яндекс.метрика и Google.Analytics.
3 недели
9. Курсовая работа
Результат:
Пошагово пройдете от начала и до конца все стадии проекта и защитите дипломную работу по дизайну. После защиты получите сертификат, к которому прилагается чувство свободы, счастья и победы над самим собой.
Содержание:
3 недели под наставничеством куратора или Алексея (в зависимости от тарифа) создаете дипломный проект
1 неделя
10. Коммуникация, техпроцесс и юридические аспекты
Результат:
Получите методику расчёта стоимости, сроков согласно техпроцессу, изучите основы менеджмента и стартовую юридическо-правовую базу, для того чтобы уверенно отстаивать решения, не нарушить чьи-либо права, не бояться потерять деньги и увеличить чек за заказ.
Содержание:
— Классическая школа продаж;
— Переговоры по Кэмпу;
— Юридическое оформление;
— Авторское право;
— Документооборот;
— Техническое задание;
— Технологическая карта проекта;
— Расчёт стоимости и сроков;
— Pre-sell; Up-sell и Cross-sell.
— Переговоры по Кэмпу;
— Юридическое оформление;
— Авторское право;
— Документооборот;
— Техническое задание;
— Технологическая карта проекта;
— Расчёт стоимости и сроков;
— Pre-sell; Up-sell и Cross-sell.
11.* Бонусный: «мульти-сайты»
Результат:
Сможете создавать сложные проекты с точки зрения функционала с авто-подменой блоков / секций / контента для будущих масштабных задач и A/B тестирований.
Содержание:
— Создание мульти- и гео-лендингов;
— Настройка многоязычности сайта.
— Настройка многоязычности сайта.
12.* Бонусный: «вёрстка»
Результат:
Сможете самостоятельно выполнять простую работу с кодом и кастомизировать сайты на Tilda под требования заказчика, редактируя даже стандартные предустановленные блоки в Tilda.
Содержание:
— Введение;
— HTML-Вёрстка;
— CSS;
— Консоль;
— Работа с Tilda;
— Модификации.
— HTML-Вёрстка;
— CSS;
— Консоль;
— Работа с Tilda;
— Модификации.
13.* Бонусный: «портфолио»
Результат:
Сможете создать отличное портфолио дизайнера для отправки заказчику, поймёте, о чём там писать, каким должен быть дизайн. А также научитесь профессионально оформлять кейсы на Behance и начнёте продвигаться на этой площадке.
Содержание:
— Структура и состав сайта-портфолио;
— Оформление кейса на Behance.
— Оформление кейса на Behance.
Так как мы ограничиваем число мест, всем кто заполняет анкету предварительной записи на курс за неделю до объявления о старте продаж даётся возможность заранее забронировать место.
Забронируйте место заранее
Перейдите в чат с нашим менеджером, нажав на кнопку ниже. Ответим в рабочее время с 10 до 18 часов по Москве.
Связаться