Онлайн-курс по созданию сайтов [WEBFLOW INTENSIVE] [Иван Майоров]

Онлайн-курс по созданию сайтов [WEBFLOW INTENSIVE] [Иван Майоров]

Научитесь создавать сайты, без знания кода
2-х месячный онлайн-курс c персональным куратором, на котором вы научитесь создавать адаптивные, крафтовые сайты со сложными анимациями, прокачаете дизайн и начнёте хорошо зарабатывать на этом​

Примеры сайтов на Webflow

Спойлер

Скрытая ссылка
Скрытая ссылка
Скрытая ссылка
Скрытая ссылка
Скрытая ссылка
Скрытая ссылка

Зачем всё это?
Дизайнеры открывают огромное пространство для дизайна: анимации, интерактивность, адаптивность

Студии запускают сайты за день. Не нужно ждать, пока дизайнер или менеджер договорятся с разработчиком. Также вносить правки очень просто, даже без дизайнера и разработчика

Маркетинговые агентства быстро тестируют гипотезы и легко вносят изменения в сайты благодаря CMS

Заказчик получает качественный сайт быстрее, правки вносятся мгновенно. После сдачи сайта, его легко поддерживать и дорабатывать

Кто я и зачем создал курс

Спойлер

Меня зовут Иван Майоров. Более 10 лет занимаюсь дизайном. Набил много шишек, но до сих пор считаю ремесло дизайнера крутым и увлекательным. Хочу чтобы как можно больше людей могли творчески реализовать себя и зарабатывать на этом без привязки к офису.

Я потратил 4 года на изучение и практику создания сайтов в Webflow. Теперь собрал свой опыт в курс, чтобы передать его за 2 месяца. Конечно, так быстро невозможно всему научиться, но можно избежать большинства ошибок, чтобы не терять время, нервы и деньги.

Пакет "Гуру"

Спойлер: Программа

Основы webflow

• Обзор Webflow. Основы создания сайтов: блочная модель, как сделать правильную структуру, как работать с классами, стандартные виджеты.
• Мастер-класс по созданию сайта. Объяснение процесса вёрстки с комментариями на примере простого сайта
• Адаптивная и отзывчивая вёрстка
• Основы создания анимаций в Webflow
• Обучающая игра по Flexbox. 28 уровней, пройдя которые вы научитесь верстать почти любые сложные блоки
• Как сравнивать вёрстку с дизайном, чтобы добиться pixel perfect
• Подготовка изображений для оптимизации скорости загрузки сайта и retina-экранов
• Как собрать лендинг за 3 часа с помощью функции копипаста
• Как правильно подготавливать и добавлять видео в Webflow

Блок по анимациям

• Как проектировать приятные глазу анимации и создавать вау-эффект
• Делаем дизайн лаконичным и профессиональным, благодаря интеракциям
• Как один раз настроить анимацию и применить её на всех страницах сайта
• Как оживить сайт за 10 минут с помощью заготовок анимаций
• Анимации относительно движений мыши
• Как сделать анимации адаптивными
• Анимированные переходы между страницами. Анимации во время загрузки страницы
• Анимации наведения, меню и иконки бургера
• Прилипающие блоки (sticky). Добавляют сайту изюминку и улучшают пользовательский опыт
• Сложные, многошаговые анимации. Параллакс
• Плавная смена цвета фона при скролле
• 3d-карточки как у Apple

Квиз

• Трендовый инструмент маркетинга, который позволяет добиться конверсии до 30%. Стоимость разработки квиза от 20к до 50к. Вы научитесь создавать такие квизы с помощью webflow за день

Подключение плагинов и базовый JS

• Плагин для создания мультилендинга
• Два плагина слайдеров, которые можно гибко настроить под свои задачи
• Плагин для сортировки и фильтрации блоков
• Плагины для модальных окон и показа сообщений пользователю, когда он пытается уйти с сайта. Позволяет увеличить конверсию до двух раз
• Постраничная прокрутка сайта. Настроим плагин и адаптацию
• Изучим базовые функции jQuery

Стабильные деньги на вёрстке

• Загружаем сайт на свой хостинг. Подключаем простую cms textolite и передаём управление сайтом заказчику
• Подключаем Яндекс метрику, Google Аnalytics, добавляем цели и настраиваем собственный обработчик форм
• Сервис для покупки изображений со стоков по 20 рублей
• Настраиваем А/Б тесты, чтобы находить самые эффективные решения
• Как оценить вёрстку по времени
• Как и где найти постоянных заказчиков

Шаблоны, лайвхаки для оптимизации работы

• Ускоряем работу в webflow c помощью горячих клавиш
• Как использовать интерфейс webflow по максимуму
• Чеклист по запуску сайта, который поможет ничего не забыть
• Пример сметы и коммерческого предложения на разработку сайта
• Проект с готовым квизом, который вы можете использовать в своих проектах

Код:

Продажник:
http://webflow.pro

Стоимость пакета "Гуру" - 49 000 руб.
По контекту он самый крутой, но можно скинуться 15 000 руб. на "Мастер" в котором есть все основы.