Какие сайты можно создавать на Webflow: обзор с примерами
Привет, на связи Николай Алексеев! Я руковожу своей студией разработки Fluid (среди клиентов: Самолет, Сбер, РЖД, Касперский) и онлайн-школой по созданию сайтов Pixel Perfect. А большинство сайтов мы верстаем на Webflow, так как он закрывает 90% от запросов всех клиентов, будь то лендинги, корпоративные сайты или интернет-магазины.
Чем Webflow отличается от других конструкторов?
Webflow — визуальный редактор кода, которые позволяет создавать корпоративные сайты, лендинги, интернет-магазины, SaaS-продукты и LMS-платформы, а также интегрировать их с внешними сервисами.
Преимущества:
- Широкий функционал возможностей для создания сайтов.
- Можно реализовать практически любой дизайн и анимацию. Кстати, при помощи библиотеки Webflow сделать это еще проще. Там лежат тысячи уже готовых сайтов и анимаций, которые можно использовать совершенно бесплатно.
- No-code инструмент, с помощью которого можно создавать сложные веб-сайты без знания кода.
- В то же время Webflow, в отличие от других конструкторов, дает самый чистый и качественный код без лишнего мусора, что приближает его по качеству к классической верстке. Но этот код пишется автоматически за вас.
- Отсутствие костылей и ограничений (как, например, на Tilda).
- Широкие возможности для монетизации навыка: выход на международный рынок.
Благодаря этим преимуществам, функционал других похожих конструкторов (Wix, Readymag, Tilda) можно назвать достаточно скромным.
А теперь давайте посмотрим на возможности Webflow на примере наших студийных кейсов.
1. Prequel
Промо-сайт для приложения по обработке фото и видео. Основной эффект — анимация букв О, которые меняются на карточки. Это полностью нативное решение, которое было реализовано внутри Webflow, не прибегая к сторонним сервисам.
2. DemiGodz
3. VLOVE
Еще один интересный крипто-проект — сайт для NFT-коллекции. Тут мы видим прелоадер, эффект перелистывания страниц через наслаивание и карточки с горизонтальным скроллом. Опять же, все решения реализованы внутри Webflow.
Кстати, этот проект мы даем ученикам на Битве верстальщиков. Это соревнование, которое проходит в середине обучения, когда мы делим учеников на команды. Им дается сложный макет с кучей анимаций и ограниченное время, чтобы решить эту непростую задачку — заверстать сайт. В процессе мы максимально имитируем работу с реальным клиентом, но в то же время, ученикам помогают кураторы, если у них возникают сложности. А потом этот проект идет к ним в портфолио. Для наших студентов — это один из самых ярких и запоминающийся моментов обучения.
4. Zoopolis
Сайт для консьерж-сервиса для питомцев, который мы реализовали за 3 дня. Главной целью было протестировать спрос на услугу, поэтому проект был создан скорее как MVP-продукт. Он также выполнен на нативном функционале Webflow без использования сторонних сервисов.
5. Wonderussia
Онлайн-витрина креативных продуктов. Здесь реализована интересная система фильтрации — поиск по индустрии и по географии. Создается такая система за пару кликов. На сайте представлены 128 товаров, которые оформлены через CMS-коллекцию. Это очень удобно, так как нам не надо верстать каждый вручную, а можно просто загрузить данные таблицей. А еще у этого сайта есть переключатель на другие языки.
Как видите, это совершенно разные сайты: и лендинги, и промо-страницы для мобильных приложений, и корпоративные сайты. И функционала Webflow действительно хватает на то, чтобы закрыть большинство запросов клиентов. При этом Webflow сильно выигрывает в скорости и в стоимости разработки, если сравнивать с классической версткой. И в качестве, если сравнивать с альтернативными ноу-код конструкторами. Более того, функционал можно еще сильнее расширить за счет различных интеграций.
больше про ноу-код разработку, верстку на Webflow и заработок на международном рынке на Upwork можно узнать у нас в Telegram-канале. Скоро у нас как раз выходит бесплатный практикум по Webflow с поддержкой менторов
а попробовать сверстать свой первый сайт можно по нашим урокам на YouTube