Онлайн

Курс Web design з нуля

Ти навчишся створювати сучасні інтерфейси та зможеш працювати вебдизайнером у IT або Digital

  • Hard skills + soft skills

  • 5 проєктів у портфоліо

  • Базова англійська

Початок 5 грудня

6 місяців

Вечірні заняття

Переваги професії вебдизайнера

Дизайнер – одна з основних професій у IT-галузіі. Все, що ти бачиш в інтернеті, хтось придумав і намалював. Дизайнери потрібні кожному бренду, тож вакансій завжди багато. Це професія із величезними перспективами
  • Середня зарплатня

    $1500

    Середня зарплата дизайнера в Україні

  • Web designer

    Середня зарплата дизайнера в Україні Найбільш творча та цікава професія в IT

  • багато вакансій

    200+ вакансій

    Для дизайнерів щомісяця. І це лише на одному сайті

  • віддалена робота

    Віддалена робота

    Ти зможеш вибрати: працювати в офісі, віддалено чи на фрілансі з дому

  • цікаві проєкти

    Цікаві проєкти

    Вебсайти, лендинги, мобільні та вебзастосунки, креатив, соцмережі, медіа тощо

  • найкращі умови

    Найкращі умови

    Програми навчання, медична страховка, спортзал, відпустки та дей офи

У дизайні багато напрямків: веб, UI/UX, графічний, моушн, геймдизайн тощо. Найкращі дизайнери стають тімлідами, продактами в ІТ або арт-директорами. На курсі Design online в GoIT ти опануєш професію з нуля всього за 6 місяців.

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

Що потрібно знати Веб-дизайнеру? Відповіді нижче
  • Теми: 20

    Web design

    З першого уроку навчаємось на практиці та освоюємо редактор Figma. Викладач малює у прямому ефірі, кожну тему пояснює на прикладах. Так за два місяці ти створиш два проєкти – лендинг та корпоративний сайт. Це буде початком твого портфоліо Behance.

    Теми

    • Введення у курс
    • Первинне вебдослідження
    • Лендинг, його призначення та функції
    • Прототипування
    • Сітки, види та особливості
    • Основи композиції
    • Стилі у вебдизайні
    • Візуальна ієрархія
    • Іконки та ілюстрації
    • Ефекти в вебі
    • UI kit та адаптація
    • Типографіка
    • Колір та сприйняття
    • Основи тестування
    • Робота з векторною графікою
    • Робота з растровою графікою
    • Основи роботи з анімацією
    • Behance кейси
    • +1 особистий проєкт: лендинг із адаптацією
    • +1 особистий проєкт: UI kit та корпоративний сайт
  • Теми: 19

    UX/UI design

    Вивчаємо основи UX (досвід користувача) і UI (інтерфейс користувача). Вчимося адаптувати дизайн під різні пристрої. Ти розробиш UX вебзастосунку і намалюєш UI для користувача. Все це також потрапить у твоє портфоліо Behance.

    Теми

    • Вебсервіси
    • Концепція проєкту
    • Модель Кано
    • Roadmap продукту
    • MVP/MMP: що це і навіщо
    • Прототипування mobile first
    • Цільова аудиторія
    • Портрети користувачів
    • Customer journey map
    • Jobs to be done
    • Робота з user story
    • Принцип HADI
    • Побудова гіпотез
    • Навігація та структура
    • Дизайн-системи та як з ними працювати
    • Атомний дизайн
    • Форми
    • Подача інформації
    • +1 командний проєкт: розробка вебзастосунку
  • Теми: 17

    Mobile design

    Вчимося створювати корисні та гарні мобільні інтерфейси. Як для користувача, так і для бізнесу. Ти розробиш проєкт і намалюєш близько 50 екранів. Підготуєш анімований кейс і матимеш його на Behance.

    Теми

    • Особливості дизайну для мобільних пристроїв
    • Проєктування інтерфейсів для iOS та Android
    • Формування концепту проєкту
    • Дизайн-процес
    • Навігація, основні патерни
    • Робота з онбордингом
    • Мобільне прототипування
    • Робота з формами
    • Робота з порожніми скрінами
    • UI мобільного додатка
    • Робота з дизайн-системою
    • Анімація в мобільних додатках
    • Анімація, розваги у Figma
    • Анімація, розваги в Protopie
    • Формування кейса на Behance
    • Анімація кейса на Behance
    • +1 командний проєкт: розробка мобільного додатку
  • Теми: 16

    Soft skills

    Щоб обійти інших джунів, прокачаємо твої м’які навички, кар’єрні навички, підтягнемо інгліш. Також підкажемо, як знайти роботу мрії та порекомендуємо тебе нашим партнерам.

    Теми

    • Філософія Agile
    • Методологія Scrum
    • Робота в команді
    • Тайм-менеджмент
    • Аналітика проєктів
    • English speaking club (пакет Plus)
    • Робота з EnglishDom Words
    • Заняття з працевлаштування
    • Складання грамотного резюме
    • Створення сторінки на LinkedIn
    • Написання мотиваційного листа
    • Майданчики для пошуку роботи
    • Підготовка до HR-інтерв’ю
    • Підготовка до технічного інтерв’ю
    • Комунікативні навички
    • Тестові співбесіди

