Знайомся ближче з UI/UX дизайном
Безплатний курс для самоосвіти
Тобі знадобиться лише 6 годин, щоб зрозуміти, чи UI/UX дизайн — це твоє. Обери свою майбутню кар’єру в ІТ зважено!
Єєє давай зробимо це!
Вибач, це технічна помилка. Спробуй ще раз!
Не витрати, а інвестиції!
Green Friday у Beetroot Academу
Отримати знижку
Твоя літня інвестиція
Підготуйся до нової роботи з нашими стипендіями
Подати заявку
Для початківців
Онлайн
+ AI модуль

Курс UI/UX дизайн

Живі заняття у вечірній час
5 місяців, 3 рази на тиждень
До 18 студентів у групі
Українською мовою

Наші випускники працюють у 700+ компаніях по всьому світу

Що буде у твоєму резюме

Резюме Trainee / Junior після курсу UI UX Designer
Катерина Білокур
Trainee / Junior UI/UX designer
Портфоліо з 3-х великих проєктів
Досвід створення CJM та user flow
Глибоке знання Figma (та аутолейаутів, компонентів і варіантів)
Навички скетчингу, вайрфреймінгу та прототипування
Розуміння основ роботи з Google Analytics, Hotjar, Maze design
Досвід створення інформаційної архітектури
Розуміння принципів композиції, візуальної ієрархії, типографіки та кольорознавства
Презентаційні навички
Досвід проведення UX-досліджень
Досвід створення UI Kit-у
Досвід аналізу конкурентів
Навички створення інтерактивних прототипів
Розуміння гайдлайнів для IOS та Android розробки, застосованих на розробці дизайну додатка для IOS та Android

Як виглядатиме твоє портфоліо

Інструменти, які вивчатимеш на курсі:
Хочеш дізнатися більше, що робить UI/UX дизайнер?
Отримай вичерпний довідник з професії на свій email
Шукай на пошті і у новій вкладці
Вибач, це технічна помилка. Спробуй ще раз!

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

