1 урок. порозумітися.
— хто такий дизайнер?
— види дизайнерів
— i-shaped vs t-shaped спеціалісти
— пошук натхнення і референсів
— стилі веб-дизайну
— як знайти свій стиль?
— white space
— де працювати? варіанти з + і -
— 12 етапів роботи над проєктом
— коротко про CTA [call to action]
— передплата. типи
— лайфхаки для екологічної роботи
— модель цілей SMART
— дз
2 урок. здалеку.
— короткий вступ про історію веб-дизайну
— поняття композиція
— симетрична та асиметрична композиція
— правила композиції з прикладами
— детально про CTA [call to action]
— F-shaped патерн
— сітки. типи та особливості
— принципи гештальту в дизайні
— евристики usability Нільсена
— дз
3 урок. зблизька.
— про колір
— коло Іттена
— основні колірні схеми
— ахроматичні кольори
— правила вибору кольорів для проєктів
— контрастність та як її дотримуватися
— особливості біло-чорної палітри
— типографіка. must-have поняття і більше
— рядки та прийменники, що нависають
— види шрифтів з прикладами
— де шукати шрифти?
— як робити це законно?
— правила типографіки
— про розміри
— рівні ієрархії. від h1 і далі
— дз
4 урок. знайомимось.
— знайомство з редактором
— детальний огляд інструментів
— constraints
— auto layout
— styles
— components + variants
— дружба з плагінами
— ui-kit: розбираємось, що це таке
— створюємо ui-kit для міні-проєкту
— процес експорту. формати
— дз
5 урок. поринаємо.
— аналіз ца перед створенням дизайну
— метод персон
— аналіз ринку та конкурентів
— структура сайту: що та навіщо?
— готуємо структуру в XMind
— скетч сайту та / або вайрфрейм
— мудборд + погодження по шрифтам і кольорам
— новий інструмент: sections
— знов ui-kit. масштабніший, бо для сайту
— створюємо дизайн сайту: десктопна версія
— створюємо дизайн сайту: адаптив
— дз
ми розуміємо, що опанувати 3 (три) платформи одразу після фігми під час курсу — це занадто. тим паче, що це не обов’язково. тому ми надаємо вам доступ до всіх уроків по всіХ платформаХ одразу, але при цьому пропонуємо вибрати [для початку] для опанування будь-який 1 конструктор з 3-х та опанувати його впродовж курсу після модулю по фігмі.
наша рекомендація: сфокусуватись на вебфлоу. але ми з радістю підлаштуємось під ваш запит. звісно, якщо ви дійсно виділяєте достатньо часу на навчання, ви зможете зробити сайти і на інших конструкторах. {ОСОБИСТА ПОРАДА ВІД НАСТІ: ОПАНОВУВАТИ ШОПІФАЙ ОДРАЗУ ПІСЛЯ ВЕБФЛОУ, БО ЙОГО ЛЮБЛЯТЬ ЗАМОВНИКИ}.
6 блок уроків. webflow.
— розберете разом зі мною плюси та мінуси платформи + як зробити їх своєю перевагою
— дізнаєтеся, для яких замовників підходить
— познайомитесь з робочим простором webflow
— зрозумієте різницю між елементами section/container/div/columns
— налаштуєте sticky header для свого сайту
— опануєте інструменти webflow та зробите свій 1-й екран
— почнете використовувати у своїй роботі style selector
— дізнаєтесь, що таке margin i padding, та коли їх використовувати
— разом зі мною зверстаєте повноцінний сайт
— зануритесь у тонкощі налаштування інтернет-магазину на webflow
— створите каталог та сторінку товара [product page]
— оформите корзину [cart]
— навчитеся адаптувати сайт під мобільні пристрої
— дізнаєтесь, як анімувати свій проєкт на webflow
— опануєте такі типи анімації: basic, on hover [по наведенню курсора], on scroll [при прогортуванні сторінки донизу/догори] та інші
— познайомитеся із принципом підключення домена від godaddy
— опануєте принцип підключення 99% інтегрованих платіжних систем
— підготуєте базове SEO та сайт до публікації
7 блок уроків. shopify.
— розберете разом зі мною плюси та мінуси платформи + як зробити їх своєю перевагою
— дізнаєтеся, для яких замовників підходить
— познайомитеся із налаштуваннями та інструментами/блоками
— налаштуєте навігацію, тобто header + footer
— навчитеся створювати каталог, тобто колекції та товари на прикладі моєї співпраці з брендом KARUNAS
— створите свій 1-й багатосторінковий інтернет-магазин на shopify
— дізнаєтесь, як правильно вибудовувати пошукові запити, щоб знаходити потрібні коди для покращення дизайну у світі shopify.community
— навчитеся інтегрувати потрібні коди у ваш сайт, щоб він мав стильний актуальний дизайн
— підключите кастомний шрифт до сайту за допомогою коду, який я детально поясню так, що ви зрозумієте, навіть якщо жодного разу в житті не бачили css [це новий урок, який вийде окремо]
— підключите домен та google analytics 4 [це не віддруківка — це найновіший формат аналітики]
— опануєте принцип підключення 99% інтегрованих платіжних систем + custom payment method
— підготуєте базове SEO та сайт до публікації
8 блок уроків. Readymag.
— розберете разом зі мною плюси та мінуси платформи + як зробити їх своєю перевагою
— дізнаєтеся, для яких замовників підходить
— опануєте всі інструменти readymag та зробите свій 1-й сайт
— навчитеся адаптувати сайт під мобільні пристрої
— створите анімований прелоадер для свого сайту
— опануєте базову анімацію та редагування анімаційних шаблонів
— налаштуєте кроссторінкове меню з авторським дизайном
— підключите домен [можна переглянути та повернутись до цього етапу, коли вже будете працювати з клієнтами]
— підключите google analytics
— налаштуєте платіжну систему, яка приймає платежі з усього світу та працює в Україні
— налаштуєте авторозсилку SendPulse
— підготуєте базове SEO та сайт до публікації
9 урок. портфоліо.
— що таке портфоліо?
— навіщо потрібно портфоліо?
— варіанти портфоліо
— behance в деталях
— що таке кейс
— про кейс загально-надихаюче
— кейс це історія
— приклади класних кейсів
— структура
— змусь кейс працювати на себе, доки ти спиш
— обкладинка
— анімація для кейсу
— оформлення акаунта на behance
— створення кейсу у фігма
— публікація кейсу на behance
10 урок. клієнти.
— розробите свій бриф
— навчитеся налаштовувати таргет для особистого бренду
— складете портрет своєї цільової авдиторії
— сформуєте голос свого бренду
— дізнаєтесь про реверсивний брейнштормінг та як застосовувати його під час аналізу ринку, на якому ви працюєте
— навчитеся публікувати сторіз, які додивлюються до кінця
— особистий бренд в контексті instagram
— безкоштовні просування та пошук клієнтів за допомогою tiktok
11 урок. outro (з продюсером курсу).
— follow-up по ситуації;
— вихід на ринок Європи та США;
— про особистий бренд за кордоном;
— варіанти роботи та розвитку зараз [ще];
— про страхи і їх закриття;
— про mental issues та наші гойдалки;
— покроковий план після завершення курсу [куди йдемо].
12 урок. бонусний.
[відповіді на ваші запити]
13. особистий кабінет на webflow
— в яких випадках потрібен?
— активація;
— оформлення всіх сторінок;
— зв’язок між сторінками;
— робота з користувачами;
— налаштування access groups;
— запуск та схема дії.
14 урок. автоматичний переніс макету з figma на webflow.
— підготовка макету у фігмі;
— підготовка фундаменту на стороні webflow;
— процес переносу покроково;
— орієнтація відносно ситуації.
15 урок. ШТУЧНИЙ ІНТЕЛЕКТ. CHATGPT
— що таке штучний інтелект?
— навіщо штучний інтелект потрібен?
— як правильно вибудовувати запити?
— перетворюємо ШІ на свого асистента;
— усі актуальні способи застосування ШІ в роботі дизайнерів;
— альтернативи CHATGPT.
16 урок. cтратегія від Мирослави
— призначення&місія&робота мрії;
— ваша роадмап;
— точкова та візійна стратегії;
— тактичні кроки;
— основи тайм-менеджменту;
— про роботу в умовах стресу;
— ваші інструменти для роботи;
— базово про особистий бренд;
— дз.
17. ПІДКЛЮЧЕННЯ ПЛАТІЖНОЇ СИСТЕМИ FONDY до ІНТЕРНЕТ-МАГАЗИНУ НА SHOPIFY.
— реєстрація;
— активація магазину;
— процес підключення платіжної системи до магазину на Shopify.
18. ПІДКЛЮЧЕННЯ КАСТОМНОГО ШРИФТУ ДЛЯ САЙТУ НА SHOPIFY.
— підбір потрібного формату шрифту;
— разом інтегруємо весь потрібний код;
— підключаємо шрифт і тестуємо.
19. ДОПОВНЕННЯ ДО ВІДЕО ПО ІНТЕГРАЦІЇ КОДУ ДЛЯ SHOPIFY: CUSTOM CSS В СЕКЦІЯХ І АКТУАЛЬНИЙ СПОСІБ РЕАЛІЗАЦІЇ ПРОЗОРОГО ХЕДЕРУ.
— Shopify вкотре оновився, тому в цьому відео я покажу, як інтегрувати код в оновлену версію Dawn Theme;
20. СТАРТ НА UPWORK
— реєстрація на платформі;
— правильне оформлення акаунта для того, щоб у вас було більше шансів взяти свій 1-й проєкт на Upwork;
— як отримати Rising talent badge;
— що таке testimonials;
— як testimonials допоможуть вам у просуванні профілю;
— стратегія отримання перших замовлень;
— що таке cover letter?
— як писати той самий cover letter?
21. Work&Life Balance: про відпочинок на фрилансі (ВІД ПРОДЮСЕРКИ КУРСУ).
— поняття “work&life balance”;
— про динаміку сучасного життя&останні тенденції;
— про вплив фрилансу на ваш баланс;
— топ-3 техніки для балансу;
— про відпочинок;
— плануємо ваш відпочинок разом: імерсивні практики;
— визначаємо фактори відволікання і вчимось з ними працювати.
22. Focus NOW: як бути продуктивним з віддаленою роботою? (ВІД ПРОДЮСЕРКИ КУРСУ).
— про продуктивність;
— +/- віддаленої роботи;
— про організацію робочого простору;
— про методи, які завжди працюють;
— QA.
23. ЦІНОУТВОРЕННЯ.
— формати ціноутворення для дизайнерів;
— як сформувати вартість своїх послуг?
— правки: як визначити вартість та пояснити клієнту?
— правки: різниця між ринком України та закордонним клієнтами на тлі мого досвіду;
— мій досвід у ціноутворенні, який наразі дозволяє не вигорати;
— як правильно підвищувати вартість своїх послуг, щоб у подальшому дозволити собі брати 1-2 проєкти на місяць та мати чергу з клієнтів на 3-4 місяці вперед?