Курс Web-design

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

Модуль 1. Основи вебдизайну. Створення Landingpage

Інструментарій

Інтуїтивна робота на основному інструменті проєктування інтерфейсів - Figma.

• Робота з формами та шрифтами
• Гарячі клавіші
• Робота з вектором
• Плагіни та фічі програми

Арт навички дизайнера

Як влаштовано сприйняття користувача? Все про сітки, колонки, композиції та декомпозиції, побудову ієрархії та фундаментальні правила створення web просторів.

• Тренди та стиль у дизайні
• Графіка, картинки, іконки
• Колористика, колірні схеми
• Відступи, вирівнювання, внутрішнє та зовнішнє
• Плашки, тіні, форми, кнопки
• Як дістати інформацію з коду

Основи типографіки

Введення у типографіку. Гарнітури та шрифти, сумісні пари, мікродрукарки. Створимо сайт-візитку, використовуючи тільки інструментарій тексту.

• Як завантажувати нові шрифти
• Кегль, кернінг, інтерліньяж
• Основи швейцарської друкарні
• Різниця гарнітур у латиниці та кирилиці

UX аналіз Landing page

Модульний проєкт - Landing Page. Архітектура, із чого складається сторінка на прикладі односторінкового сайту. На які питання повинен відповідати дизайн, що працює.

• Методологія Design thinking
• Розуміння завдання продукту
• Аналіз дослідження. Прототип. Mood board
• Особливості навігації та змісту LP
• Від хедера до футера

Адаптивний дизайн

Адаптуємо Landing Page під смарт девайси. Понад 60% світового трафіку йде із мобільних гаджетів. Ера mobile first.

• Різниця responsive/adaptive web-design
• Мобільні версії знайомих сайтів
• Розміри елементів для доступності всіх груп користувачів

Створення портфоліо

Спільне створення продають презентації фінального дизайну, тонкощі розміщення та просування на Behance.

• Інструкція заповнення профілю на Behance
• Різниця подачі дизайну клієнту та в портфоліо
• Сценарій презентації
• Креативна подача екранів
• Параметри макета для розміщення

Модуль 2. Розробка E-commerce. Фріланс та компанії

Інтернет магазин

Модульний проєкт №2 - Інтернет-магазин. Архітектура та зміст обов'язкових сторінок. Інтернет маркетинг за допомогою UI/UX правил.

• Головна сторінка
• Каталог, Картка товару
• Кошик, Оформлення замовлення, 404

Робота з великими проєктами

Як оптимізувати роботу над великими функціональними командними проєктами.

• Створення user flow та product backlog
• Інтерактивний прототип інтернет-магазину Figma, щоб його можна було кликати
• Методологія Атомарного дизайну
• Компоненти та стани Figma, щоб масово змінювати однакові елементи дизайну та створювати сайт як із конструктора

Double diamond

Double diamond. Протягом останніх 15 років ця модель проектування є найбільш застосовуваною в організації дизайн-проєктів.

• Адаптація методології під себе
• Як складати та працювати з брифом клієнта
• Інтерв'ю із замовником та технічне завдання
• Які уточнюючі питання потрібно поставити
• Тестування дизайн-гіпотез

Креативні методології

Think outside the box - як розвинути в собі вміння креативно дивитися на поставлені завдання.

• Методології креативного мислення
• Як результативно проводити Brainstorm
• Чому важливо не лише знаходити ідеї, а й відсікати їх

Фріланс

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

• Покрокова реєстрація
• Cover Letter, що писати клієнту
• РЗ чого правильно починати що таке спринти
• Платіжні системи для виведення грошей
• Як презентувати та продавати свою роботу

Компанії

Як знайти, не облажатись і потрапити в компанію своєї мрії.

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

Особливості курсу

• Онлайн формат
• Індивідуальний темп
• Постійний доступ
• Економія часу
• Оперативні відповіді

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

• Анна Дикань - 7 років досвіду у UI/UX дизайні
• Іван Шендріков - CEO школи Shendrikov Education
• Юлія Остапчук - Менеджер комунікації
• Марина Найдиш - Адміністратор
• Вікторія Федорова - Кураторка
• Олена Демченко - Кураторка
• Дар'я Шабалдіна - Кураторка