Проєкти студентів

Подібні проєкти в портфоліо — твій квиток в IT

    зображення до проекту Mmusic

    Лендинг MMusic

    Група Design 5 (online)

    Який дизайн сподобається і дітям, і батькам? Це завдання вирішувала Катерина Кронгауз у перший місяць навчання на курсі. Вона створила дизайн сайту музичної школи: провела дослідження, пропрацювала структуру, підібрала шрифти, кольори, персонажів. Її сайт – яскравий та доброзичливий. А ще чудово виглядає на всіх пристроях.

    • Figma
    • Photoshop
    Перейти на проєкт
    зображення до проекту Drivemusic

    Вебсайт Drive music

    Група Design 5 (online)

    Макс Якимов створив редизайн музичного вебсайту в стилі flat. Від старого лишилась тільки назва. У проєкті абсолютно новий UI: шрифти, кольори, зображення, іконки. Інтерфейс і сам музичний плеєр Макс зробив простіше та зрозуміліше. Дизайн адаптував під смартфон, десктоп та планшет. Час роботи над проєктом – 4 тижні.

    • Figma
    • Illustrator
    • Photoshop
    Перейти на проєкт
    зображення до проекту PetHome

    Вебзастосунок PetHome

    Група Design 2 (online)

    На блоці UX/UI студентки Аня Абрамова та Таня Фоміна створили вебдодаток, який допомагає знайти зниклу тварину або її господаря. Дівчата провели велике дослідження, створили карту емпатії, юзер флоу, варфрейми. Інтерфейс зробили легким та приємним, а макети адаптували під різні пристрої.

    • Figma
    • Illustrator
    • Miro
    • Photoshop
    Перейти на проєкт
    зображення до проекту Yjourney

    Вебзастосунок Yjourney

    Група Design 2 (online)

    Під час навчання UX/UI Борис Датч створив прототип вебзастосунку Yjourney, який допомагає мандрівникам знайти житло за кордоном. Дизайнер продумав флоу та намалював екрани для двох типів користувачів (другий – господар житла). Ця програма має прикольну анімацію, яку також вчать створювати на курсі.

    • Figma
    • Illustrator
    • Photoshop
    Перейти на проєкт
    зображення до проекту supportUA

    Мобільний застосунок Support UA

    Група Design 2 (online)

    Mobile first – це концепція, якою слідували Катя Лізогуб та Крістіна Горло. Вони розробили дизайн мобільного додатку, який допомагає людям знайти тимчасове житло за кордоном безплатно та без реєстрації. Фішка проєкту – приємний мінімалістичний інтерфейс. Користувачі Behance вже оцінили його актуальність.

    • Figma
    • Illustrator
    • Photoshop
    Перейти на проєкт
    зображення до проекту recycle

    Мобільний застосунок Recycle

    Група Design 2 (online)

    Альона Ревунова та Христина Хмеляр розв'язували проблему сортування сміття. Вони провели аналіз, вивчили цілі та страхи користувачів, склали карту емпатії. Завдяки цьому UX, програма вийшла зрозумілою навіть для новачка, а UI – дуже доброзичливим. За два місяці дизайнери намалювали 50 екранів з анімацією, які також адаптували під веб.

    Перейти на проєкт

Викладачі курсу

Вебдизайну навчають топові фахівці з IT та Digital
Маша Руденко

Маша Руденко

Senior UX/UI Designer в GoIT

Автор курсу та продуктовий дизайнер платформи, де навчаються всі студенти GoIT. На заняттях з теорії надає 100500 прикладів. Найскладнішу тему пояснить так, що зрозуміє навіть дитина. А ще Маша «підірвала мацкву» на нашому безплатному марафоні з дизайну.

Миша Губа

Міша Губа

Product Designer в Wispence

