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

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

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

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

Назад
Вперед

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

Режим “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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Назад
Вперед
2020.evotor.ru
2020.evotor.ru

2020.evotor.ru

2020.evotor.ru

Имиджевый лендинг
IT-продукты
BehanceСтатья на vc.ru
fiftyone.ru
fiftyone.ru

fiftyone.ru

fiftyone.ru

Корпоративный сайт
IT-услуги
Imena Studios
Imena Studios

Imena Studios

Imena Studios

Веб-портал
Бьюти-услуги
yenisey-s.com
yenisey-s.com

yenisey-s.com

yenisey-s.com

Имиджевый лендинг
Финансы

Вопросы и ответы

Вперед

Вперед

Вперед

Смотреть еще

Все технологии
Перейти
Adobe IllustratorAdobe Illustrator

Adobe Illustrator

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

RedashRedash

Redash

Инструмент визуализации данных.

Я.МетрикаЯ.Метрика

Я.Метрика

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