Онлайн

Курс UI/UX design з нуля

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

  • Hard skills + soft skills

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

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

Початок 29 травня

6 місяців

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

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

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

    $1500

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

  • найбільш творча і цікава професія

    UI/UX designer

    Найбільш творча та цікава професія в IT

  • вакансій

    200+ вакансій

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

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

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

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

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

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

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

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

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

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

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

Що робить UI/UX дизайнер

Стів Джобс казав: «Дизайн – це не те, як виглядає предмет, а те, як він працює». Тому дизайнери вивчають клієнтів, будують карти емпатії, проектують сторінки та елементи. А потім створюють такий дизайн, щоб допомагав і радував людину
Що робить UI/UX дизайнер

У цій професії багато творчості та креативу. Дизайнери створюють проєкти, які роблять світ простішим, зручнішим, красивішим. Великий плюс для новачка ще і в тому, що таку роботу завжди можна «помацати» й показати іншим

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

Що потрібно знати UI/UX дизайнеру? Відповіді нижче
  • Web design

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

    Теми

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

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

    Теми

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

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

    Теми

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

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

    Теми

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

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

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

проєкт cookitup

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

Група Design 8 (online)

Цей застосунок допомагає планувати щоденне меню та готувати їжу. Користувачі можуть сканувати продукти, створювати список покупок, зберігати улюблені рецепти. Дизайнерки Віка Олійник та Євгенія Петрич провели UX-дослідження, вивчили аудиторію та розробили прототипи. В результаті відмалювали 30 екранів у сучасному мінімал-дизайні.

  • Другий командний проєкт
  • Figma
  • Photoshop
  • Illustrator
  • Protopie
Перейти на проєкт
зображення до проекту Mmusic

Лендинг MMusic

Група Design 5 (online)

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

  • Перший особистий проєкт
  • Figma
  • Photoshop
Перейти на проєкт
лендинг Barbershop Holybeard

Лендинг Barbershop Holybeard

Група Design 4 (online)

Дар’я Торська створила лендинг барбершопу Holybeard. Сторінка знайомить користувача з послугами та заохочує записатись на стрижку онлайн. Фішка дизайну – стриманість та акцентний колір, який повторюється в інтер’єрі закладу. Дизайнерка продумала фото- й відеогалереї, попапи та інтерактивну мапу. Також створила мобільну версію сайту.

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

Вебсайт Drive music

Група Design 5 (online)

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

  • Другий особистий проєкт
  • Figma
  • Photoshop
  • Illustrator
Перейти на проєкт
Вебсайт ABGarch

Вебсайт ABGarch

Група Design 6 (online)

Дарина Пухкенко проаналізувала конкурентів, вивчила аудиторію й розробила концепцію сайту архітектурної компанії. Дизайнерка створила сторінки з описом послуг, проєктами, нагородами, командою та контактами. В основі дизайну – мінімалізм, простота, повітря. Сайт виглядає стильно, сучасно та повністю виконує задачі клієнта.

  • Другий особистий проєкт
  • Figma
  • FigJam
Перейти на проєкт
зображення до проекту PetHome

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

Група Design 2 (online)

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

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

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

Група Design 2 (online)

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

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

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

Група Design 2 (online)

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

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

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

Група Design 2 (online)

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

  • Другий командний проєкт
  • Figma
  • FigJam
  • Photoshop
  • Illustrator
Перейти на проєкт
Мобільний застосунок GetRest

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

Група Design 4 (online)

GetRest – це зручний анімований застосунок для бронювання столиків. Дівчата Яна та Ілона провели дослідження, продумали архітектуру, підготували UI kit та прототипи. На сайті користувач може знайти заклади на мапі, погортати меню та обрати бажане місце. Також дизайнерки додали особистий кабінет і гаманець для розрахунків онлайн.

  • Другий командний проєкт
  • After Effects
  • FigJam
  • Figma
  • Photoshop
  • Protopie
Перейти на проєкт
Мобільний застосунок Limo

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

Група Design 4 (online)

Limo – це онлайн-сервіс для швидкої оренди авто. Команда дослідила конкурентів, провела інтерв’ю з користувачами, прописала юзер флоу. На основі цього розробили айдентику та дизайн застосунку, а ще додали спрощену реєстрацію (через «Дію» або Bank ID). На Behance можна зацінити інтерфейс та навіть потицяти анімований прототип.

  • Другий командний проєкт
  • Figma
  • FigJam
  • Photoshop
  • Illustrator
Перейти на проєкт

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

UI/UX дизайну навчають топові фахівці з 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, а ще займається моушном. Малює дизайн-системи та прототипи для кожного проєкту. Багато учнів Насті влаштувалися в ІТ вже після другого модулю, а парочка навіть працюють із нею.

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

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

Фішки навчання на курсі UI/UX 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%
    теорія

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

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

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

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

    • Вівторок

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

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

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

    Graphic Designer в Decodifi, ментор

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

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

    Міша Губа

    Міша Губа

    Product Designer в Wispence

    • Четвер

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

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

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

    Graphic Designer в Decodifi, ментор

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

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

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

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

    UX/UI Designer в Mindnow

    • Субота

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

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

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

    Graphic Designer в Decodifi, ментор

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

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