Geekbrains

Факультет веб-дизайна

  • Начальный уровень
  • Наставник: Есть
  • Сертификат: Есть
  • Формат: Online
  • Рассрочка: Есть
  • Язык: Русский
  • Осталось мест: Неограничено
Записаться

Факультет веб-дизайна

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

Веб-дизайнер придумывает и проектирует интерфейсы для сайтов и веб-приложений так, чтобы они были удобными для пользователя и эффективными для решения бизнес-задач. Он креативен, на «ты» с инструментами дизайна, а также знает основы верстки и умеет работать с аналитикой.

Для кого этот курс?
  • Тем, кто хочет освоить творческую профессию с нуля
    Вы получите все необходимые инструменты для быстрого старта в сфере веб-дизайна, научитесь с блеском решать креативные задачи и соберете портфолио, которое впечатлит работодателей.
  • Тем, кто хочет сменить рутину на амбициозные задачи
    Вы сможете самостоятельно создавать интерфейсы и анимацию для любых веб-форматов – пора воплотить в жизнь накопившиеся идеи! Вы освоите новую востребованную профессию, в которой нет места скуке и однообразию.
  • Тем, кто хочет стать фрилансером и работать на себя
    Вы научитесь с нуля создавать дизайн для сайтов, лендингов, баннеров, креативно подходить к решению любых задач, быстро находить клиентов, грамотно выстраивать отношения с заказчиком и работать без офиса из любой точки мира.
Программа обучения
I четверть. Введение в профессию
  • Вводное занятие на факультете
    — Что такое веб-дизайн
    — Процесс обучения
    — Ответы на вопросы

    1 урок
  • Figma: от прототипирования к проектированию
    — Введение: создание графики в Figma
    — Маски и эффекты. Работа с цветом и текстом
    — Работа с компонентами. Прототипирование в Figma, плагины
    — Вебинар. Итоговый разбор работ и ответы на вопросы
    9 уроков
  • Дизайн как индустрия
    — Техническое задание, целевая аудитория, бриф
    — Этапы работы дизайнера
    — Конкурентный анализ
    — Презентация себя и своих работ
    — Как заходить в профессию: критерии оценки хорошего дизайнера
    5 уроков
  • Adobe Photoshop для веб-дизайнера
    — Виды графики, цветовые модели
    — Основные инструменты
    — Слои и артборды
    — Работа с изображениями, цветокоррекция
    — Смарт-объектыGif-анимация
    — Простые 3D-объекты
    13 уроков
  • Основы типографики и композиции
    — Введение: основы композиции
    — Баланс, симметрия и вес в композиции
    — Основные законы композиции
    — Воркшоп по композиции
    — Шрифт: история и анатомия
    — Шрифт в дизайне
    — Воркшоп по типографике: теория на практике
    — Сборка единой картины
    10 уроков
II четверть. Основы веб-дизайна
  • Основы веб-дизайна
    — Вводный вебинар. Работа с брифом
    — Структура сайта
    — Предпроектная подготовка: работа с референсами и мудборд
    — Прототипирование
    — Подготовка контента
    — Юзабилити сайтов
    — Онлайн-разбор работ студентов
    — Композиция в веб-дизайне. Принцип близости, правило внутреннего и внешнего
    — Модульные сетки
    — Основы типографики
    — Основы типографики в веб-дизайне
    — Колористика и стайл-гайды
    — Онлайн-разбор работ студентов. Типичные ошибки
    — Передача макета на верстку разработчикам
    — Адаптивный дизайн. Оформление портфолио
    — Итоговый вебинар: защита проектов

    16 уроков
  • История дизайна
    — Истоки дизайна
    — Авангард
    — Модернизм
    — Постмодерн
    — Современный дизайн

    7 уроков
  • Adobe Illustrator для UX- и веб-дизайнеров
    — Основы работы с векторной графикой
    — Основные инструменты программы
    — Кривые Безье
    — Маски, трансформация изображений
    — Отрисовка иллюстраций и элементов интерфейса, баннеров

    9 уроков
  • Основы верстки для веб-дизайнера
    — Введение. Разбор макета для верстки
    — Основы языка разметки документов HTML
    — Основы языка оформления стилей документа CSS
    — Формирование блочной модели
    — Работа с макетом
    — Позиционирование элементов
    — Создание адаптивного сайта
    — Стандарты web и вспомогательные инструменты
    — Разбор макета для верстки

    10 уроков
  • Онлайн-конструкторы сайтов: Tilda
    — Вводная лекция. Знакомство с конструкторами
    — Создание лендинга из готовых блоков
    — Zero block. Как собрать уникальный дизайн в Tilda
    — Навигация и настройки сайта
    — Адаптивный дизайн в Tilda
    — Анимация
    — Итоговый разбор работ

    12 уроков