Модуль 1. Figma
32 години
13 тем
Урок-знайомство
Figma. Pen & Pencil. Відтворення ілюстрації
Figma. Variants
Основи IT
Figma. Маски. Ефекти. Стилі
Figma. Інтерактивний прототип. Частина 1. Мікроінтеракції
Figma. Знайомство. Доступ за посиланням. Коментарі. Frame. Плагіни
Figma. Інструмент текст. Робота зі стилями. Растр, корекція фото
Вступ до курсу. Спеціальність UI/UX дизайнер
Figma. Робота з фігурами
Figma. Auto layout
Figma. Інструмент Selection. Vector. Outline Stroke
Figma. Components
Модуль 2. UX-дизайн
34 години
13 тем
Основи дизайн-мислення. UX дизайн-процес
Дослідження користувачів: глибинні інтерв'ю, опитування, сортування карток
Wireframing та prototyping
Типи сайтів
UX-персона та карти емпатії
Веб аналітика та A/Б тестування
Робота з брифом. Інтерв'ю дизайнера з клієнтом
Customer journey map
Інклюзивний дизайн
Mind Mapping та ідеація. Інформаційна архітектура
User flow
Аналіз конкурентів. Референси. Мудборд
Елементи сайту. Скетчинг
Модуль 3. UI-дизайн
40 годин
13 тем
Візуальна ієрархія
Типографіка
Landing Page
Основи композиції
Іконки
Адаптивний дизайн
Колір
UI kit та Atomic design
Оптимізація макета та передача файлів розробникам
Шрифти
Дизайн система
Модульні сітки
Інтерактивний прототип. Частина 2
Модуль 4. Дизайн мобільних застосунків
18 годин
6 тем
Дизайн мобільних додатків. Основи
Підготування додатку до Apple store та Google play
Apple розробка. IOS гайдлайни
Візуальний стиль та початкові екрани мобільного додатку. Частина 1
Створення екранів мобільного додатку. Частина 2
Андроїд розробка. Material design
Модуль 5. Фінальний проєкт
26 годин
10 тем
Робота над проєктом: бриф та аналіз конкурентів
Робота над проєктом: UI kit
Робота над проєктом: інформаційна архітектура та структура сайту
Робота над проєктом: прототип
Робота над проєктом: створення персон/карт емпатії
Робота над проєктом: UI головної сторінки
Робота над проєктом: wireframe
Робота над проєктом: UI основних сторінок
Робота над проєктом: user flow/CJM
Робота над проєктом: адаптив
Модуль 6. Особистий бренд та створення портфоліо
12 годин
5 тем
CV. LinkedIn. Інтерв'ю
Підготовка портфоліо
Проєкт на Behance та мокапи для Dribbble
Захист проєктів
Бонус. Photoshop
10 годин
5 тем
Самоопрацювання. Photoshop. Робоча область. Пензлі. Режими накладання
Самоопрацювання. Photoshop. Інструменти виділення й вирізання зображення. Обробка кольору
Самоопрацювання. Photoshop. Робота з інструментами Eraser Tool і Polygonal Lasso для вирізання та коригування контурів
Самоопрацювання. Photoshop. Використання інструментів Healing Brush, Patch, Clone Stamp та Layer Masking
Самоопрацювання. Photoshop. Створення рекламного банера для соцмереж. Color Blend mode
Бонус: Навички роботи з ШІ для кар’єри майбутнього
21 годин
6 теми
самоопрацювання
Що таке штучний інтелект?
○ Чому ШІ важливий?
○ Що насправді означає ШІ та як він працює?
○ Що може і чого не може ШІ?
Корисні інструменти та приклади використання: Deepl, ChatGPT, Bard, Grammarly, clipdrop.co, Adobe Firefly, Photoshop, Perplexity.ai
Як використовувати ШІ для зручного пошуку роботи
○ Сайти вакансій з елементами штучного інтелекту
○ Покращення твого CV за допомогою ШІ
○ Приклади ефективних резюме та супровідних листів
○ Підготовка до інтервʼю
Підбірка ШІ тулзів для пошуку роботи: Bard та ChatGPT, Kickresume, JobProfile.io, Resumaker.ai, Jobscan, Yoodli, Interviewsby.ai, Interview Warmup, Interviewing.io
Корисні матеріали, які допоможуть розширити та заглибитись в тему (статті, відео та безплатні курси)
Де варто/не варто використовувати ШІ?
Роль штучного інтелекту в UX/UI дизайні
Виклики та обмеження використання ШІ
Огляд та інтеграція інструментів ШІ в процеси проєктування
Бонус. English club
15 годин
півторагодинне заняття щотижня
Під керівництвом викладача англійської
Формування словникового запасу англійської для ІТ
Поділ на групи відповідно до рівня:
А1-А2
А2-В1
В1-В2/С1
Написання СV та підготовка до співбесіди в іноземній компанії
Фокус на розмовну англійську
Бонус. Кар'єрне консультування
2 години групової консультації з професійним рекрутером
4 години самостійоного опрацювання теорії
Навчишся створювати конкурентоспроможні резюме і супровідний лист та отримаєш на них фідбек від професійного рекрутера
Підготовка до інтерв'ю. Типові питання та підводні камені
Створиш зразковий профіль в LinkedIn
Дізнаєшся, де знаходити круті вакансії та як на них подаватися

Безкоштовна консультація

Ми тут, щоб відповісти на будь-які запитання.
Ти зрозумієш наш підхід до сучасної освіти і чого зможеш досягти, навчаючись із нами.

Маєш питання? Отримай безкоштовну консультацію

Ми надаємо більше, ніж просто якісну освіту. Beetroot Academy підтримує своїх студентів на кожному етапі.

Викладачка наступної групи

