НАУЧИТЕСЬ СОЗДАВАТЬ САЙТЫ 
подобные этому, БЕЗ ЗНАНИЯ КОДА

Трёхнедельный курс по визуальному редактору кода webflow для дизайнеров

подробнее о курсе

Чему вы гарантировано научитесь после курса

Станьте веб студией в одном лице

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

Запускать проекты без верстальщика

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

Создавать сложную анимацию

В webflow есть мощные инструменты для создания CSS-анимаций в том числе трёхмерных

Создавать интерактивные прототипы

Проекты намного легче согласовать, если заказчик может «пощупать» сайт или увидеть анимацию в своём браузере.

Делать адаптивные и отзывчивые сайты

Сайты на webflow быстро загружаются и отлично выглядят на любых устройствах, благодаря чистому коду

Разбираться в коде верстки

Вы сможете общаться с разработчиками на одном языке и находить лучшие решения.

Типичные проблемы при работе с верстальщиками

Трудно
объяснять
правки

Приходится постоянно дёргать верстальщика и пытаться донести необходимые изменения. Лучше потратить это время на доработку дизайна в процессе вёрстки.

Верстка
отличается
от макета

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

Затягиваются
сроки

Частенько верстальщик называет сроки с запасом, но всё равно не успевает. Например лендинг спокойно можно свертать за день.

Типичные проблемы при работе с верстальщиками

Трудно объяснять правки

Приходится постоянно дёргать верстальщика и пытаться донести необходимые изменения. Лучше потратить это время на доработку дизайна в процессе вёрстки.

Верстка отличается от макета

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

Затягиваются сроки

Частенько верстальщик называет сроки с запасом, но всё равно не успевает. Например лендинг спокойно можно свертать за день.

В интернете активно обсуждают вопрос, должен ли дизайнер уметь верстать?

Многие думают что это очень сложно и придётся долго учиться.  Отчасти они правы =) Но Webflow позволяет, не погружаясь в дебри изучения кода, комфортно и быстро освоить процесс вёртстки, что открывает массу возможностей для веб-дизайнера.

ЧЕМ WEBFLOW ОТЛИЧАЕТСЯ ОТ КОНТСРУКТОРОВ САЙТОВ

W

Чистый код

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

Резиновая  вёрстка

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

3d-анимации

В webflow очень серьёзно подошли к вопросу анимации и интерактивности. С помощью встроенных инструментов можно создавать впечатляющие анимации. Полная свобода творчества.

Экспорт кода

Есть возможность выгрузить код для дальнейшей доработки или размещения на своём сервере. Все формы и интерактивные элементы продолжают работать.

Чистый код

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

Резиновая вёрстка

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

3d-анимации

В webflow очень серьёзно подошли к вопросу анимации и интерактивности. С помощью встроенных инструментов можно создавать впечатляющие анимации. Полная свобода творчества.

Экспорт кода

Есть возможность выгрузить код для дальнейшей доработки или размещения на своём сервере. Все формы и интерактивные элементы продолжают работать.

Уже через 3 недели вы сможете самостоятельно запускать идеально сверстанные сайты быстрее и больше зарабатывать на своих проектах

Огромный плюс при устройстве в веб-студию

Возможность больше зарабатывать на комплексных проектах

Сможете быстро запускать и тестировать собсвенные проекты

10
разборов

Занятия проходят в формате видео-разборов, на которых я разбираю ваши домашние задания и процесс вёрстки

15
видео-уроков

Ёмкие уроки в среднем по десять минут. Каждый урок — отдельная тема, если что-то забудете сможете вернуться и пройти заново

9
домашних
заданий

Первые три урока вы создаёте заранее подготовленный сайт с помощью видео-уроков, на остальных занятиях вы можете сверстать свой сайт и продолжать обучение на нём

Стоимость курса

9900 рублей
Принять участие

с 3 октября: 4 900

Программа

1 НЕДЕЛЯ

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

Тестовый сайт, который вы создадите на первой неделе

Программа

1

Знакомство с webflow

Обзор интерфейса. Создаём новый аккаунт. Разбираемся со стурктурой сайта и базовыми свойствами классов. Работаем с навигатором.

ДЗ: Верстаем первый экран сайта

2

Структура сайта

Основные структурные элементы webflow, из которых создаётся сайт. Колонки, ссылки, слайдеры шрифты, картинки Типичные ошибки, которые помешают при адаптации.

ДЗ: Верстаем оставшиеся блоки сайта

3

Адаптивная вёрстка

Адаптивная и отзывчивая вёрстка. Резиновые блоки. Комбо-классы.

ДЗ: Адаптируем существующий сайт

На выполнение уроков уйдёт не больше двух часов в день

4

Поведение блоков 

Абсолютное позиционирование блоков. Различия в поведении block и inline-block. Разбираемся с поведением floating. Разные состояния элементов интерфейса (наведение, нажатие, фокус).

ДЗ: Делаем сайт интерактивным

5

Анимация

Анимация:
при скролле 
при наведении мыши
при нажатии

ДЗ: Оживляем сайт.

6

3d-анимация

Делаем переворачивающуюся при наведении 3d-карточку.

ДЗ: Придумайте свою 3d-анимацию.

САЙТ-ПОРТФОЛИО
Перейти на сайт
Такую карточку вы научитесь делать на шестом уроке

2 НЕДЕЛЯ

На этом этапе вы верстаете свой проект и получаете индивидуальные видео-разборы. Вы выбираете макет и получаете исходные файлы, которые вы превратите в работающий сайт

3 НЕДЕЛЯ

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

7

Изменяем стандартные компонены

