3-МІСЯЧНИЙ КУРС ДЛЯ ТИХ, ХТО ХОЧЕ СТАТИ ВЕБ-ДИЗАЙНЕРОМ

WEB DESIGN. BASIS

Лектори: команда дизайн-агенції League
Lector
читати далі
дата
1 вересня — 1 грудня
тривалість
26 занять

ЦЕ ВЕЛИКА ПРАКТИЧНА ПРОГРАМА ДЛЯ ВСІХ, ХТО ХОЧЕ ОСВОЇТИ ПРОФЕСІЮ ВЕБ-ДИЗАЙНЕРА І ЗАРОБЛЯТИ НА РЕАЛЬНИХ ПРОЄКТАХ ВІДРАЗУ ПІСЛЯ КУРСУ.

На цьому курсі ти навчишся з нуля створювати та продавати концепти сайтів. Ми пояснимо, як аналізувати конкурентів, спілкуватись із цільовою аудиторією сайту та визначати її болі. Ти розбереш інтерфейс Figma, підбереш шрифти та стилістику для проєкту, проведеш дизайн-сесію, збереш мудборд та sitemap.

Як результат — створиш дизайн сайту, презентуєш його реальному клієнту та поповниш портфоліо. Після курсу — зможеш працювати на фрилансі, в IT-компанії або в студії. Головне — назавжди забудеш про сайти-конструктори.

На тебе чекатимуть 25 занять, фідбек та підтримка лекторів і онлайн-зустріч з рекрутером League, після якої зможеш отримати запрошення на співбесіду.

Для кого

  • світчери

    отримаєш необхідну базу знань і створюватимеш макети сайтів у Figma — в агенції або на фрилансі

  • вебдизайнери-початківці

    структуруєш свої знання та навчишся створювати сайти на професійному рівні: від стратегії та мудборду — до фінального концепту

  • графдизайнери

    розшириш свій скілсет, навчишся створювати user-friendly продукт і зможеш брати вебдизайн-проєкти на фрилансі

Після курсу

  • • складаєш та заповнюєш креативні брифи та проводиш UI-, UX-, CX-аналіз, щоб краще розв’язати задачу клієнта

  • • проводиш дизайн-сесії: працюєш з рефами без плагіату, генеруєш ідеї, створюєш Mind Map та збираєш мудборд

  • • розбираєшся в основах типографіки та композиції, створюєш архітектуру й навігацію сайту

  • • розробляєш UI Kit: від кнопок — до іконок та панелей, адаптуєш сайт під різні пристрої: десктоп, mobile, tablet

  • • презентуєш фінальний проєкт реальному клієнту й рекрутеру, після чого можеш отримати запрошення на співбесіду

  • • додаєш кейс до портфоліо, збираєш послідовне CV та знаєш, як зацікавити працедавців

Лектори

Lector's name

КОМАНДА LEAGUE AGENCY

  • Вадим Гайдай, Юля Лисенко, Паша Кальнов, Оля Варченко, Віталік Дячук, Нікіта Висоцький, Марина Бурлака, Оксана Герасименко

  • League Agency — міжнародна агенція, яка реалізувала понад 260 проєктів у 36 країнах

  • інженери — у плануванні процесів, та художники — коли йдеться про креатив

  • в їхній колекції 47 міжнародних нагород, серед них — 16 нагород Behance, 3 золота The Ukrainian Creative Awards та 6 нагород Clutch

  • працювали з Cancer Treatment Centers of America (CTCA), Telescope Live, Vivadogs, Zeelander, Synergy, Alterra Group, iKydz, Friends English Club, Zenia App та ін.

