Webflow-разработчик: создание сайтов
без кода

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

записаться на курс

Плюсы профессии верстальщика на Webflow

Вы научитесь делать современные сайты для российских и международных клиентов.
Webflow — это облачный сервис, позволяющий создавать любые типы сайтов: от простых лендингов до сложных промосайтов международного уровня без знания кода.
Предусмотрена возможность интегрировать анимации прямо из After Effects, а также создавать, плавные последовательные анимации.
В отличие от других конструкторов Webflow не ограничен шаблонными блоками. Сервис позволяет сверстать любое дизайн‑решение, а также вставить сторонний код и подключить CMS.
На Webflow разработка происходит гораздо быстрее и дешевле. Дизайнер может сам сверстать сайт без привлечения программиста.

Кому
подойдет

Начинающим верстальщикам и дизайнерам, которые хотят разрабатывать сайты под ключ и продавать свои услуги по более высокой цене. Опытным верстальщикам, которые хотят ускорить разработку своих проектов.
Дизайнерам
Верстальщикам
Фрилансерам
Студиям и агентствам
Автор курса
Евгений Кузьмин
Обладатель более 50 международных дизайн‑наград, в том числе в номинации "Лучший сайт года". В качестве арт‑директора и продюсера реализовал более 500 интернет‑проектов. Является евангелистом стиля минимализм. Делал проекты для таких брендов как AXE, Beeline, Coca‑cola, Lipton, Yota, СДЭК.
За 9 лет существования студии мы делали проекты для наших клиентов с помощью разных инструментов. Но последние несколько лет разрабатываем сайты на Webflow. Наши клиентские проекты получают награды международного уровня. Мы собрали базу основных ошибок, досконально разобрались в работе этого сервиса, отслеживаем обновления и тренды, поэтому имеем право считать себя экспертами в Webflow.

Наше главное преимущество — успех наших студентов

Webflow позволяет создавать любые типы сайтов, поэтому мы используем его в разработке проектов для наших клиентов.
Ксения Зубкова
Опыт до курса:
без опыта
Фриланс
смотреть
Людмила Колотилина
Опыт до курса:
без опыта
Работает в Zephyrlab
смотреть
Лина Чехова
Опыт до курса:
без опыта
Фриланс
смотреть
Анна Прожижко
Опыт до курса:
без опыта
Фриланс
смотреть
Смотреть больше проектов
Наталья Шиллер
Опыт до курса:
без опыта
Работает в Mains Lab
смотреть
Мария Сергеева
Опыт до курса:
без опыта
Работает в Uprock
смотреть
Ольга Потлова
Опыт до курса:
без опыта
Работает в Uprock
смотреть
Андрей Ткаченко
Опыт до курса:
без опыта
Работает в Pinkman
смотреть
Смотреть больше проектов на awwwards
Ксения Зубкова
Опыт до курса:
без опыта
Фриланс
смотреть
Людмила Колотилина
Опыт до курса:
без опыта
Работает в Zephyrlab
смотреть
Лина Чехова
Опыт до курса:
без опыта
Фриланс
смотреть
Анна Прожижко
Опыт до курса:
без опыта
Фриланс
смотреть
Наталья Шиллер
Опыт до курса:
без опыта
Работает в Mains Lab
смотреть
Мария Сергеева
Опыт до курса:
без опыта
Работает в Uprock
смотреть
Ольга Потлова
Опыт до курса:
без опыта
Работает в Uprock
смотреть
Андрей Ткаченко
Опыт до курса:
без опыта
Работает в Pinkman
смотреть
Смотреть больше проектов на awwwards

Награды

Наши студенты делают качественную верстку, поэтому завоевывают множество наград.
Awwwards
10 наград
CSSDA
13 наград
CSS Winner
13 наград
Mindsparkle Mag
8 наград
Web Guru
13 наград
Посмотрите истории успеха наших выпускников.
Было замечательно. Каба был всегда на связи, подсказывал, направлял. Благодаря курсу я познакомился с Webflow, это позволило позже смело находить клиентов на фрилансе.
Николай Плахов
,
основная работа + фриланс
Николай Плахов
Возраст:
основная работа + фриланс
Город:
Опыт до курса:
Было замечательно. Каба был всегда на связи, подсказывал, направлял. Благодаря курсу я познакомился с Webflow, это позволило позже смело находить клиентов на фрилансе.

Внутренней осознанности по разработке фестивального сайта прибавилось.

Спасибо Uprock за возможность принять участие в разработке сайта Marshmello. Основная цель проекта — показать, что дизайнер может верстать.
Михаил Наер
,
работает в MAX
Михаил Наер
Возраст:
работает в MAX
Город:
Опыт до курса:
Спасибо Uprock за возможность принять участие в разработке сайта Marshmello. Основная цель проекта — показать, что дизайнер может верстать.
Изучать что-то новое всегда интересно, но когда получаешь обратную связь от коллег дизайнеров в виде международных наград — это круто вдвойне!
Андрей Ткаченко
,
работает в Pinkman
Андрей Ткаченко
Возраст:
работает в Pinkman
Город:
Опыт до курса:
Изучать что-то новое всегда интересно, но когда получаешь обратную связь от коллег дизайнеров в виде международных наград — это круто вдвойне!

