Курс веб-дизайну з нуля — від Figma до живого сайту
Навчишся проєктувати лендінги у Figma — від композиції й типографіки до мобільної версії — і збирати з макета живий сайт на конструкторі без програмування.
Веб-дизайн
Figma з нуля до власного лендінга. Без дизайнерської освіти.
- Що таке вебдизайн і як мислить дизайнер
- Композиція та візуальна ієрархія
- Типографіка і колір у вебдизайні
- Основи Figma і робочий файл
- Структура Landing Page
- Практика: створення першого Landing Page
- Мобільна адаптація
- Компоненти та дизайн-система
- Фінальний практикум: оформлення кейсів
Створення сайтів
Від макета до живого сайту в інтернеті. Без програмування.
- Як працюють сайти та що ми створимо
- Знайомство з платформою
- Перша сторінка з готових секцій
- Порожня секція: створюємо власну з нуля
- Готуємо макет до збірки
- Збираємо шапку й перший екран
- Збірка основних секцій сторінки
- Завершуємо компʼютерну версію
Тут дві частини однієї навички. Модуль 02 «Веб-дизайн» веде від повного нуля у Figma до власного лендінга, і дизайнерська освіта для цього не потрібна. Модуль 03 «Створення сайтів» показує, як перетворити макет на живий сайт без програмування — на платформі-конструкторі. У підсумку ти вмієш не лише намалювати сторінку, а й запустити її.
Одразу чесно: окремого курсу веб-дизайну ми не продаємо. Веб-дизайн і створення сайтів вчимо в межах курсу «Маркетолог за 45 днів», і окремо ці модулі не купити. Разом із ними ти отримуєш таргет, SMM, Google Ads і пошук клієнтів, бо сайт без трафіку і продажів — лише гарна картинка.
Кому підійде
- Новачкам без художньої чи дизайнерської освіти — навчання починається з того, як мислить дизайнер.
- Підприємцям, які хочуть самі зробити лендінг для свого продукту і розуміти, з чого він складається.
- Таргетологам і SMM-фахівцям, яким потрібен сайт, куди вести рекламу, без пошуку окремого дизайнера й розробника.
- Графічним дизайнерам, які хочуть перейти у веб і розібратися зі структурою лендінга та адаптацією під телефон.
- Тим, хто хоче зібрати портфоліо з власних робіт, яке можна показати замовнику.
Що ти вмітимеш після модулів
- Мислити як дизайнер: будувати композицію і візуальну ієрархію, щоб погляд відвідувача йшов туди, куди потрібно.
- Підбирати шрифти й кольори, які працюють разом і не сперечаються з контентом.
- Впевнено працювати у Figma: організувати робочий файл, створювати компоненти і просту дизайн-систему, щоб не перемальовувати однакові елементи.
- Продумувати структуру Landing Page — які блоки потрібні, в якому порядку і що кожен із них має зробити.
- Намалювати свій перший лендінг і мобільну версію до нього.
- Підготувати макет до збірки і зібрати сайт на конструкторі: шапку, перший екран, основні секції і повну комп'ютерну версію — з готових секцій і власних, зроблених з нуля.
- Оформити свої роботи в кейси, щоб було що показати першим клієнтам.
Якщо поки не відчуваєш різниці між сайтом і лендінгом, почни зі статті що таке сайт і лендінг.
Як проходить навчання
Курс складається з 10 модулів і понад 70 уроків. Веб-дизайн і створення сайтів ідуть одразу після фундаменту маркетингу, тож свій перший лендінг ти робитимеш уже з розумінням аудиторії й оферу.
- Відеоуроки доступні 24/7, тож вчишся тоді, коли маєш час.
- Після уроків виконуєш практичні домашні завдання — макети й сторінки, які перевіряє особисто Вадим Магерко.
- Щотижневі групові дзвінки, де розбираємо питання і роботи учасників.
- Закритий чат, де можна показати проміжний результат і поставити питання.
- Доступ до матеріалів — 6–12 місяців, щоб повертатися до уроків, коли робиш сайти вже на замовлення.
- Навантаження — 1–2 години на день.
Курс «Маркетолог за 45 днів»: 10 модулів, практика з перевіркою ДЗ і щотижневі дзвінки.
Дивитись програму →Чому веб-дизайн вчимо разом з іншими напрямами
Веб-дизайн і створення сайтів ми вчимо в межах курсу «Маркетолог за 45 днів». Окремо ці модулі не продаються, і на це є причини:
- Сайт сам по собі не приводить людей. Відвідувачів дає реклама — таргет у Meta і пошукова реклама в Google, а також соцмережі. Коли знаєш, звідки прийде людина, проєктуєш сторінку під неї.
- Без аудиторії й оферу навіть гарний лендінг не продає. Тому перед дизайном курс дає фундамент маркетингу.
- Замовникові зручно отримати сайт і рекламу від однієї людини, яка відповідає за результат усієї зв'язки.
- Щоб робити сайти на замовлення, потрібні клієнти. Модулі про пошук клієнтів, продажі та роботу з клієнтами вчать, як їх знаходити й домовлятися.
Скільки сьогодні просять за таку роботу і від чого залежить ціна, ми розібрали у статті скільки коштує лендінг.
Приклади учнів
Один з учнів курсу отримав замовлення на односторінковий сайт за 1500€. Софія, крім першого SMM-проєкту, зробила 2 сайти по 200$. Це особисті результати конкретних людей: у кожного вони залежать від власних зусиль, темпу і ринку, тож гарантувати їх ми не можемо.
Часті питання
Чи треба вміти малювати або мати дизайнерську освіту?
Ні. Модуль 02 розрахований саме на тих, хто починає без дизайнерської освіти. Ти вчишся композиції, типографіці й роботі з кольором як прикладним правилам, а не як мистецтву.
Чи потрібно знати програмування?
Ні. Сайт збираємо на платформі-конструкторі з готових і власних секцій, без жодного рядка коду. Важливо інше — правильно підготувати макет до збірки, і цьому присвячений окремий урок.
Чи можна купити тільки модулі з веб-дизайну?
Ні, окремо вони не продаються. Обидва модулі входять до курсу «Маркетолог за 45 днів» разом з іншими вісьмома. Тарифи — Старт за 15 000 ₴, PRO за 25 000 ₴ і Особистий за 50 000 ₴, оплатити можна частинами.
Хто перевіряє мої макети?
Домашні завдання особисто перевіряє Вадим Магерко — 7 років в інтернет-маркетингу, понад 500 учнів. Ти отримуєш відгук на свої роботи, а складні моменти можна розібрати на щотижневому груповому дзвінку.
З точки А —
в точку Б
Сайти, реклама, SMM і перші клієнти — на практиці, з фідбеком від Вадима Магерка. Актуальна дата старту й тарифи — на сторінці курсу.
Перейти до курсу →