Програма курсу

  • Етап 1. Знайомимось з основами

  • 01

    01/09 ЧЕТВЕР 19:30

    Не соромно спитати — чим займаються вебдизайнери?

    • види сайтів: типи, структури, функції
    • етапи роботи над сайтом та роль вебдизайнера на кожному з них
    • чи потрібна вебдизу команда?
  • Етап 2. Discovery (UX/CX)

  • 02

    05/09 ПОНЕДІЛОК 19:30

    Креативний бриф — що до чого?

    • креативний бриф
    • огляд основних метрик з гугл аналітики

    Д/З: підготувати питання для брифінгу клієнта

  • 03

    08/09 ЧЕТВЕР 19:30

    Брифінг

    • Зустрічаємось з реальним клієнтом. Брифуємось

    Д/З: заповнити креативний бриф. Визначити емоцію та архетип бренду

  • 04

    12/09 ПОНЕДІЛОК 19:30

    Дивимось на фішки конкурентів

    • але спочатку перевіримо попередні домашки
    • легко знайти й важко забути — шукаємо конкурентів
    • прямі та непрямі типи конкурентів
    • UI-, UX-, CX-аналіз: розбираємось у важких словах

    Д/З: знайти прямих конкурентів та проаналізувати їхні сайти

  • 05

    15/09 ЧЕТВЕР 19:30

    Customer Development — тестуємо ідеї для майбутнього продукту

    • шукаємо респондентів та генеруємо гіпотези
    • обираємо свій тип дослідження: кількісне або якісне
    • складаємо список запитань для аудиторії

    Д/З: згенерувати гіпотези й скласти список запитань для дослідження

  • 06

    17/09 СУБОТА 19:30

    Фідбек-сесія. Розбираємо аналіз конкурентів

  • 07

    19/09 ПОНЕДІЛОК 19:30

    Архетипи бренду

    • архетип та емоція бренду: розбираємось і визначаємо
    • 12 архетипів і різновиди емоцій: дивимось приклади
  • 08

    22/09 ЧЕТВЕР 19:30

    Фідбек-сесія. Перевіряємо гіпотези й запитання для дослідження

    Д/З: провести опитування ЦА

  • 09

    26/09 ПОНЕДІЛОК 19:30

    Нарешті добираємось до Figma. Створюємо графічні об’єкти

    • неважко, якщо розібратись — інтерфейс Figma
    • оглядаємо основні інструменти
    • майстер-клас з роботи у Figma на прикладі кнопок і банерів
    • створення графічних об’єктів

    Д/З: перемалювати секцію з дизайну, яку надасть лектор

  • 10

    29/09 ЧЕТВЕР 19:30

    Як не заблукати на сайті. Потрібен SiteMap

    • створюємо навігацію та архітектуру сайту
    • юзер не має губитись — структуруємо інфу, конструюємо сторінки
    • user story — опис фічі з точки зору юзера
    • job story — обставини, в яких юзер купує продукт
    • маркетингові моделі: що, навіщо та кому

    Д/З: cтворити sitemap для клієнта

  • 11

    03/10 ПОНЕДІЛОК 19:30

    Wireframes — створюємо клікабельний прототип

    • інструменти та стратегія створення вайрфреймів
    • налаштовуємо клікабельність прототипів
  • 12

    06/10 ЧЕТВЕР 19:30

    Фідбек-сесія. Ти презентуєш sitemap, лектор дає фідбек

    Д/З: відмалювати вайрфрейми за проєктом

  • Етап 3. Стиль

  • 13

    10/10 ПОНЕДІЛОК 19:30

    Дизайн-сесія — це як в універі: до неї треба готуватись

    • та сама підготовка: збираємо рефи, готуємо запитання
    • дизайн-сесія: спочатку ідеї, потім — ще більше ідей
    • трохи про головний графічний прийом
    • метафора в дизайні — шукаємо за допомогою Mind Map
    • стабільні стилі та мінливі тренди у вебдизайні
    • ресурси для натхнення

    Д/З: підготувати презентацію для дизайн-сесії. Створити кілька метафор за допомогою Mind Map та запропонувати графічні прийоми для них

  • 14

    13/10 ЧЕТВЕР 19:30

    Вчимо основи композиції. Закарбовуємо смак у типографіці

    • лінія та площина
    • форма та контрформа
    • контраст, домінанта, нюанс
    • метр та ритм, об’єм
    • статика та динаміка
    • закриті та відкриті композиції
    • антиква та гротеск
    • ідея, параметри та правила в типографіці
    • паруємо шрифти

    Д/З: створити композицію на основі типографіки

  • 15

    17/10 ПОНЕДІЛОК 19:30

    Референс — крадемо як художники, адаптуємо як вебдизайнери

    • основи роботи з референсами
    • мудборд — як створити своє та не брати чужого (але це не точно)
    • колористика, колір, насиченість, декорації, поєднання та пропорції
    • створення презентації

    Д/З: створити референсний концепт на основі метафори та графічного прийому

  • 16

    20/10 ЧЕТВЕР 19:30

    Фідбек-сесія. Розбираємо майндмепи: презентуємо та обговорюємо ідеї

  • 17

    24/10 ПОНЕДІЛОК 19:30

    Фідбек-сесія. Дивимось на композиції та концепти однокурсників

  • 18

    27/10 ЧЕТВЕР 19:30

    Як створити якісний концепт

    • з чого почати, як закінчити
    • генеруємо драфти секцій
    • консистентність стилістики — спрощуємо життя юзера

    Д/З: почати роботу над дизайн-макетом головної сторінки сайту. Створити драфти двох перших секцій (по 3 варіанти кожної)

  • 19

    03/11 ЧЕТВЕР 19:30

    Фідбек-сесія. Перевірка драфтів концепту

    Д/З: створити наступні секції концепту

  • 20

    07/11 ПОНЕДІЛОК 19:30

    Анімація сайту — додамо трохи динаміки

    • принципи та правила анімації
    • Smart Animate — простий тул для анімації прототипу

    Д/З: створити анімацію однієї або кількох секцій дизайн-концепту

  • 21

    10/11 ЧЕТВЕР 19:30

    Фідбек-сесія. Перевірка фінальних драфтів концепту

  • 22

    14/11 ПОНЕДІЛОК 19:30

    User Interface (UI) Kit: створюємо кнопки, іконки, панелі та інші елементи сайту

    • стилі
    • сітки
    • компоненти
    • автолейаути
    • артборди

    Д/З: розробити простий UI kit на основі концепту

  • 23

    17/11 ЧЕТВЕР 19:30

    Implementation Design. Як подружити концепт із різними інтерфейсами: від десктопу — до мобільного

    • адаптивний дизайн та плагіни для адаптивів
    • пристрої та розміри артбордів
    • гумовий та статичний дизайн: чи має сайт «розтягуватись»?

    Д/З: створити адаптив концепту для mobile і tablet

  • 24

    21/11 ПОНЕДІЛОК 19:30

    Кар’єра вебдизайнера. Зустріч із запрошеною рекрутеркою

    • СV та портфоліо вебдизайнера: на що звернути увагу?
    • обери свій варіант — студія, фриланс, IT-компанія
    • співбесіда — захоплюємо серця рекрутерів
  • 25

    24/11 ЧЕТВЕР 19:30

    Створюємо та продаємо презентацію концепту. Комунікація з клієнтом: хто ти — партнер чи підрядник?

    • анімуємо та структуруємо презентацію
    • збираємо сторіборд для моушену
    • комунікація з клієнтом: зберігаємо холодний розум, відстоюємо кордони
    • закохуємо клієнта у свій креатив

    Д/З: зібрати сторіборд та зробити презентацію

  • 26

    01/12 ЧЕТВЕР 19:30

    Твій зірковий час — фінальна презентація лекторам та рекрутеру

Записатися

Наші курси недоступні громадянам росії та білорусі

Обов’язкове поле
Обов’язкове поле
Обов’язкове поле
Реєструючись та натискаючи кнопку «Залишити заявку», ви погоджуєтесь з умовами договору-оферти та політикою конфіденційності