III четверть. Продвинутый дизайн
  • Основы UX/UI. Дизайн продукта

    — Оценка удобства интерфейса для пользователя
    — Описание аудитории с помощью метода JTBD и метода персон
    — Создание прототипа продукта: паттерны мышления пользователя
    — Исследование потребностей пользователя качественными методами (касдев)
    — Создание гайда для глубинного интервью
    — Принципы удержания внимания пользователя
    — Customer Journey Map
    — Создание кликабельного MVP
    — Юзабилити тестирование MVP
    — Оценка соответствия MVP потребностям пользователей. Создание второй итерации продукта
    — Презентация UX-решения заказчику

    16 уроков
  • Adobe After Effects. Базовый
    — Введение: интерфейс, базовые инструменты анимации слоев
    — Импорт из Figma. Анимация с помощью масок
    — Анимация текста
    — Анимация интерфейса. Принципы анимации Google Material Design и рекомендации Apple Human Interface
    — 12 принципов анимации Диснея. Как они работают в веб- и UI/UX-дизайне
    — Подготовка кейса. Основы создания ролика
    — Презентация итоговых работ

    13 уроков
  • Рекламные материалы
    — Оформление соцсети по брифу заказчика
    — Дизайн почтовой рассылки. Цели и аудитория
    — Рекламное решение задач заказчика
    — Создание пака стикеров для Telegram

    3 урока
  • InVision. Интерактивный курс
    — Простой анимированный прототип с нуля
    — Анимация прототипа из Figma
    — Анимация для интерфейса

    10 уроков
IV четверть. Дипломный проект
  • Построение карьеры
    — Эффективная самопрезентация
    — Работа с заказчиком: ТЗ, бриф, диалог
    — Защита дизайн-решения на основе анализа рынка и результатов исследований
    — Адаптация дизайн-решения под требования заказчика
    — Оценка сроков и стоимости выполнения заказа
    — Резюме и портфолио
    — Подготовка рабочей документации
    5 уроков
  • Основы 3D-моделирования для веб-дизайнеров
    — Простая 3D-анимация
    — 3D-анимация как дизайнерское решение
    4 урока
  • Итоговая дипломная работа
    Вы примените все полученные навыки в проекте от компании-партнёра – у вас будет бриф и конкретная бизнес-задача. А после презентуете решение кураторам и получите обратную связь от клиента.

    — Аналитика поведения пользователя
    — Тестирование интерфейса (MVP)
    — CJM (карта поведения пользователя)
    — Разработка сложных интерфейсов
    — Работа в брифом и ТЗ
    — Дизайн-мышление
    — Создание кликабельного прототипа. Компоненты
    — Навык эффективной презентации себя и своего проекта. Аргументация выбора дизайн-решения
    — Поэтапная работа над проектом. Зачет промежутков
    8 уроков
  • Итоговое собеседование
    — Подготовка и презентация портфолио для заказчика
    — Защита дизайн-решения
    — Презентация опыта. Релевантность для заказчика
    — Оформление резюме в соответствии с целями желаемой позиции

    1 урок
Преимущества
  • Подробная программа и актуальные навыки
    Вы узнаете, как работает индустрия дизайна изнутри. Освоите такие инструменты, как Figma, Photoshop, Illustrator, After Effects, Invision, Tilda. Научитесь самопрезентации и работе с ТЗ, брифом и гайдами. Разберетесь в основах верстки, сможете исследовать пользовательский опыт и юзабилити. И разработаете проект большого вебсервиса в качестве дипломной работы.
  • Гарантия трудоустройства
    Мы гарантированно поможем вам трудоустроиться после окончания курса. Если вы не смогли найти работу по новой специальности вернем все деньги за обучение.
  • Прямой контакт с преподавателями
    Вы можете задать вопрос преподавателям в любой момент, не только во время занятий. Ответ будет максимально быстрым – наши эксперты всегда на связи. Плюс – вы получите обратную связь по каждому домашнему заданию.
  • Программа от экспертов топовых компаний
    Курс разработан вместе с экспертами Mail.ru Group, Студии Артемия Лебедева, Яндекса, Сбербанка, Miro, Лаборатории Касперского. Вы будете учиться на реальных кейсах и пополните портфолио проектами на их основе.
  • Доступ к сообществу GeekBrains
    Вы найдёте полезные контакты и единомышленников в вашем городе, сможете делиться опытом в базе знаний GeekBrains. Будете посещать закрытые митапы, хакатоны и другие онлайн и офлайнмероприятия как слушатели и спикеры.
Знания и навыки, которые приобретете
  • Умею работать в Figma, Adobe illustrator, Adobe Photoshop, Invision, Adobe After Effects и Tilda
  • Могу сверстать адаптивный сайт с нуля
  • Могу провести конкурентный анализ, продумать концепцию и разработать позиционирование
  • Умею оформлять документацию проектов в разработку
  • Знаю, как работают основные метрики аналитики
Инструменты и программы
  • Figma
  • HTML
  • CSS
  • Tilda
  • After Effects
  • invision
  • Photoshop
  • Illustrator
  • UI/UX