Ганна Моторна
Кондитерка → QA Manual Engineer
Василь Нещадимов
Бармен → Front-end розробник
Наталя Ліхуша
Танцівниця → UX дизайнерка
Павло Бондарчук
Продавець-консультант → Scrum master
Андрій Архіпов
Зварювальник на заводі → React Native developer
Катерина Ескіна
Дизайнерка в меблевій сфері → HR Generalist-ка
Маргарита Вітринська
Філологиня → UI/UX дизайнерка
Олена Долгуша
Філологиня → Project Manager в ІТ

Історії наших випускників

Студенти Beetroot Academy переконалися, що відкрити нові кар'єрні можливості можна за лічені місяці. Найважче — почати! Надихнися  історіями випускників і почни власний шлях вже сьогодні.
Більше історій

Процес вступу

Крок 1
Вступний тест
Зареєструйся та пройди тест на визначення твого рівня підготовки до навчання.
Крок 2
Онлайн-зустріч
Після успішних результатів тестування ми неодмінно запросимо тебе на зустріч з менеджером Академії.
Крок 3
Зарахування
Якщо ми підійдемо одне одному — на тебе чекатиме інтенсивне навчання та початок омріяної кар’єри в ІТ.

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

Ми надаємо більше, ніж просто якісну освіту. Beetroot Academy підтримує своїх студентів на кожному етапі. Ось як:
Перевернутий клас
Вивчай теорію вдома та зосередься на практиці на заняттях.
Живі заняття
Навчайся в Zoom з експертом галузі — до 18 студентів у класі та у вечірній час.
Підтримка
Отримай необхідну допомогу, щоб розпочати нову кар’єру.
Софт-скіли
Навчайся в командах під керівництвом викладача як тімліда.
Працевлаштування
Отримай інструменти та знання, необхідні для першої співбесіди.
Глобальна спільнота
Стань частиною екосистеми Beetroot. Це випускники, ІТ-компанії та партнери по всьому світу.

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

Понад 12,000 студентів довірились Академії за 9 років нашої роботи — й тепер вони працюють у 700+ компаніях. Та про якість підходу у нашій ІТ-школі говорять не лише цифри, а й акредитація європейською організацією Almega. Ми відповідаємо шведським стандартам якості навчання для дорослих і разом із курсами пропонуємо тобі:
Живі заняття з викладачем
Ти вивчатимеш теорію в зручний для себе час в нашій LMS, а на онлайн-уроках сфокусуєшся на отриманні практичних навичок під наглядом експерта в галузі
Кар’єрне консультування з професійним рекрутером
Ти створиш резюме, супровідний лист і профіль в LinkedIn. Досвідчений рекрутер їх перегляне та порадить, що покращити аби отримати роботу мрії.
Програма створена senior-експертами
Наші курси створює та оновлює група senior фахівців-практиків, які поза роботою викладають в Академії. Завдяки цьому наша програма завжди відповідає вимогам ринку.
Затишна спільнота на заняттях
Оскільки ми навчаємо в невеликих групах до 18 осіб, ти навчишся працювати в команді. Допомагай, отримуй допомогу та відточуй софт-навички з перших днів навчання.
Підтримка координатора групи
Твій координатор буде поруч впродовж всього курсу й допоможе з мотивацією та організаційними питаннями. Так твоя освіта буде максимально комфортною й ефективною.
Живі заняття з викладачем
Ти вивчатимеш теорію в зручний для себе час в нашій LMS, а на онлайн-уроках сфокусуєшся на отриманні практичних навичок під наглядом експерта в галузі.
Кар’єрне консультування з професійним рекрутером
Ти створиш резюме, супровідний лист і профіль в LinkedIn. Досвідчений рекрутер їх перегляне та порадить, що покращити аби отримати роботу мрії.
Програма створена senior-експертами
Наші онлайн-курси створює та оновлює група senior фахівців-практиків, які поза роботою викладають в Академії. Завдяки цьому наша програма завжди відповідає вимогам ринку.
Затишна спільнота на заняттях
Оскільки ми навчаємо в невеликих групах до 18 осіб, ти навчишся працювати в команді. Допомагай, отримуй допомогу та відточуй софт-навички з перших днів навчання.
Підтримка координатора групи
Твій координатор буде поруч впродовж всього курсу й допоможе з мотивацією та організаційними питаннями. Так твоя освіта буде максимально комфортною й ефективною.