7+ років у дизайні, з них 4 – в комерційному UX/UI. Працює в американському стартапі та ніколи не закінчує навчатись. Якось проводив захист проєктів на курсі «до останнього студента». Засиділися тоді до півночі, проте детально розібрали кожну роботу.

Алина Чернобривец

Аліна Чернобривець

UX/UI Designer в Mindnow

Зарелізила вже 5 великих проєктів. Працює на всіх етапах розробки дизайну, аналізує маркетингові дані, тестує. Створює моб. застосунки, вебсайти, сервіси та інструменти. На заняттях часто розповідає про реальні кейси та інсайти зі свого досвіду.

Настя Шульгина

Настя Шульгіна

Graphic Designer в Decodifi, ментор

UX/UI та графічний дизайнер, Full-time Mentor у GoIT. Працює з іноземними замовниками. Розробляє дизайн вебзастосунків, програм, сервісів, а також логотипи, банери та іншу графіку. Настя любить допомагати студентам, щоб вони знаходили роботу мрії (а потім запрошували до себе в гості на Мальдіви).

Павел Маланчук

Павло Маланчук

UX/UI-дизайнер в Sreda, ментор

Дизайнерський досвід вимірює в кількості розроблених екранів – в Павла їх більше 2000. Якось записував розбір домашки для студента і забув вимкнути Slipknot, що грав на фоні. Проте студенту музичка зайшла, і тепер вони діляться знахідками один з одним.

Настя Макарова

Настя Макарова

Team Lead Designer в Light Spider, ментор

Педагог і художник за освітою. За 6 років працювала з графікою, вебом та UX/UI, а ще займається моушном. Малює дизайн-системи та прототипи для кожного проєкту. Багато учнів Насті влаштувалися в ІТ вже після другого модулю, а парочка навіть працюють із нею.

На курсі з тобою працюють професійні ментори. Вони допоможуть розібратися в теорії, перевірять кожну букву та піксель, дадуть фідбек по завданнях. Так ти виростеш ще швидше і після випуску потрапиш до крутої компанії

Як ми навчаємо

Фішки навчання на курсі Web Design Online
  • Кабінет my.goit

    робоче середовище студентів і твій довічний доступ до всіх лекцій та матеріалів курсу

    Mobile phone
  • Прямі ефіри

    2-3 live вечірні вебінари на тиждень, які можна переглядати в записі

    Mobile phone
  • Спілкування в чаті

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

    Mobile phone
  • Круті ментори

    щодня з тобою на зв'язку, допомагають із домашками та надихають

    Mobile phone
  • Робота в IT

    кар'єрний сервіс GoIT допомагає зробити резюме, шукати вакансії, готує до співбесід

    Mobile phone

Ти + GoIT = 100% співпадіння!

Ми точно підходимо один одному, якщо тобі близькі наші принципи
  • 70%
    практика

    • Роботи в портфоліо
    • Командні проєкти
    • Особисті проєкти
  • 20%
    зворотний зв’язок

    • Q&A з викладачем
    • Перевірка ДЗ ментором
    • Спілкування у чаті з групою
  • 10%
    теорія

    • Конспекти з усіх тем
    • Живі заняття (вебінари)
    • Навчальні відео

GoIT – партнер асоціації IT Ukraine. Це понад 100 компаній, які відкриті для наших студентів. Ми пишаємося тим, що 80% випускників знаходять роботу в перші місяці після курсу

Твій тиждень на курсі

Заняття проходять онлайн вечорами, їх зручно поєднувати з роботою
    • Понеділок

    Дивишся відео та робиш домашку

    • Вівторок

    Робиш ДЗ, отримуєш фідбек від ментора

    Настя Шульгина

    Настя Шульгіна

    Graphic Designer в Decodifi, ментор

    • Середа, 19:30–21:30

    Перегляд вебінару з викладачем

    Миша Губа

    Міша Губа

    Product Designer в Wispence

    • Четвер

    Робиш ДЗ, отримуєш фідбек від ментора

    Настя Шульгина

    Настя Шульгіна

    Graphic Designer в Decodifi, ментор

    • П’ятниця, 19:30–21:30

    Перегляд вебінару з викладачем

    Алина Чернобривец

    Аліна Чернобривець

    UX/UI Designer в Mindnow

    • Субота

    Робиш ДЗ та готуєшся до нового заняття

    Настя Шульгина

    Настя Шульгіна

    Graphic Designer в Decodifi, ментор

Питання й відповіді

Якщо ще залишились питання, замов безоплатну консультацію