Модуль №0. Введение в профессию веб-дизайнер.
- Новички: поймёте основы профессии веб-дизайнера, разберётесь в ключевых инструментах и работе с нейросетями
- Новички+опытные: узнаете топ-маркетинговых приемов, которые влияют на эффективность сайта и изучите 70+ полезных сервисов, которые облегчат работу
Урок №2. Кто такой веб-дизайнер. Что он делает, кто его клиенты и какие есть перспективы у этой профессии
результат был эффективным и полезным
Урок №3-4. Правила в веб-дизайне.
Что уже можно реализовывать с помощью нейросетей. Лучшие и популярные нейросети
• Как создавать аккуратный и чистый дизайн
• Как дизайнить креативные сайты (сетка, композиция)
• Разберем основы дизайна, чтобы ваши работы всегда нравились клиентам
Урок №5. Создание сайта: с чего начать.
Виды сайтов, самая эффективная структура сайта, которая подойдет под любую нишу
• Как легко и быстро реализовывать любые идеи
• Топ-маркетинговых приемов, которые влияют на эффективность сайта
Урок №6. Нейросети. Как правильно работать с ИИ, чтобы не навредить себе и клиентам.
• Для новичков: что такое ИИ простым языком
• Как использовать ИИ правильно, чтобы проходить обучение
Доп. материалы:
Подборка из 1000+ сайтов для тренировки насмотренности
70+ полезных сервисов, которые облегчат работу
Чек-лист проверки сайта на базовые ошибки и готовность
30 заданий на прокачку
насмотренности
Готовый прототип (шаблон) сайта для продажи онлайн-курса
Подборка сайтов, где можно искать вдохновение и тренировать насмотренность
Модуль №1. Создаем дизайн-макет в Figma
- Новички: освоите интерфейс Figma, научитесь работать с основными инструментами и создадите свой первый макет сайта модуля
- Новички+опытные: освоите продвинутые приёмы Figma (сложные фоны, переходы, эффектные шрифты и кнопки, текстуры и плагины); научитесь генерировать уникальные иллюстрации, фотографии и тексты с помощью нейросетей.
Урок №2. Создаем дизайн главного экрана сайта.
• С чего начать и, как избежать страх белого листа
• Как создавать объемные и сложные фоны, которые будут выделять ваши макеты среди конкурентов
• Шрифты с вау-эффектом. Как правильно выбрать
• Разработка креативных кнопок и плашек
• Цветокоррекция фото, как естественно вписать фотографию в дизайн-макет
Урок №3. Дизайним еще 3 блока сайта.
• Трендовые переходы между блоками
• Как креативно разместить много текста
• Как придумывать композиции, чтобы дизайн выглядел уникально и с вау-эффектом, а не как шаблон
• Коллажирование в иконках, раскрываем смыслы
• Работа с режимами наложения, текстурами и эффектами для того, чтобы сайт выглядел гармонично и целостно
Урок №4. Мобильная версия сайта
• Базовые принципы адаптация макета, как сохранить креатив на мобильных устройствах
• Как подготовить макет к верстке, чтобы ускорить процесс минимум в 2 раза
• Как передавать исходники программисту
Урок №5. Частые ошибки в дизайне и как их избежать
• Ошибка №1. Из-за чего дизайн выглядит дешево и отталкивающе.
• Ошибка №2. Почему макеты получаются небрежными, будто бы дизайн сделали на скорую руку
• Ошибка №3. Низкая конверсия на сайте
• Ошибка №4. Откуда в макете ощущение хаоса и не профессионализма
• Ошибка №5. Почему клиент закидывает правками без остановки
Урок №6. Нейросети. Как сделать сайт с помощью нейросетей. ChatGPT и NanoBanana
• Нейро-фотосессия из селфи в NanoBanana
• ChatGPT, как провести маркетинговый анализ и сэкономить 5+ часов
• ChatGPT, как с его помощью написать текст для сайта, чтобы каждый смысл был продающим и позитивно влиял на конверсию
Урок №7. Нейросети. Как сэкономить на фотостоках и самостоятельно генерировать иконки и 3д-элементы для дизайна
• Adobe FireFly, ChatGPT, как создавать Объемные иконки, картинки, фото по готовому эскизу и референсам
Доп. материалы:
- Памятка по самым важным горячим клавишам
- Топ-20 плагинов Figma, которые нужны всем
- Новички: освоите профессию верстальщик сайтов, перенесёте макет сайта из Figma в Tilda и настроите полноценный работающий сайт.
- Новички+опытные: научитесь быстро адаптировать дизайн-макет под любые экраны, добавлять эффектные анимации, подключать модификации, использовать ИИ-помощников.
Урок №2. Осваиваем Тильду. Обзор интерфейса, важные инструменты и настройки в Zero-block и стандартных блоках
Урок №3.1. Переносим главный экран сайта
• Как переносить сложный дизайн-макет и сохранить
соответствие всех размеров и элементов в Zero-block
• Как устанавливать шрифт, которого нет в Тильде
• Кнопки и меню, как сделать их кликабельными
Урок №3.2. Переносим следующие 3 блока сайта
• Как сохранить плавные переходы на макете
• Как настраивать стандартные блоки для того, чтобы они гармонично сочетались с zero-блоками
• Фишечки, чтобы сайт открывался гармонично и внутри него была удобная, плавная навигация
• Принципы и туториалы базовой анимации текста и элементов
Урок №4. Выполняем тех. настройки сайта
• Детали, про которые многие забывают
• ТОП-3 трендовые анимации, которые произведут впечатление на любого клиента
• Подключение домена, crm и оплат, пошаговая инструкция от Тильды, как с ней работать и выполнять любые сложные настройки
Урок №5. Продвинутые фишки в Тильде
• Как работать с кодом и подключать к сайту модификации
• ТОП-5 фишек, которые пользуются высоким спросом у клиентов и повышают стоимость
сайта
Урок №6. Нейросети. ИИ-помощник и конструктор сайтов в Тильде
• Как создать сайт буквально в 3 клика за 5-10 минут, если у вас есть только краткое описание проекта
Доп. материалы:
• Подборка ТОП-сервисов, которые расширяют возможности Тильды
Модуль №3. Портфолио и поиск клиентов
- Новички: научитесь упаковывать свои кейсы на Вейance, находить клиентов, вести переговоры и управлять проектами, чтобы успешно продавать свои сайты.
- Новички+опытные: освоите мой авторский метод продвижения кейсов на Behance, научитесь использовать ChatGPT для составления коммерческих предложений, ответов и рассылок с высокой конверсией.
• Как упаковать дизайн-макет в кейс, чтобы он получился продающим, а не просто красивым
• Структура кейса, которая закрывает возражения клиентов и вызывает доверие к вам
• Секреты продвижения кейсов на Behance, что нужно делать, чтобы клиенты писали сами и хотели сотрудничать только с вами
Урок №2. Как искать клиентов без опыта. 10+ способов найти заказчика
• Что обязательно нужно подготовить заранее перед тем, как начать поиск клиентов
• 10 самых актуальных способов найти клиента
• Конкретные примеры из практики, как работает каждый из способов
Урок №3. Как вести переговоры в переписке на созвоне, чтобы продать клиенту сайт
• Как работать со входящими заявками так, чтобы закрывать их с конверсией 80%.
• Как продавать свои услуги в переписке: что делать категорически нельзя и без чего невозможно закрыть сделку
• Как провести продающий созвон
• Как выделиться и вызвать доверие с первых секунд
Урок №4. Как вести проект, чтобы клиент остался доволен. От брифа и до отзыва.
• Клиент отправил предоплату. Что делать дальше? Этапы ведения любого дизайн- проекта
• Как избежать правок и недопониманий: секретные фишки, которые помогают выстроить комфортную коммуникацию
• Если случился форс-мажор или конфликт, как действовать, чтобы сохранить хорошие отношения с клиентом
• Как правильно запрашивать эффективный отзыв в конце сотрудничества
• Как сделать клиента постоянным и запустить от него волну рекомендаций
Урок №6. Нейросети. Как с помощью ChatGPT повысить свою конверсию в продажах сайтов
• Как составлять реалистичные и нешаблонные ответы на сложные вопросы клиентов с помощью ChatGPT
• Как с помощью ChatGPT составить коммерческое предложение
• Как корректировать рассылки и отклики на вакансии, чтобы увеличить конверсию в ответ с помощью ChatGPT
Доп. материалы:
Урок ТОП-7 идей для контента
Список чатов и каналов с вакансиями
Таблица для проведения брифа и пример созвона с клиентом
Шаблон договора и инструкция, как им пользоваться