Преподаватели

  • Алексей Кадочников

    Frontend Developer в Mail.ru Group

    Ведущий преподаватель GeekBrains, обучил более 30 000 студентов. Эксперт в области backend-разработки для интернет-магазинов.

  • Дарья Невская

    Старший арт-директор рекламных агентств Leo Burnett, McCann, Cheil. Иллюстратор, член Союза художников России и Международной ассоциации художников Европы. 10 лет арт-директор и 17 лет художник-иллюстратор на фрилансе.

  • Рената Ахмадеева

    Успела поработать в «Республике», Strelka, Red Keds и Яндексе. Умело пользуется модульными системами в различных форматах, рифмует изображения с текстом, умеет подавать информацию так, чтобы пользователь лучше её понимал.

  • Ксения Дарчия

    Дизайнер агентства B2B Creative. Разрабатывает дизайн сайтов, проектирует интерфейсы и рисует иллюстрации. Работала с такими брендами, как CeraVe, Vichy, «Лукойл», «Мир», Johnson & Johnson, PwC.

  • Андрей Кицен

    Почти 20 лет занимается визуальными коммуникациями. Работает с Tele2, Volvo, Mastercard, Procter&Gamble, Gillette, Shell, Nestle, Сбербанком, Газпромом. Продвигает ювелирный бренд E2J. Автор и соведущий «Дизайнподкаста». В прошлом — дизайнер, арт- и креативный директор в компаниях Martdesign, Papshevstudio, PR Partner.

  • Сергей Чирков

    Основатель CHYRKOV studio

    Студия Сергея Чиркова специализируется на графическом и веб-дизайне, разработке и фотографии. В 2018 году команда заняла первое место в рейтинге рунета «Лучшие диджитал-студии в сфере туризма». Также работает креативным директором европейского туроператора Intourist Thomas Cook.

  • Ирина Перевалова

    Веб-дизайнер

    Работала в Студии Артемия Лебедева. Была экспертом по лендингам в компании ACCEL. Преподавала в Санкт-Петербургской школе телевидения.

  • Анастасия Грунева

    Руководитель направления UX-дизайна направления МСБ в МТС

    UX / UI-дизайнер, исследователь. Фасилитатор воркшопов в МТС Банке. Ментор программ обучения GeekBrains. Преподаватель в учебном центре МГТУ им. Баумана.

  • Екатерина Тюхай

    UX Lead в ВТБ

    Фасилитатор курса UX/UI Британской высшей школы дизайна, исследователь, предприниматель. В 2019 году организовала «Дизайн-регату».

  • Ксения Гадалова

    Графический дизайнер, фрилансер

    Работала с «Роснефтью», Сбером, «Газпромом», Яндексом, «Финтехом», «Лукойлом», ВТБ, ОАК. Выполняла проекты для министерств развития Дальнего Востока, Краснодарского края, Ставрополья и туризма Китая.

  • Анастасия Чиханова

    Руководитель команды дизайнеров в Align Technology

    Занимается дизайном с 2007 года, продуктовым дизайном с 2011. Среди клиентов — МТС, Asus, Intel, Microsoft, Mastercard, РИВ ГОШ.

  • Максим Цветков

    Продуктовый дизайнер в «Лаборатории Касперского»

    Более 10 лет работает в сфере дизайна. Участвовал в создании таких проектов, как мобильные «Госуслуги» России и Москвы, а также «Активный гражданин» (iOS, Android, WinPhone).

  • Ярослава Костицына

    UI/UX-дизайнер

    В профессии более 10 лет. Работала в компаниях Nimax и Clay. Один из последних проектов — внутренняя система оформления заказов крупного российского ретейлера.

  • Михаил Кайнов

    Lead product designer в российской IT компании R7 (rseven)

    Занимается прототипированием и дизайном мобильных приложений, их промосайтов и лендингов. До этого работал старшим дизайнером в компании EMAILMATRIX: делал сайты, сервисы со сложными интерфейсами, письма, лонгриды, лендинги и промосайты.

  • Роман Шаповал

    UX/UI-дизайнер в стартапе в сфере финансово-управленческого учёта

    Создает веб-приложение, которое помогает бизнесу принимать решения на основе больших данных и финансовых методологий. Работал в компании MagicWebSolutions, а ещё над проектом Kanbanchi.com.

  • Арсений Иванов

    UX/UI-дизайнер в бюро Monographic

    Работает над финансовым продуктом. До этого создавал интернет-каталоги, интернет-магазины и корпоративные сайты в веб-студии Sunmedia, проекты становились финалистами рейтинга Рунета и CSS Winner.

  • Арина Троицкая

    Design Lead в Memory AS

    В прошлом — Senior Designer в Fantasy Interactive, работала над мобильным приложением и сайтом Royal Caribbean. Также была дизайнером интерфейсов в Redmadrobot.

  • Виктория Усова

    Старший эксперт по проектированию ПИ в T-Systems

    В T-Systems (РФ) занимается UX/UI-дизайном телекоммуникационного портала. До этого разрабатывала дизайн сайтов и приложений для разных компаний и ниш — от грузоперевозок до салонов красоты.

  • Александр Шавров

    Customer Journey Expert в ВТБ

    Работал в «Почта Банке», Qiwi и «МегаФон», исследовал удовлетворённость клиентов сервисами, оптимизировал процессы скоринга, развивал вспомогательные финансовые услуги.