Скидки на курсы ждут в личном кабинете. Нажмите тут
Есть рассрочка Поддержка куратора Домашние задания
PRО Веб-дизайн
Формат
Видеоуроки
Длительность
4 месяца
Уровень
Для новичков
Документ
Сертификат
Трудоустройство
Нет
Программа

Курс разработан для всех желающих освоить профессию «Веб-дизайнер». Вы научитесь создавать правильную структуру лендинга, сможете выбирать стиль, подходящий под выбранную тему и объяснять почему.

Программа длится 4 месяца и состоит из 38 модулей. Курс включает в себя тарифы: «Дизайнер Геткурс», «Дизайнер Тильда» и «Дизайнер универсал». По итогу прохождения курса вы пройдёте тестирование и получите сертификат.

  • Введение в профессию веб-дизайнер

    • Что делает дизайнер;
    • Знания из каких областей нужны веб-дизайнеру;
    • UX, UI-дизайнеры: в чем разница;
    • Инструменты для работы веб-дизайнера;
    • Какие задачи решает дизайн;
    • Интерфейс и классификация сайтов;
    • Этапы работы над проектом.
  • Психология пользователя

    • Составляющие психологии пользователей в рамках интерфейса;
    • Психофизиалогия;
    • Паттерны восприятия информации;
    • Поведенческий паттерн;
    • Проектирование интерфейса.
  • Основы Figma

    • Возможности и интерфейс Figma;
    • Основные инструменты в Figma и настройки;
    • Дополнительные инструменты.
  • Аналитика

    • Исследование бизнеса. Интервью с клиентом;
    • Исследование конкурентов;
    • Исследование ЦА и составление портрета пользователя.
  • Копирайтинг

    • Структура повествования;
    • Конкретика формулировок;
    • Пункты меню;
    • Основной заголовок и подзаголовок;
    • Заголовки и подзаголовки блоков;
    • Призыв к действию.
  • Структура лендинга. Прототип

    • Типовая структура лендинга;
    • Состав блоков;
    • Психофизиология интерфейсов;
    • Иерархия и отступы.
  • Визуальная концепция. Мудборд

    • Типографика;
    • Колористика;
    • Композиция;
    • Визуальная концепция.
  • Работа с UI-KIT

    • Что такое и для чего нужен UI - KIT;
    • Состав;
    • Стили, компоненты, автолейауты и варианты в Figma.
  • Практика. Сборка дизайн-макета лендинга

    • Дизайн-концепция;
    • Дизайн landing page целиком;
    • Адаптивность;
    • Передача макетов разработчикам.
  • Многостраничный сайт. Исследование

    • Сайт для онлайн-школы. Виды страниц. Бриф компании;
    • Анализ конкурентов;
    • Анализ ЦА;
    • Копирайтинг.
  • Многостраничный сайт. Прототипирование

    • Подробный разбор каждого из блоков конструктора;
    • Оформление блоков стандартными способами;
    • Оформление блоков через CSS-стили;
    • Прототипирование в Figma с учетом дальнейшей верстки на Геткурсе;
    • Бонус. Блог на геткурс.
  • Многостраничный сайт. Визуальная концепция

    • Мудборд и 2 дизайн-концепции;
    • Дизайн-макет всего сайта;
    • Проработка адаптивной версии.
  • Многостраничный сайт. Перенос макета

    • Перенос дизайна на геткурс;
    • Добавление анимации через код;
    • Проверка адаптивности.
  • Многостраничный сайт. Сборка проекта на конструкторе

    • Перенос дизайна на Tilda;
    • Создание сквозных шапки и подвала;
    • Добавление анимации на сайт;
    • Проверка адаптивности. 
  • Многостраничный сайт. Технические настройки

    • Обработчик формы;
    • Всплывающие блоки;
    • Системные страницы;
    • Подключение систем аналитики;
    • А В тестирование.
  • Многостраничный сайт. Технические настройки

    • Покупка домена и подключение к сайту;
    • Базовая настройка SEO;
    • Подключение систем аналитики;
    • Работа с формами.
  • Оформление портфолио

    • Площадки для размещения;
    • Принципы хорошего кейса;
    • Оформление кейса.
  • Оформление тренингов

    • Работа с мудбордом;
    • Дизайн-макет;
    • Перенос на Геткурс;
    • Анимация.
  • Личный бренд

    • Портфолио и социальные сети;
    • Резюме и сопроводительное письмо;
    • Как предлагать свои услуги и отработка возражений;
    • Поиск заказчиков.
  • Дополнительные материалы

    • Дипломы;
    • Гайды, чек-листы;
    • Презентации.
  • Интернет-магазин. Исследование

    • Выбор темы и бриф компании;
    • Анализ конкурентов;
    • Анализ ЦА;
    • Копирайтинг.
  • Интернет-магазин. Прототипирование

    • Элементы интерфейса/Компоненты сайта;
    • Принципы навигации;
    • Основные типы страниц;
    • Прототип интернет-магазина.
  • Интернет-магазин. Визуальная концепция

    • Мудборды и дизайн-концепции;
    • Составление UI-KIT;
    • Отрисовка дизайн макета;
    • Адаптивность.
  • Интернет-магазин. Финал

    • Интерактивный прототип в Figma;
    • Передача дизайн-макета заказчику.
  • Интернет-магазин. Бонус

    • Кастомизация проекта под Тильду;
    • Перенос проекта;
    • Работа с каталогом;
    • Платежные системы и промокоды;
    • Личный кабинет.
  • Интернет-магазин. Оформление кейса

    • Структура кейса;
    • Работа с мокапами в After Effects;
    • Размещение работы на Беханст.
  • Дипломная работа

    • Выбор темы. Исследование;
    • Прототипирование;
    • Мудборд;
    • Дизайн;
    • Сборка на Тильде;
    • Защита.
Чему научат на курсе
Разбираться в правилах композиции, типографике, колористике
Оформлять лендинги и тренинги на GetCourse
Разбираться в основах кодирования
Работать с платформой Tilda
Создавать интернет-магазины и многостраничные сайты
О школе
Международная Академия фриланса Skills PRO
8 курсов
Международная Академия фриланса Skills PRO

Лейла Риккуччи — идейный вдохновитель Международной Академии фриланса Skills PRO. Является действующим экспертом по технической настройке и администрированию платформы GetCourse, наставником в крупных проектах. Лейла Риккуччи настроила более 100 бизнес-процессов и провела более 500 консультаций по работе с онлайн-школами.

Курсы Академии помогают развиваться в digital-профессиях и переходить на удалённую работу. В арсенале Академии есть направления: «Технический Администратор онлайн-школы», «Веб-дизайнер» и мини-курсы по другим областям. Уже более 1000 студентов перешли на фриланс.

Кураторы Академии помогают учащимся получать результаты и реализовывать свои цели.

Оставить отзыв
Оставьте свой отзыв
Так вы сделаете рейтинг школ более точным и поможете другим выбрать хороший курс

Информация носит ознакомительный характер и может отличаться от указанной на сайтах школ-партнёров. Актуальную стоимость и описание программ вы можете узнать на сайте школы.