Отзывы

Наши студенты трудоустраиваются в лучшие компании

SETTERS
LANDAU
CREATIVE PEOPLE
ZEPHYR LAB
EVEREST
СИБИРИКС
M-A-X
2GIS
OZON
OBYS
UPLAB
WRIKE
СБЕР
CLAY
Мы обучаем максимально эффективным решениям, чтобы наши выпускники стали одними из лучших дизайнеров на рынке, а работодатели ценили их и стремились к взаимному сотрудничеству.
Посмотрите отзывы работодателей о наших студентах

Запишитесь на консультацию

Забронируйте скидку и получите доступ к бесплатному мини-курсу «Webflow-разработчик» — создание сайтов без кода. Первые шаги»
1 245 ₽/
мес
Без первого взноса
?

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

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

23 900 ₽/
40 000 ₽
Одним платежом
До конца акции осталось:
Пожалуйста, заполните правильно все обязательные поля

Запишитесь на консультацию

1 245 ₽/
мес
Без первого взноса
?

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

Оставьте заявку для подробностей.

23 900 ₽/
40 000 ₽
Одним платежом
До конца акции осталось:
Пожалуйста, заполните правильно все обязательные поля

Как построен процесс обучения

Вы получаете ответ на любой организационный вопрос в течение 10 минут и ответ куратора в течение суток. Это четко контролируется.
Система подачи информации

Курс разбит на последовательные и логические этапы реальной разработки проекта. Таким образом вы легко усвоите материал и научитесь систематизировать свои рабочие процессы.

Упор на практику

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

Ориентирование на результат

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

Качественная обратная связь

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

Умение объяснять

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

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

Вы совместно с кураторами пройдете все этапы верстки сайта от начала и до конца.
/01
После окончания курса вы научитесь создавать полноценные, адаптированные под разные устройства, сайты с эффектной анимацией без знания кода.
/02
Вы узнаете, как спланировать и систематизировать весь процесс разработки от подготовки до запуска по методике, которую мы используем в студии Uprock.
/03
В процессе обучения вы пройдете все этапы разработки и по итогу создадите полноценный сайт (лендинг). Этапы – это спринты. Они выстроены по таким же принципам, которые мы используем при разработке своих проектов в студии Uprock.

Что вы получите

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

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

Вы сверстаете один проект

Обратная связь куратора раз в сутки с видеоразбором вашего домашнего задания

Вас ждут максимально подробные консультации от наших специалистов.

Техподдержка

Наша техподдержка отвечает в течение 5 минут по всем организационным вопросам.

Получение рассрочки

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

Бонусы

Мы постоянно ищем новые возможности для повышения уровня качества обучения.
Скидки
У вас будут специальные скидки до 50% на последующие продукты от UPROCK.
Работа в Uprock
Привлекаем студентов на свои проекты в качестве фрилансеров, а также нанимаем в Uprock, как штатных сотрудников.
Пиар наших студентов
Регулярно публикуем проекты сообщества на наших страницах в Instagram, Facebook и Вконтакте. Охват более 40 тыс. подписчиков.
Бесплатные места
У нас есть ежемесячная квота на бесплатные консультации для людей с 1‑2 группой инвалидности.

Программа
обучения

Самая объемная и насыщенная программа, которая раскрывает
все темы. Все уроки даются последовательно и насыщенно,
емко и без воды
Теория
Введение

В этом уроке вы узнаете о курсе и о том, как будет проходить обучение. Познакомитесь с возможностями и назначениями бесплатного и платных тарифов Webflow. Также вы узнаете, как построить работу над проектом от анализа до запуска.

О чем этот курс
 
Как проходит курс

Планы и тарифы
 
Site Plans (Сайт планы)
 
Account Plans (Аккаунт Планы)
 
Обзор и Анализ макета
 
Чек-лист приемки макета
 
План работы
 
Подготовка макета к верстке
 
Экспорт и оптимизация изображений
 
Подготовка других файлов

Веб структура

Познакомитесь с основными элементами веб‑страницы и принципами блочной верстки, на основе которых работает сервис Webflow. Базовые знания помогут вам проще ориентироваться в основной терминологии веб‑разработки.

Блочная верстка и основы HTML и CSS

Иерархия элементов сайта

Панель Навигатор

Практика: Планирование структуры сайта

Создание проекта и публикация

Рассмотрим, как зарегистрироваться на сайте Webflow и создать проект, изучим ограничения по количеству проектов и страниц в проекте.

Регистрация и создание проекта

Публикация сайта

Поделиться проектом (Share project)

Клонирование проекта

Клонирование специального шаблона

Основные настройки

Рассмотрим основные настройки проекта

Настройки проекта

Подключение своего домена

Файлы сайта

Общие настройки проекта

Настройка основных стилей

Загрузка изображений

UI Kit основных элементов

Практика
Элементы

