Модуль 1
За 3 месяца
интенсива
{01}
Освоишь профессию
с нуля
с нуля
{02}
Выйдешь на зарубежный
фриланс
фриланс
{03}
Научишься верстке
без кода
без кода
{04}
Прокачаешься
в CMS Webflow
в CMS Webflow
{05}
Разберешься
с платформой Upwork
с платформой Upwork
{06}
Станешь востребованным
специалистом
специалистом
{07}
Сможешь делать также:
Учиться новому сложно, а еще пропадает желание и вечно не хватает времени.
Мы помним, как это. Поэтому, кроме знаний, на курсе ты получишь:
Поддержку
Небольшие группы по 20 мест и свой чат в каждом потоке. Поэтому менторы приходят с поддержкой быстрее, чем за 40 минут.
Игры и практику
Со второго урока применяем знания на проекте. Макет выдаем, но можно прийти со своим. Второй кейс получишь на Битве верстальщиков. Будет горячо!
Мотивацию
Амбициозным студентам предлагаем Webflow PRO. Лучших берем к себе в команду и независимо от уровня, принимаем в комьюнити.
У тебя будет лучшая платформа для старта
Готовые решения
и интеграции с популярными сервисами {Wordpress, Shopify и др.}
понятный интерфейс
визуальный редактор и чистая верстка без мусора в коде
Полноценные сайты
с крутыми анимациями за несколько дней
И ПРОЧНЫЙ ФУНДАМЕНТ ДЛЯ ПОСТРОЕНИЯ PERFECT БУДУЩЕГО
{01}
WEBFLOW JUNIOR DEVELOPER СРАЗУ ПОСЛЕ ОБУЧЕНИЯ
{02}
ГОТОВОЕ ПОРТФОЛИО С 3 РЕАЛЬНЫМИ ПРОЕКТАМИ
{03}
ПОДДЕРЖКА КОММЬЮНИТИ И МЕНТОРОВ ПОСЛЕ КУРСА
{04}
ВМЕСТЕ НАЙДЕМ ПЕРВОГО КЛИЕНТА ИЛИ ЗАКАЗ
{05}
ДОСТУП К ПРОЕКТАМ НА МЕЖДУНАРОДНОМ РЫНКЕ
Длительность курса
от $300
Первые заказы на Upwork наших студентов
2 недели
Время получения первого заказа после курса
100 000 ₽
Средняя стоимость верстки лендинга
800 +
Открытых заказов на Upwork
13 ч
В сутки поддержка менторов
Ничего не понимаешь в разработке
Самым сложным кодом в жизни был код от домофона? Webflow как раз для тебя. No-code сайты и легкий старт в профессию.
Мечтаешь о карьерном росте
Пригодятся дополнительные скиллы! Работаешь в web/ Ux/Ui дизайне? Закрой еще одну компетенцию и удвой свою ценность в команде.
Хочешь на удаленку
Webflow-разработчику нужны только ноутбук, хороший интернет и билет в город своей мечты. Можно работать из любой точки мира.
Ищешь международные проекты
Спрос на Webflow за рубежом растет, самое время врываться. Мы покажем, как выйти на международный рынок. А если ты уже владеешь кодом, твоя дистанция сокращается вдвое.
С помощью Pixel
→ к Perfect
{01}
Врываемся
{01}
Врываемся
Начинаем с Базы Webflow, погружаемся в html, css, js, слушаем теорию и сразу переходим к практике. Делаем первый проект в портфолио.
{02}
Прокачиваем
{02}
Прокачиваем
Хватаем новые проекты и внедряем все, что узнали на Базе. Хотя Битва верстальщиков - это симулятор реальных заказов, кейс в портфолио и бонусы за победу будут настоящими.
{03}
Работаем
{03}
Работаем
Обходим блокировку и регаемся на Upwork. Выбираем проекты, пишем отклики и получаем заказы даже без идеального английского и 5-летнего опыта.
Обход любых блокировок
Оплата в иностранной валюте
ПРАВИЛЬНЫЙ ОТБОР ПРОЕКТОВ
Отклик на заказ и коммуникация
Поддержка и советы менторов
Я начинал свое знакомство с Webflow с курса Basic. А всего через неделю после окончания обучения нашел первого клиента на Upwork. Спустя полгода я понял, что хочу повысить квалификацию и чек за работу. Поэтому записался на поток курса Webflow PRO, где мне больше всего понравилось создавать анимации на GSAP. Уже во время прохождения курса я нашел новый проект. Это был сайт для лагеря/пасхального ивента «Easter camp». Работа не сложная, но интересная, так как была выстроена вокруг настройки и кодинга анимаций. На все 8 страниц проекта у меня ушло 48 часов и чуть меньше двух недель. Я заработал 1.200$ и смело повысил свою часовую ставку до 25$/час.
Я обучалась на курсе Basic летом 2023. После получения первых заказов записалась на курс PRO, чтобы подтянуть JavaScript и GSAP, потому что custom код нужен почти каждому клиенту. Клиента с сайтом для маркетингового агентства я нашла в на Upwork, бюджет проекта 600$. Здесь использована библиотека Lenis, JS для часов на главной странице и для запрета скролла страницы на мобильной версии при открытом меню. А еще использовано очень много CMS коллекций и настроена интеграция с Mailchimp.
После обучения на курсе Basic я нашел себе первых иностранных клиентов на Upwork и наконец стал зарабатывать в долларах. Как всегда и хотел. Я настолько сильно увлекся процессом, что в итоге даже пошел на курс PRO. Благодаря ему сейчас делаю сайты со сложной GSAP-анимацией. Например, для проекта FANDS agency. Кстати, предложение о работе от этого агентства ребята сбросили в чат выпускников PP. Я откликнулся и получил работу. Могу сказать, что этот проект классно прокачал меня в GSAP. Здесь я смог закрепить все знания с курса и полностью перестал бояться JavaScript. Поэтому теперь и получаю новые заказы с более высоким чеком.
{04}
Апгрейдим
{04}
Апгрейдим
Хочешь большего? Модуль Webflow PRO – то, что нужно. Прокачиваем скиллы и повышаем компетенции. JavaScript, GSAP, Конвертеры дадут х3 к твоим чекам.
бонусные
пиксели
мощное Портфолио
Минимум 3 проекта в портфолио Рекорд пока зафиксирован на 7, но границы только в твоей голове. А макетами обеспечим.
Работа
в студии
в студии
Большой брат следит за тобой! Помогаем с трудоустройством, а самых талантливых берем в команду Fluid.Аутстаф
Сомневаешься? Посмотри первый урок бесплатно!
Программа курса Pixel Perfect
3 модуля
2 Битвы верстальщиков
180+ уроков
8 кейсов в портфолио
{01} База Webflow
Полноценное погружение в ноу-код разработку для начинающих. Обучение посвящено изучению основ Webflow, всех его ключевых настроек и созданию анимаций. Весь материал закрепляется на реальных задачах.
8 недель обучения
22 часА учебного материала
45 часов практики
ВВЕДЕНИЕ В РАЗРАБОТКУ САЙТОВ
Начинаем изучение ноу-код верстки с основ HTML, JS и CSS. Этот модуль ответит на главный вопрос — из чего состоят сайты. Разберем базовую структуру и посмотрим как все работает в связке
- Из чего состоит сайт. Что такое HTML,CSS,JS
- Как работает блочная верстка. Что такое Div-блок
Модуль 2
ИНТРО WEBFLOW
Первое знакомство с Webflow. Разберем интерфейс, настройки и управление проектами (клонирование, функции поделиться и передать). Обсудим, какие есть тарифы и как их правильно выбирать. На самое обучении тариф покупать не обязательно
Модуль 3
ЭЛЕМЕНТЫ В WEBFLOW
Сайты на Webflow состоят из заранее заготовленных элементов, которые в дальнейшем нужно стилизовать. Их достаточно много и у каждого элемента есть свои настройки
Модуль 4
БАЗА ВЕРСТКИ
Всё оформление сайта создается с помощью CSS. В Webflow есть отдельная панель для визуальных настроек элементов. Разберем каждый поэтапно
Модуль 5
ВВЕДЕНИЕ В АНИМАЦИЮ
Анимация в Webflow – это очень мощный встроенный инструмент, который позволяет делать анимации любой сложности. В этом модуле разбираем свойства и настройки инструмента. А в конце создаем проект, в котором можно будет попробовать все виды анимаций
Модуль 6
ПОДГОТОВКА МАКЕТА К ВЕРСТКЕ
Перед началом верстки нужно подготовиться. Разберем, как правильно подготовить макет, UI Kit и все необходимое для старта проекта
Модуль 7
ВЕРСТКА ПЕРВОГО ПРОЕКТА
Вместе пройдем путь от начала и до конца. Сверстаем сайт для десктопа, настроим анимации и адаптируем его для разных устройств
Модуль 8
ВСТРОЕННЫЕ МОДУЛИ WEBFLOW
Webflow по умолчанию содержит дополнительный функционал, который позволяет создавать сайты с динамическим контентом. А также интернет-магазины и сайты с личным кабинетом и разным уровнем доступа. В этом модуле мы познакомимся с более широким функционалом платформы
Модуль 9
РАСШИРЯЕМ ВОЗМОЖНОСТИ WEBFLOW
В этом модуле познакомимся с библиотекой Finsweet, которая позволяет создавать сайты с фильтрацией, поиском и гибко управлять различными элементами
Модуль 10
ИНТЕГРАЦИИ С ДРУГИМИ СЕРВИСАМИ
Кто сказал, что Webflow нельзя интегрировать с такими сервисами, как AmoCRM, Bitrix24 и т.д.? Развеим этот миф и научимся интегрировать Webflow практически с любым сервисом с помощью Zapier, n8n, WebJack
Модуль 11
БИТВА ВЕРСТАЛЬЩИКОВ
Учебное соревнование на реальных проектах. Студенты делятся на команды, каждая из которых получает дизайн в Figma. Выигрывает тот, кто заверстает сайт на Webflow быстрее. Эта битва отлично прокачивает уровень владения Webflow, дает дополнительный кейс в портфолио и улучшает навыки коммуникации
{02} Upwork
Полученные практические навыки нужно уметь продавать. Вместе уделим особое внимание поиску первых клиентов, разберемся с обходом блокировок и научимся правильной презентации. Активность на данном этапе гарантирует первый заказ.
3 недели обучения
6 часов учебного материала
28 часов практики
Модуль 1
INTRO UPWORK
Познакомимся с платформой, сделаем краткий обзор ее возможностей и расскажем, почему Upwork — самая подходящая биржа для ноу-код разработчиков
Модуль 2
ОБХОД БЛОКИРОВКИ
В 2022 году Upwork запретил пользователям из России и Беларуси пользоваться сервисом. В этом модуле мы поделимся всеми возможными способами, как можно обойти это ограничение
Модуль 3
РЕГИСТРАЦИЯ НА UPWORK
При регистрации алгоритмы платформы автоматически подтверждают профиль каждого фрилансера. Если автоматической верификации не произошло, то профиль попадает на дополнительную ручную верификацию личности. К сожалению, она достаточно долгая и работает случайным образом. В итоге, ручная верификация может приводить к вечному бану. Чтобы этого не произошло, проходим регистрацию вместе
Модуль 4
УПАКОВКА ПРОФИЛЯ
Правильная презентация аккаунта — must-have при знакомстве с потенциальным клиентом. На Upwork все просто: чем лучше и профессиональнее выглядит профиль, тем выше вероятность получить предложение о работе. Цель этого модуля — сделать анкету привлекательной и наполненной
Модуль 5
ОТБОР ПРОЕКТОВ
Важный и кропотливый этап поиска предложений по работе (job offers). Наша цель — получить контакт с потенциальным клиентом. Чтобы ее достичь, сформируем критерии, по которым будем подавать заявки. Они помогут нам четко определить, к кому и на какие предложения откликаться
Модуль 6
COVER LETTER
Сопроводительное письмо — первое, что видит потенциальный клиент при вашем отклике на его предложение. Разработаем несколько шаблонов с ключевыми словами, чтобы у клиента не осталось шансов выбрать не тебя
Модуль 7
ПЕРВЫЙ КОНТАКТ
Разберем основы коммуникации с заказчиком. Обсудим, как правильно общаться, отвечать на возражения и что делать, если клиент хочет созвониться, а твой разговорный английский не позволяет этого сделать
Модуль 8
РЕТАРГЕТИНГ НА UPWORK
Этап повторного контакта с потенциальным заказчиком. Сообщения с напоминанием клиентам о вас и ваших навыках — отличная возможность увеличить продажи с уже наработанных контактов. Научимся их составлять и разработаем стратегию отправки
Модуль 9
СПРИНТ ПО UPWORK
Самый насыщенный и продуктивный модуль, который длится 2 недели. Каждого студента курируют лично менторы курса Павел и Алексей. Они же проводят консультации, обращают внимание, на какие заказы стоит откликаться, и дают советы по написанию cover letter для отклика. Все отклики отправляются совместно, а коммуникация проходит в Telegram. Активность на данном этапе гарантирует первый заказ!
{03} Webflow PRO
Трамплин из junior разработчика в middle. Полноценный пятимесячный курс с подробным разбором HTML, CSS, JS и огромным модулем по настройке сложных анимаций. В программе продвинутая оптимизация, настройка интернет-магазинов и еще парочка очень важных тем.
5 месяцев обучения
38 часов учебного материала
70 часов практики
Модуль 1
БАЗА JAVASCRIPT
Этот модуль посвящен изучению основ языка программирования. Рассмотрим циклы, взаимодействие с DOM, функции, условия и еще несколько базовых тем
Модуль 2
GSAP-АНИМАЦИИ
Познакомимся с библиотекой GSAP, ее основными плагинами и научимся их применять. Создадим анимации разного вида: по скроллу, клику, для текстов и реализуем функционал Drag and Drop. Финализируем версткой первого проекта с применением JS и GSAP-анимаций
Модуль 3
ОПТИМИЗАЦИЯ САЙТА
В этом модуле познакомимся с продвинутыми SEO-настройками, мультиязычностью и оптимизацией видеоконтента.
• узнаем, что такое FFmpeg и CDN-платформы, а также интегрируем фоновое видео и встроим готовый плеер на сайт
• научимся формировать Alt Text для изображений, robots.txt, sitemap.xml и canonical link element link
• реализуем мультиязычность вручную, а также через Weglot и Webflow Localization
Модуль 4
E-COMMERCE
Заверстаем полноценный интернет-магазин с использованием Webflow Ecommerce. Разберем функционал, создадим товары с карточками, а затем разработаем страницы корзины и оплаты
Модуль 5
USERS
Модуль посвящен разбору функционала Webflow Users, для которого мы будем настраивать личный кабинет. В программе настройка уровней доступа и создание сервиса по подписке на платный контент
Модуль 6
КОНВЕРТЕРЫ
Знакомство с с веб-приложением Udesly, которое позволяет адаптировать макеты Webflow для использования с такими CMS, как Shopify и WordPress. Рассмотрим альтернативу Udesly — Web-steps, сервис который особенно актуален для клиентов из СНГ. Перенесем макеты с Webflow на Wordpress и Shopify
Модуль 7
WEBFLOW LOGIC
С помощью Webflow Logic можно автоматизировать процессы на сайте без использования дополнительных сервисов. Мы создадим простой backend для веб-проекта, привяжем формы на сайте к CMS через Logic и научимся настраивать рассылки в зависимости от данных
Модуль 8
ИНТЕГРАЦИИ
С помощью интеграторов Zapier и Webjack настроим интеграцию Webflow с самыми популярными сервисами. Битрикс24, amoCRM, Google Таблицы, Telegram, GetCourse и Notion
Модуль 9
SPLINE
Создадим 3D контент для сайта с использованием инструмента Spline. Разберем базовый функционал, спроектируем простую 3D модель и научимся использовать Spline в Webflow. В конце создадим интерактивный элемент с 3D
Модуль 10
БИТВА ВЕРСТАЛЬЩИКОВ PRO
Завершающий модуль с большой практикой на реальных кейсах в формате соревнования. Студенты делятся на несколько команд, каждая из которых получает дизайн в Figma. Выигрывает та команда, которая заверстает сайт на Webflow быстрее. Битва имитирует работу с реальным клиентом с дедлайнами и правками
Хорошие отзывы тут,
А плохие все равно никто
не пишет
{
Roman Groshev
}
Уроки заходили с таким кайфом, что иногда даже сон отходил на 2 план 😅 Всей информации было более чем достаточно. Особенно понравилось, что если что-то прям вообще не мог осилить, то можно брать консультации. Это комьюнити — лучшее в СНГ. Спасибо вам.
{
Даниил Шишко
}
Когда я нашел канал Pixel Perfect, то убедился, что в России есть комьюнити, которое шарит, и преподаватели, которые могут качественно и доступно всё объяснить. Во время обучения ребята следят за ходом обучения, понимают, кто вообще у них учится и какие у кого успехи. После обучения PP помогли мне взять первый полноценный заказ за 50.000₽
{
Даня Данилов
}
Пришел к ребятам на курс без знаний и опыта работы с web, но это не помешало мне всему научиться и теперь без проблем брать заказы. Ребята из Pixel Perfect действительно дают очень полезные знания в ноу-код разработке, а коммуникация с преподавателями и поддержкой — просто высший уровень. Нет лучше школы по Webflow, чем Pixel Perfect.
{
Леонид Саратов
}
На курсе отличная поддержка от менторов, которые помогут со всеми затыками и удобная система изучения материала. За время обучения сделал 5 работ в портфолио, а в последние недели обучения устроился в компанию на позицию Webflow-разработчика.
{
Влад Некрасов
}
Я занимаюсь UX/UI дизайном и в какой-то момент понял, что хочу верстать свои макеты самостоятельно. На курсе ОГРОМНОЕ количество практики, что не дает выпасть из среды верстки, это очень хорошо для опыта. Поддержка постоянно на связи, очень развернуто отвечают на вопросы, а сами уроки очень последовательны. Теперь буду проходить PRO курс по Webflow.
{
Диана Минаева
}
У меня были страхи, что мне будет сложно освоить Webflow. Из-за того, что до этого я работала только с Тильдой, мне казалось, что этот инструмент намного сложнее. Но всё оказалось не так страшно, и я успешно совсем справилась.
Кто за всем этим стоит
Основатели школы Pixel Perfect – молодые идейные ребята. И мы помним, как это – учиться новому, когда одолевают страхи, сомнения и миллион вопросов.
{Дизайнер}
Дмитрий Федоров
{Эксперт и ментор}
Адам Айдемиров
{Контент-Маркетолог}
Анна Фурс
{Ментор Webflow PRO}
Глеб Хлопков
{Основатель}
Николай алексеев
{Основатель}
Павел Макагонов
{Lead of mentors}
Мария Кот
{Видеомейкер}
Константин Хамицевич
{Ментор}
Алексей Алексеев
{Ментор}
Зоя Халиль
Ты уже никогда не будешь один
Тебе с нами понравится! Мы создали разные форматы сообществ: закрытое комьюнити выпускников
Но уже сейчас ты можешь почувствовать себя в нашем комьюнити:
Webflow only
Если уже работаешь в студии/компании
или на российском фрилансе
или на российском фрилансе
2 месяца
5 600 руб/мес
3 999 руб/мес
в рассрочку на 12 мес
одним платежом 47 990 руб
70 видео-уроков c базой Webflow + домашние задания
Доступ к материалам на 6 мес
Поддержка в телеграм боте от реальных практиков
Три онлайн воркшопа для закрепления материалов
Битва верстальщиков с реальными призами
Закрытый чат в тг с коммьюнити по Webflow
Осталось мест: 7
Webflow basic
Webflow и Upwork — для тех, кто хочет выйти
на зарубежный рынок
на зарубежный рынок
3 месяца
8 505 руб/мес
6 075 руб/мес
в рассрочку на 12 мес
одним платежом 72 900 руб
Все, что есть в Webflow only плюс:
Модуль Апворк с 20 уроками
Спринт по Upwork до первого заказа
Три консультации в неделю с автором курса в течение 3 месяцев
Возможность попасть в команду Fluid.Аутстаффинг
+6 месяцев доступа к материалам
Осталось мест: 8
Webflow PRO
Все от стандартного функционала до сайтов с JS анимациями и широкоми возможностями
9 месяцев
14 700 руб/мес
10 499 руб/мес
в рассрочку на 12 мес
одним платежом 125 990 руб
Все, что есть в Webflow Basic плюс:
Модуль JavaScript
Модуль GSAP
И еще 7 модулей, чтобы стать
уверенным middle-разработчиком
уверенным middle-разработчиком
Битва верстальщиков для PRO
Помощь в реализации коммерческих проектов
Осталось мест: 3
Про гарантии
Бывают ситуации, когда все идет не по плану
Мы все понимаем, поэтому в экстренной ситуации можем перевести тебя на следующий поток.
Классно, когда у тебя есть вопросы
Собрали здесь самые задаваемые.
?
{?}
Какие есть варианты оплаты, есть ли рассрочка?
Ты можешь оплатить полную сумму или воспользоваться беспроцентной рассрочкой без первого взноса с возможностью досрочного погашения от наших партнеров: МТС Банк, ОТП, Ренессанс, Тинькофф Банк. Также беспроцентная рассрочка достпна для граждан Беларуси, Казахстана, Узбекистана, Кыргызстана на 12 и 24 месяца.
?
{?}
Как помогаете с трудоустройством?
Помогаем правильно составить резюме и оформить портфолио. Консультируем при прохождении собеседования и выполнении тестового задания. Регулярно получаем заявки от работодателей и напрямую трудоустраиваем в компании. Также предлагаем проекты на фриланс и берем на работу в студию Fluid.
?
{?}
Сколько будет работ в портфолио?
Во время обучения у тебя будет минимум 4 кейса, где три из них мы заверстаем, делая домашние задания к урокам, а один соберем во время Битвы верстальщиков PRO. Также если у тебя будет желание, то мы можем дать дополнительные макеты, которые можно будет заверстать под нашим чутким руководством. Все кейсы упакуем в портфолио в Notion и на Upwork.
?
{?}
Нужно ли знать английский для работы на Upwork?
Знание английского не будет лишним, но по нашему опыту студенты берут заказы на Upwork и успешно реализуют без знания языка, используя лишь переводчик Deepl.
?
{?}
Как быстро проверяют домашние задания?
Домашние задания мы проверяем в течение суток. При этом ты сможешь двигаться дальше по программе и не ждать проверки. Но если тебе нужно, чтобы твое дз срочно проверили, у тебя всегда есть возможность написать в нашего бота поддержки в телеграмме, и получить ответ в течение 40 минут.
?
{?}
Как оплатить если я не из россии?
Для оплаты из-за рубежа мы можем принять PayPal, Wise, USDT, Freedom Bank (Kz). При составлении заявки, сообщите нашему менеджеру, что у вас будет оплата зарубежной картой и мы предоставим реквизиты для перевода.
