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

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

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

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

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

Катерина Білокур
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. Особистий бренд та створення портфоліо
14 годин
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
Бонус: Навички роботи з ШІ для кар’єри майбутнього
14 годин
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
Корисні матеріали, які допоможуть розширити та заглибитись в тему (статті, відео та безплатні курси)
Де варто/не варто використовувати ШІ?
Бонус. English club
32 години
двогодинне заняття щотижня
Під керівництвом викладача англійської
Формування словникового запасу англійської для ІТ
Поділ на групи відповідно до рівня:
А1-А2
А2-В1
В1-В2/С1
Написання СV та підготовка до співбесіди в іноземній компанії
Фокус на розмовну англійську
Бонус. Кар'єрне консультування
2 години групової консультації з професійним рекрутером
4 години самостійоного опрацювання теорії
Навчишся створювати конкурентоспроможні резюме і супровідний лист та отримаєш на них фідбек від професійного рекрутера
Підготовка до інтерв'ю. Типові питання та підводні камені
Створиш зразковий профіль в LinkedIn
Дізнаєшся, де знаходити круті вакансії та як на них подаватися

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

Ми тут, щоб відповісти на будь-які запитання.
Ти зрозумієш наш підхід до сучасної освіти і чого зможеш досягти, навчаючись із нами.
Дякуємо, що цікавишся навчанням в Beetroot Academy
Ми зв’яжемося з тобою протягом одного робочого дня і відповімо на усі запитання
Вибач, це технічна помилка. Спробуй ще раз!

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

Ми надаємо більше, ніж просто якісну освіту. 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

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

Академія заснована як соціальне підприємництво і наша місія — соціальний вплив. Свій успіх ми вимірюємо не кількістю студентів, а кількістю працевлаштованих випускників.

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

Дізнайся більше про те, що саме робимо ми й чого очікуємо від наших студентів і випускників для того, щоб навчання закінчилося бажаним офером на нашому сайті.
Що саме я зможу додати до свого портфоліо після навчання?
Протягом курсу ти створиш три великі проєкти для свого портфоліо:
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.

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

Опис курсу

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) тощо.