Вы узнаете о способах добавления элементов на страницу сайта и о том, какие элементы не могут находится внутри себе подобных.

Добавление элементов

Обзор основных элементов

Обзор функциональных элементов

Персональные настройки элементов

Практика: Создание основной структуры сайта

Практика: Добавляем элементы и классы

Стили элементов

Вы познакомитесь с такими понятиями, как Классы и Комбо Классы, и узнаете об их назначении.

Общие принципы

Обзор простых разделов панели Style (Стиль)

Обзор панели Style Manager (Управление стилями)

Состояния элементов

Практика: Добавление контента элементам

Настройки стилей

Мы продолжим обзор панели Style и разберем раздел Layout, который служит для настройки расположения элементов относительно друг друга.

Панель Style: Раздел Layout

Практика: Детальная верстка 1 и 2 секций

Страницы сайта

Мы рассмотрим панель Pages (Страницы). Узнаем, какие типы страниц существуют и как их настраивать.

Страницы сайта

Практика: Детальная верстка 7 и 8 секций

Вспомогательные функции

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

Вспомогательные функции в режиме Designer

Практика. Детальная верстка 9 и 10 секций

Символы и Шаблоны

В Webflow есть возможность создавать Символы из элементов или группы элементов для управления повторяющимися блоками и контентом.

Обзор панели Symbols

Обзор готовых макетов Layouts

Создание Символов

Практика

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

Современный веб‑сайт должен быть адаптирован под разные устройства, чтобы пользователи могли комфортно просматривать веб‑страницы на компьютере, планшете или смартфоне. Для того, чтобы сайт был адаптивным, в Webflow используются встроенные Брейкпоинты.

Основы адаптивной верстки

Брейкпоинты

Проверка адаптивности

Адаптация сайта под мобильные экраны

Адаптация сайта под большие экраны

Тестируем адаптивность

Расширенные возможности
Анимация

Анимация помогает оживить сайт и облегчить взаимодействие пользователя с ним. Она должна быть уместной, не перегруженной и соответствовать идее и стилю сайта.

Общие принципы анимации

Триггеры

Настройка триггеров

Анимируем элементы при наведении

Якорные ссылки

Глобальная анимация

Анимация компонентов

Анимация при загрузке и прокрутке страницы

Вставка кода

Когда на сайте требуется реализовать то, чего нельзя сделать на Webflow, можно интегрировать сторонний код. Например, подключить сервисы комментариев или виджет карты. Напомню, что вставка кода поддерживает такие языки программирования как HTML, стили CSS и скрипты JS (Javascript). Вставка кода поддерживается только в платных аккаунтах.

Компонент Embed

Вставка кода в настройках страницы

Вставка кода в настройках проекта

Вставка кода в настройках элемента (Custom Attributes)

Вставляем карту на сайт

Аналитика и SEO

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

Подключение Аналитики

Подключаем Яндекс Метрику и Google Analytics

Настройка SEO в настройках страницы

Подготовка проекта к сдаче клиенту

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

Чек‑лист проверки сайта

Утверждение и Передача проекта клиенту

Подключение сайта к домену на хостинге Webflow

Выгрузка сайта и установка на своем хостинге

Дипломный проект

Вы можете создать свой проект вместе с куратором

Вы получите 20 консультаций по своему проекту от куратора

Условия

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

Запишитесь на консультацию

Забронируйте скидку и получите доступ к бесплатному мини-курсу «Webflow-разработчик» — создание сайтов без кода. Первые шаги»
1 245 ₽/
мес
Без первого взноса
?

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

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

23 900 ₽/
40 000 ₽
Одним платежом
До конца акции осталось:
Пожалуйста, заполните правильно все обязательные поля

Запишитесь на консультацию

1 245 ₽/
мес
Без первого взноса
?

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

Оставьте заявку для подробностей.

23 900 ₽/
40 000 ₽
Одним платежом
До конца акции осталось:
Пожалуйста, заполните правильно все обязательные поля

Стоимость

Покупка курса сейчас — это отличная возможность сэкономить.
«Webflow разработчик» — создание сайтов без кода
Включает:
— 1 проект в портфолио
— Бессрочный доступ к материалу
— 4 месяца обучения
23 900
вместо
40 000

Частые вопросы

Можно ли вернуть деньги?

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

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

Какие есть варианты оплаты, есть ли рассрочка?

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

Вы рисуете в Figma? Я её не знаю.

Да, мы рисуем проекты в Figma. Это наиболее удобный на сегодняшний день инструмент, который используют большинство студий.

Как помогаете с трудоустройством?

Помогаем правильно составить резюме и оформить портфолио. Консультируем при прохождении собеседования и выполнении тестового задания. Регулярно получаем заявки от работодателей и напрямую трудоустраиваем в компании. Также предлагаем проекты на фриланс и берем на работу в UPROCK.

Как проходит консультация?

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

Запишитесь
на консультацию
Спасибо, ваша заявка принята!
Мы свяжемся с вами в ближайшее время.
Пожалуйста, заполните правильно все обязательные поля
Записаться на курс