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 — актуальная статистика под рукой

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

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

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

Назад
Вперед
in-hub.ru
in-hub.ru

in-hub.ru

in-hub.ru

Веб-портал
Мероприятия
neteli.molvest.ru
neteli.molvest.ru

neteli.molvest.ru

neteli.molvest.ru

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

axoya.tech

axoya.tech

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

tvoyablagodarnost.ru

tvoyablagodarnost.ru

Веб-разработка
Образование

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

Вперед

Вперед

Вперед

Смотреть еще

Все технологии
Перейти
ChatGPTChatGPT

ChatGPT

Модель глубокого обучения, основанная на GPT-3.5 и созданная для генерации текстовых ответов на основе запросов и предоставления информации в чат-формате.

Google SheetsGoogle Sheets

Google Sheets

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

RedashRedash

Redash

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