2.0
Webflow
intensive
Webflow
INTENSIVE
Онлайн-курс по созданию сайтов

Учим создавать сайты на webflow

4 месяца обучения c наставником, на котором вы научитесь создавать адаптивные, крафтовые сайты со сложными анимациями профессионального уровня. Учим Webflow с 2016 года,

Подробнее
Что
такое
Webflow?

Визуальный редактор кода, платформа для запуска сайтов, конструктор, сервис? Ни одно определение не раскрывает суть. Проще сказать для чего он.

Чтобы дизайнер мог создать любой сайт, который нарисует. Сделать его адаптивным и оживить с помощью анимаций и интеракций. Без написания кода

Примеры сайтов на Webflow
Зачем всё это?

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

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

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

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

Фрилансеры зарабатывают больше денег и больше востребованы на рынке

Подводные камни

Какие проблемы есть у Webflow?

Как курс помогает их избежать

Нужно потратить от месяца до нескольких лет, выискивая ошибки, чтобы освоить все нюансы

Благодаря видеоурокам и разборам наставника, вы уже через месяц будете верстать как профи

Можно научиться верстать неправильно, тогда будет сложно работать и придётся тратить много времени

Вы сразу учитесь верстать правильно и быстро, поэтому получаете кайф от этого занятия

Есть некоторые ограничения, из-за которых приходиться часами настраивать интеракции и придумывать костыли

На курсе вы изучите основы кода, а также получите доступ к шаблонам, которые решают 90% проблем

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

Есть нюансы при запуске сайта (настройка метрик, целей, интеграция с другими сервисами)

Страшно, что не сможешь выполнить все пожелания заказчика

Вы получите чеклист по запуску и ваши сайты будет проверять наставник

На курсе есть видеоуроки и инструкции для создания сайта под ключ

Наставник посоветует как договориться с заказчиком и подскажет как лучше удовлетворить его пожелания

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

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

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

Как проходит курс

Более 100 видеоуроков

Основа курса — видеоуроки с домашними заданиями, которые пошагово познакомят с Webflow. Кроме уроков вы будете практиковаться в вёрстке на макетах реальных сайтов и получите обратную связь в виде видеоразборов.

Индивидуальное обучение и видеоразборы

Самая полезная часть курса — подробные видеоразборы. Наставник записывает разбор каждого домашнего задания, досконально изучает вашу вёрстку и находит ошибки, чтобы не повторять их в будущем.

Пример разбора вёрстки

База знаний

В одном месте собран и разложен по полочкам материал, который поможет делать крутые сайты: полезные сервисы, уроки, разборы, лайфхаки, примеры сайтов. База регулярно пополняется, так что вы всегда найдёте актуальную информацию.

Адаптивное обучение

Курс подходит и новичкам и опытным пользователям. Я подстраиваю программу под ваши задачи. Например: если у вас слабый дизайн, я буду давать больше уроков и заданий по дизайну. Если хочется прокачать вёрстку, делаю упор на сложные макеты и доработку сайтов кодом.

Вёрстка
Анимации
Плагины

Через пару дней вы запустите свой первый сайт, а через четыре месяца будете создавать профессиональные, крафтовые сайты с крутыми анимациями

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

Основы webflow

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

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

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

Квиз 💣

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

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

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

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

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

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

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

Система обучения

Общий чат курса
Видеоразборы ваших домашних заданий
Доступ к базе знаний, которая постоянно пополняется видео с разборами сложных задач при вёрстке сайтов
Индивидуальное ведение куратором. Отвечает на вопросы и помогает в обучении
Ведение одного проекта от идеи до запуска. Это может быть ваш сайт-портфолио
Консультации по дизайну, маркетингу, удалённой работе
Индивидуальные уроки на интересующие вас темы
Поддержка по курсу и вашим проектам в течение года
25 000 р.
18 900 р.
7 из 10 мест
Записаться
11 900 р.
50 000 р.
2 из 3 мест
Записаться
Бесплатный урок

Создайте свой сайт‑портфолио
за 20 минут

Подпишитесь на рассылку в вк и вам сразу придёт ссылка на видеоурок

Получить урок

Специальная цена

Успейте приобрести курс по самой выгодной цене

До повышения цены осталось

Бесплатный урок

Создайте свой сайт‑портфолио
за 20 минут

Подпишитесь на рассылку и вам сразу придёт ссылка на видеоурок

Получить урок
×
×
Курс «Гуру»
Если у вас остались вопросы, напишите мне в соцсетях
Либо оплатите участие и можете сразу приступить к обучению
Оплатить
×
Курс
«Мастер»
Если у вас остались вопросы, напишите мне в соцсетях
Либо оплатите участие и можете сразу приступить к обучению
Оплатить