Какие сайты можно создавать на Webflow: обзор с примерами

Привет, на связи Николай Алексеев! Я руковожу своей студией разработки Fluid (среди клиентов: Самолет, Сбер, РЖД, Касперский) и онлайн-школой по созданию сайтов Pixel Perfect. А большинство сайтов мы верстаем на Webflow, так как он закрывает 90% от запросов всех клиентов, будь то лендинги, корпоративные сайты или интернет-магазины.

Webflow — визуальный редактор кода, которые позволяет создавать корпоративные сайты, лендинги, интернет-магазины, SaaS-продукты и LMS-платформы, а также интегрировать их с внешними сервисами.

Преимущества:

Благодаря этим преимуществам, функционал других похожих конструкторов (Wix, Readymag, Tilda) можно назвать достаточно скромным.

А теперь давайте посмотрим на возможности Webflow на примере наших студийных кейсов.

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

Это сайт для крипто-проекта. Один из первых проектов, который делал наш ученик (мы часто приглашаем ребят после обучения в школе Pixel Perfect к себе в команду). Этот сайт и анимации также реализованы без кода.

Еще один интересный крипто-проект — сайт для NFT-коллекции. Тут мы видим прелоадер, эффект перелистывания страниц через наслаивание и карточки с горизонтальным скроллом. Опять же, все решения реализованы внутри Webflow.

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

Сайт для консьерж-сервиса для питомцев, который мы реализовали за 3 дня. Главной целью было протестировать спрос на услугу, поэтому проект был создан скорее как MVP-продукт. Он также выполнен на нативном функционале Webflow без использования сторонних сервисов.

Онлайн-витрина креативных продуктов. Здесь реализована интересная система фильтрации — поиск по индустрии и по географии. Создается такая система за пару кликов. На сайте представлены 128 товаров, которые оформлены через CMS-коллекцию. Это очень удобно, так как нам не надо верстать каждый вручную, а можно просто загрузить данные таблицей. А еще у этого сайта есть переключатель на другие языки.

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

больше про ноу-код разработку, верстку на Webflow и заработок на международном рынке на Upwork можно узнать у нас в Telegram-канале. Скоро у нас как раз выходит бесплатный практикум по Webflow с поддержкой менторов

а попробовать сверстать свой первый сайт можно по нашим урокам на YouTube