Сложный слайдер с использованием интеракции.

ДЗ: Придумайте свою анимацию слайдера.

8

Будущее вёрстки

Различные способы позиционирования блоков. Новый CSS-механизм флексбокс для создания сложных раскладок блоков.

ДЗ: Пройти обучающую игру.

9

Выгружаем готовый сайт

Настройка форм, целей в яндекс.метрике и GA, SEO. Экспорт кода, плагины, custom code.

ДЗ: Загрузить сайт на хостинг.

Попробуйте Webflow

Небольшой урок по созданию и анимировании кнопки

работы учеников

Константин Жук
vk.com/zhuck182

Костя очень быстро освоил webflow и уже на первой неделе сверстал свой первый сайт с изящной адаптивностью

Юлия Кузовенко
vk.com/yuliya_kuzovenko

После прохождения курса Юля с лёгкостью сверстала довольно сложный макет

Мария Кроустер
vk.com/id176179702

Мария досконально разобралась в webflow и уже сверстала не один проект

Ярослав Кирсанов
vk.com/yar_design

Ярослав очень хороший дизайнер, а теперь и верстальщик. Сверстал сайт своего агентства.

Принять участие

Примеры сайтов, созданных c помощью webflow

Автор курса

Иван Майоров

Занимаюсь графическим и веб-дизайном около восьми лет. Долго страдал, делая сайты в фотошопе, пока не открыл для себя Sketch. С тех пор изучаю все новые сервисы и инструменты, чтобы не терять драгоценное время. Пожалуй самым большим открытием стал для меня Webflow — сервис, дающий полную свободу творчества в вебе.

Вопросы и ответы

Бесплатный мини-курс и полезная рассылка

Оставьте email, чтобы получить базовый курс из трёх уроков и подписаться на рассылку с уроками и полезными материалами по webflow

Спасибо!
Письмо со ссылкой на курс уже должно быть у вас на почте. Если письма нет, попробуйте проверить спам.

Подписывайтесь на нашу группу вк, чтобы не пропускать новости.
Oops! Something went wrong while submitting the form

Политика конфиденциальности

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

Личная информация пользователей, собранная при регистрации (или в любое другое время) преимущественно используется для подготовки Продуктов или Услуг в соответствии с Вашими потребностями. Ваша информация не будет передана или продана третьим сторонам. Однако мы можем частично раскрывать личную информацию в особых случаях, описанных ниже.

1) С Вашего согласия: Во всех остальных случаях перед передачей информации о Вас третьим сторонам наша Компания обязуется получить Ваше явное согласие. Например, наша Компания может реализовывать совместное предложение или конкурс с третьей стороной, тогда мы попросим у Вас разрешение на совместное использование Вашей личной информации с третьей стороной.

2) На совместно позиционируемых или партнерских страницах: Наша Компания может делиться информацией с компаниями-партнерами, вместе с которыми реализует специальные предложения и мероприятия по продвижению товара на совместно позиционируемых страницах нашего сайта. При запросе анкетных данных на таких страницах Вы получите предупреждение о передаче информации. Партнер использует любую предоставленную Вами информацию согласно собственному уведомлению о конфиденциальности, с которым Вы можете ознакомиться перед предоставлением информации о себе.

3) При передаче контроля над предприятием: Наша Компания оставляет за собой право передавать Ваши анкетные данные в связи с полной или частичной продажей или трансфертом нашего предприятия или его активов. При продаже или трансферте бизнеса наша Компания предоставит Вам возможность отказаться от передачи информации о себе. В некоторых случаях это может означать, что новая организация не сможет далее предоставлять Вам услуги или продукты, ранее предоставляемые нашей Компанией.

4) Правоохранительным органам: Наша Компания может без Вашего на то согласия раскрывать персональную информацию третьим сторонам по любой из следующих причин: во избежание нарушений закона, нормативных правовых актов или постановлений суда; участие в правительственных расследованиях; помощь в предотвращении мошенничества; а также укрепление или защита прав Компании или ее дочерних предприятий.

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

Если Вы захотите отказаться от получения писем нашей регулярной рассылки, вы можете это сделать в любой момент с помощью специальной ссылки, которая размещается в конце каждого письма.

Какие данные собираются на сайте

При добровольной регистрации на получение рассылки вы отправляете свое Имя, E-mail и номер телефона через форму регистрации.

С какой целью собираются эти данные

Имя используется для обращения лично к вам, а ваш e-mail для отправки вам писем рассылок, новостей тренинга, полезных материалов, коммерческих предложений.

Ваши имя, e-mail и телефон не передаются третьим лицам, ни при каких условиях кроме случаев, связанных с исполнением требований законодательства. Ваше имя, e-mail и телефон хранятся на защищенных серверах сервиса carrotquest.io и используются в соответствии с его политикой конфиденциальности.

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

Как эти данные используются

На сайте intensive.webflow.io используются куки (Cookies) и данные о посетителях сервиса Яндекс.Метрики.

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

Вы можете в любой момент изменить настройки своего браузера так, чтобы браузер блокировал все файлы cookie или оповещал об отправке этих файлов. Учтите при этом, что некоторые функции и сервисы не смогут работать должным образом.

Как эти данные защищаются

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

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

Тем не менее, несмотря на то, что мы стремимся обезопасить Вашу личную информацию, Вы тоже должны принимать меры, чтобы защитить ее.

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

В случае изменения данной политики конфиденциальности вы сможете прочитать об этих изменениях на этой странице или, в особых случаях, получить уведомление на свой e-mail.

Для связи с администратором сайта по любым вопросам вы можете написать письмо на e-mail: mailmayorov@gmail.com