Твоя кар'єра в ІТ починається тут

Реєструйся на курс та проходь усі етапи вступу. А вже за декілька місяців отримай диплом і відправляй своє резюме та портфоліо роботодавцям.

FAQ

Чи отримаю я сертифікат про проходження курсу?
Так, ти отримаєш сертифікат. Він — цифровий і  виглядає ось так. Понад 10 000 наших випускників завантажують їх у LinkedIn та інші соціальні мережі, щоб продемонструвати свої навички.

Але найголовніше — це практичні знання, адже для отримання сертифіката треба виконати ряд умов, зокрема відвідати 80% занять та захистити фінальний проєкт. Понад 80% випускників курсу UI/UX Дизайн успішно пройшли навчання та отримали свої сертифікати. 
Які є опції оплати за навчання?
Сплачуй:
- помісячно (повна сума оплати за навчання розбивається на 5 щомісячних платежів);
- зі знижкою 10%, якщо робиш внесок за весь курс одразу;
- частинами через Monobank та ПриватБанк до 8 платежів. Детальніше про оплату частинами читай у статті на нашому блозі.
Чи є вікові обмеження для навчання в Академії?
Ми рекомендуємо долучатися до навчання з 16 років. Законодавчо, саме з цього віку можна працювати за згодою батьків після закінчення курсів. Далі все відбувається поетапно: вступний тест, проходження інтерв’ю та зарахування до групи.
Ви допомагаєте з працевлаштуванням?
Ми підтримаємо тебе на шляху до першого офера, але ми не гарантуємо 100% працевлаштування. 

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

За нашими підрахунками, 70% випускників Академії знайшли роботу у вибраній сфері після проходження курсів. Прочитати їхні історії ти можеш у нашому блозі, у розділі Історії бурячків
Що саме я зможу додати до свого портфоліо після навчання?
Протягом курсу ти створиш три великі проєкти для свого портфоліо:
1) За два модулі: UX і UI — дизайн-макет десктопної та адаптивної версії ecommerce проєкту й інтерактивний прототип до них. Ми надамо тобі два брифа для роботи на вибір.
2) За модуль мобільних додатків — ще один проєкт: в ньому зробиш всю UX та UI частини, разом з інтерактивним прототипом мобільного застосунку. Ми знову надамо два брифа на вибір.
3) За модуль фінальних проєктів ти створиш персоналізований проєкт на власний вибір, що стане найважливішим проєктом у твоєму портфоліо.

Всі великі проєкти — індивідуальні.
Якщо я зовсім початківець і нічого не знаю, чи підійде мені цей курс?
Так, цей курс розрахований на початківців в IT без попереднього досвіду. Для початку навчання потрібні навички впевненого користувача ПК, розуміння того, яка саме професія тебе цікавить, і найголовніше — сильна мотивація як до навчання, так і до подальшого вдосконалення у сфері IT. Головне під час навчання — старанно вчитися і виконувати домашні завдання.
Чи зможу я податись на trainee/junior позицію після курсів Beetroot Academy? Чи достатньо буде отриманих знань?
Програма цього курсу баз вимогах ринку до початківців у UI/UX. Випускники цього напрямку найчастіше отримують першу роботу на таких позиціях: Trainee UI/UX Designer, Junior UI/UX Designer, Web Designer.

Знань, отриманих на курсі, достатньо для того, щоб податися на позицію trainee/junior, але важливо активно навчатися та практикуватися протягом курсу.
Чи достатньо базових знань з англійської мови для навчання?
Ми вимагаємо знання англійської хоча б на рівні A2-B1 для навчання на курсі. Без знання англійської тобі буде складно у двох аспектах:
1) 90% рекомендаційних посилань для вивчення теорії — англійською. Так, читати посилання можна і з перекладачем, однак іноді перекладач перекладає не на 100% ідеально, тому рівень А2 є мінімумом.
2) Знайти роботу в дизайні без англійської — можливо, але дуже складно. Тому для підвищення можливості отримання роботи, вивчення англійської свого роду must have.

