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

Сайт Webflow
Перейти

В 2023 году Atman был сертифицирован Webflow по направлениям: CMS, Layouts Level 01, Layouts Level 02. Подробнее про сертификацию.

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

Назад
Вперед

Быстрый запуск

Знание режима “Designer”и наличие паттернов кода для помогает нам запускать сайты на Webflow в короткие сроки. Это удобно, если есть жесткий дедлайн.
Быстрый запуск

Визуальный редактор контента

Режим “Editor” позволяет вносить изменения в большинство текстов и изображений сайта через визуальный редактор. Для этого не требуется привлекать разработчика, знать верстку или уметь работать с FTP.
Визуальный редактор контента

SEO-дружелюбность

В отличие от многих конструкторов сайтов, Webflow отдает чистый код и имеет опции для работы с SEO: мета-данные, canonical URL, sitemap, robots.txt. Список настроек безграничен: если нет нужной опции, ее всегда можно добавить через код.
SEO-дружелюбность

Анимации любой сложности

Interactions 2.0, поддержка технологии Lottie, разноформатных видео и возможность интеграции WebGL дают широкие возможности по анимированию верстки.
Анимации любой сложности

Безграничная верстка

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

Экспорт кода

Webflow позволяет экспортировать код сайта и использовать его в других CMS: WordPress, Bitrix, PHP-фреймворки. Отдельные страницы и блоки можно выгружать на другие конструкторы, в частности, на Tilda.
Экспорт кода

Экспертиза Atman

Интеграции и переносы на другие CMS

Имеем успешный опыт переноса верстки, функционала и базы данных с Webflow на WordPress, Bitrix, PHP-фреймоврки, Python, Tilda. В зависимости от обстоятельств, можем предложить быстрые опции переноса, занимающие от 3 рабочих дней.
Интеграции и переносы на другие CMS

Визуализация данных

Готовим статистические дашборды в Redash, на которых в реальном времени показываются заявки с сайта и другая аналитика — возможности вывода данных обширны и обсуждаются индивидуально. Интегрируем дашборд с Webflow через связку Zapier + Google Sheets.
Визуализация данных

Системность в дизайне и верстке

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

База знаний для клиентов

Если работаем с проектом в долгую, создаем базу знаний и шерим инструкции и видео-уроки с клиентом.
База знаний для клиентов

Первичное SEO и аналитика

По умолчанию указываем для страниц сайта H1 и мета-заголовки, мета-описания, изображение для социальных сетей (og:image), alt-тексты для изображений. Используем семантические теги в верстке (section, article, header, footer, nav). Подключаем сервисы аналитики и технического мониторинга: Я.Метрику, Я.Вебмастер и/или их аналоги в Google для сайтов на английском языке.
Первичное SEO и аналитика

Техническое совершенство

Применяем возможности Webflow для ускорения и оптимизации сайтов: минифицируем код, растровые и векторные изображения. Если на сайте есть формы, организуем капчу, плашку Cookie и страницу с политикой конфиденциальности.
Техническое совершенство

Webflow & Redash — актуальная статистика под рукой

Вместе с разработкой сайта готовы подключить статистический дашборд, на который можно вывести информацию о сайте, обновляемую в реальном времени и доступную для скачивания в Excel-таблицах.
Webflow & Redash — актуальная статистика под рукой

Где применяем

Описание процесса, этапности и сроков

Примеры проектов

Назад
Вперед
covenant-legal.com
covenant-legal.com

covenant-legal.com

covenant-legal.com

Корпоративный сайт
respacegroup.com
respacegroup.com

respacegroup.com

respacegroup.com

Веб-разработка
IT-продукты
mysalecar.com
mysalecar.com

mysalecar.com

mysalecar.com

Корпоративный сайт
IT-продукты
axoya.tech
axoya.tech

axoya.tech

axoya.tech

Корпоративный сайт
Промышленность
neteli.molvest.ru
neteli.molvest.ru

neteli.molvest.ru

neteli.molvest.ru

Имиджевый лендинг
Животноводство

Хотите свой проект?

Заполните бриф — мы ответим и обсудим детали. Или напишите и мы заполним бриф за вас: hi@atman.pro.

Тип проекта

Можно выбрать несколько вариантов.

Детали *

Опишите вашу задачу текстом. Что еще можно приложить:

  • Ссылку на заполненный бриф (скачать);
  • Ссылки на визуальные референсы к проекту;
  • Ссылки на ваш логотип и брендбук.

Бюджет *

Сроки *

Процесс

Можно выбрать несколько вариантов.

Спасибо за интерес!

Как правило, мы отвечаем в течение 1–3 рабочих дней. Если не хотите ждать, пишите: hi@atman.pro.
Что-то пошло не так. Проверьте, все ли обязательные поля вы заполнили и попробуйте снова.

Смотреть еще

Все технологии
Перейти
Google DocsGoogle Docs

Google Docs

Инструмент создания, редактирования и хранения текстовых файлов в режиме онлайн.

Adobe PhotoshopAdobe Photoshop

Adobe Photoshop

Инструмент создания и модификации растровых изображений.

TildaTilda

Tilda

Конструктор сайтов и система управления контентом.