Курси вебдизайну онлайн

Хто такий UI UX дизайнер?

UX/UI дизайнери розробляють інтерфейси, з якими взаємодіє користувач. Вони можуть працювати із сайтами, мобільними застосунками, платіжними системами, дашбордами тощо. Основне завдання UX/UI дизайнерів – зробити користування цими продуктами максимально логічним, простим, зручним і приємним.

У чому різниця між UI/UX та вебдизайном?

Уяви собі будівництво дому. Задача архітектора – зробити макет, який не тільки виглядає візуально привабливо, але й й гарантує “логіку” (кожна кімната плавно перетікає в іншу, в домі достатньо природного світла тощо). Так само і UX/UI дизайнер зосереджується на концептуалізації та користувацькому досвіді дизайну. 

А є ще генеральний підрядник, який контролює кожен аспект, від заливки фундаменту до встановлення даху. Його головна турбота – щоб дім був міцним, енергоефективним і відповідав потребам домовласників. Ця роль схожа із вебдизайнером, адже вона ширша, ніж просто дизайн; вона охоплює весь процес створення функціонального і придатного для життя простору.

Опис курсу


UX/UI-дизайнери — це найпотрібніші професіонали, коли йдеться про задоволеність користувача. Саме вони шукають прості, інтуїтивні та візуально приємні рішення взаємодії з продуктом для сайтів та додатків, якими ми користуємося щодня. Якщо тобі цікаво у майбутньому знаходити підходи до аудиторії будь-якого продукту й втілювати його у дизайні, ласкаво просимо до навчання.

Протягом курсу ти:

- отримаєш навички роботи з головним інструментом дизайнера —  Figma, які прокачуватимеш і відточуватимеш щоуроку;
- навчишся розуміти UX, визначати патерни поведінки користувачів, проводити дослідження та будувати інформаційну архітектуру;
- опануєш фундаментальні принципи UI та «оживиш» проєкт через продуманий дизайн, влучні кольори та шрифт;
- створиш UX/UI-дизайн як для сайту, так і для мобільного додатку;
- отримаєш три власноруч створені проєкти у перше портфоліо, поради щодо оформлення CV та супроводжувального листа.

Вимоги до студентів

- усвідомлюєш свої цілі та мотивацію стати UI/UX-дизайнером;
- можеш виокремити ~20 вільних годин на тиждень для навчання;
- маєш достатній рівень англійської, щоб читати теоретичні матеріали (хоча б з онлайн-перекладачем);
- вмієш знаходити потрібну інформацію в мережі та брати з неї найголовніше;
- вмієш перевіряти достовірність та актуальність інформації;
- дружиш із ПК: знаєш де знайти “диспетчер завдань” та як власноруч встановити Zoom.

Чому UI/UX дизайн?

- це найбільш креативна професія в IТ;
- затребуваність — більшості проєктів так чи інак потрібен дизайнер, або й ціла команда;
- у дизайні завжди цікаво, адже є безліч вузьких спеціалізацій та шляхів розвитку: дизайн продуктів (product design), UX/CX дослідження (UX/CX research), фулстек-дизайн (full-stack design) тощо.

Кар'єрний шлях після курсу UI/UX дизайну

Окрім звичайного руху карʼєрними сходами до рівня Senior, UI/UX може обрати одну з наступних спеціалізацій: Full-Stack, Visual\Promo, Motion\Interaction або Graphic дизайнер. Також, є велика кількість суміжних спеціальностей, у яких також можна розвиватись, використовуючи набуті знання з UI/UX дизайну: UX дослідник, UI/UX розробник, UX аналітик, UX райтер, VR дизайнер, UX unicorn  та Content Strategist.

Скільки заробляє UI/UX дизайнер?

У 2024 році в середньому Junior UI/UX дизайнер заробляє близько 600$, спеціаліст рівня Middle до 2400$, а Senior розробники можуть отримувати близько 3000$.