Как мы разработали новый корпоративный сайт для Атвинты

Привет, это Атвинта. Рассказываем, как мы разработали свой новый корпоративный сайт.

Задача

Со временем меняются тренды и запросы клиентов. Сайт агентства должен соответствовать рынку и даже опережать его. За 14 лет мы сделали пять версий нашего сервиса. Каждая из них отвечала задачам своего времени.

Предпоследняя версия сайта не отражала ключевые преимущества, масштаб и нашу экспертизу. На нем не были показаны наши достижения — награды, топовые проекты, места в отраслевых рейтингах, узнаваемые клиенты и масштабы работ. Структура и подача услуг были слишком простыми, без персональных сценариев вовлечения и актуальных решений для лидогенерации.

При этом за последние годы агентство выросло в 4 раза, заняло высокие позиции на рынке и стало заметным игроком среди диджитал-разработчиков в России. Новая версия сайта должна была решить накопившиеся проблемы и презентовать Атвинту как лидера отрасли, повысить доверие и упростить путь клиента к заявке.

Цель:превратить информационный сайт в удобную и конверсионную платформу, которая презентует Атвинту как сильное агентство, сокращает путь пользователя к заявке и облегчает коммуникацию для всех типов аудитории.

Задачи:

1. Перестроить структуру под современные паттерны поведения аудитории.
2. Сделать доступ к ключевым услугам, кейсам и информации максимально быстрым и удобным.
3. Повысить конверсию и увеличить долю целевых заявок за счет продуманной архитектуры и формы.
4. Усилить экспертизу и визуальную идентичность, сохранив минимализм и современный стиль.
5. Интегрировать собственную админпанель для быстрой работы с контентом и постоянного развития платформы.
6. Обеспечить стабильность SEO и рост органического трафика после релиза.
7. Презентовать агентство и продемонстрировать наше лидерство в отрасли.

Решение

Полностью обновили сайт Атвинты, ориентируясь на реальные сценарии поведения аудитории. Перед стартом работ проанализировали поведение пользователей на прошлых версиях и зафиксировали основные точки роста. Например: 

1. сложная и запутанная структура; 
2. недостаточная наглядность преимуществ агентства; 
3. отсутствие индивидуальных сценариев для разных ролей ЦА; 
4. переизбыток действий для оформления заявки или поиска нужного кейса.

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

Новый сайт помог:

1. сохранить позиции в поиске;
2. сделать упор на демонстрацию преимуществ и достижений прямо на главной странице; 
3. усилить экспертность за счет кейсов и блога; 
4. внедрить персональные сценарии вовлечения;
5. интегрировать админпанель для быстрой работы с контентом.

Архитектура и дизайн 

Отказались от громоздкого древовидного каталога страниц в пользу тематических сценариев. Вместо того чтобы заставлять пользователя искать раздел и переходить по цепочке подразделов, сайт сразу предлагает нужный контекст. Это меню с подборками по конкретным темам, отраслям и типам продуктов. За один клик пользователь попадает на страницу, где собраны все ключевые сведения для решения его задачи.

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

Алексей Нибо

Арт-директор в Атвинте

Ушли в минимализм и скорость. Осознанно отказались от тяжелого 3D-интерактива ради стабильной работы на разных устройствах. Обновили корпоративную палитру и добавили стикеры как точечные акценты. Идеи находятся в бэклоге — мы постепенно дорабатываем их и внедряем.

Главная страница

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

Обновленная главная страница сайта

Теперь главная страница экономит время пользователя. Для бизнеса это значит меньше отказов на первом экране и более целенаправленный трафик, распределенный по интересам аудитории.

Услуги

Каждый раздел в услугах стал полноценной посадочной страницей. Рассказываем, какие задачи бизнеса решаем, показываем пошаговый процесс работы, даем ориентировочные сроки или этапы проекта. А также демонстрируем релевантные кейсы.

Услуги на новом сайте Атвинты

Такой формат устраняет неопределенность и повышает доверие клиента. Еще до первого контакта понятно, как будет строиться работа и чего ожидать на каждом этапе.

Заказчик, ознакомившись с процессом и примерами, выходит на связь уже подготовленным и с конкретным запросом. Переговоры становятся короче, а переход к оценке проекта — быстрее. Для обеих сторон это плюс: клиент четко понимает будущие шаги, а бизнес получает обращение с ясной потребностью, что увеличивает шанс на успешную сделку.

Услуговые страницы

Кейсы

Раздел с проектами мы перестроили так, чтобы сделать акцент на результате и пользе каждой работы. 

Раздел с кейсами

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

Шапка проекта

Блог

Наш блог превратился в часть воронки продаж. Материалы блога связаны с релевантными услугами и кейсами. Например, если пользователь читает статью про e-commerce, на той же странице он найдет ссылки на похожие проекты и услуги по разработке интернет-магазинов. 

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

Страницы блога

Страницы «О нас» и «Карьера»

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

Страница про агентство и команду

Раздел «Карьера» обращается к кандидатам. Описываем культуру компании, показываем открытые вакансии и ведем по маршруту до отклика. Такое разделение разгружает главную страницу и устраняет конкуренцию между задачами — продать услуги и привлечь сотрудников.

Для клиента это значит, что коммерческая информация не перемешана с HR-контентом. Для кандидата – что у него есть свой обособленный путь и нужная информация для принятия решения. А для бизнеса – более четкая коммуникация с разными аудиториями.

Страница для соискателей

Формы

Разместили призывы к действию — заметные кнопки в меню и на всех страницах сайта. Также пользователя сопровождает помощник, который открывает чат в мессенджере, email или телефон для связи с отделом продаж. 

Помощник для быстрой связи с отделом продаж

Также в подвале представлены ссылки на внешние источники с нашими работами и контакты. Такие решения поддерживают фокус пользователя на содержании сайта — он спокойно изучает информацию, зная, что обратиться к нам можно буквально за один клик и в любой момент. 

Форма обратной связи

Дизайн-система

В новой версии перешли к формату «контент прежде всего». Это отразилось в дизайне: крупная типографика, стабильная модульная сетка, равномерные отступы и контраст в ключевых зонах. Сделали так, чтобы текст и содержание считывались максимально легко и быстро.

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

Элементы для сайта

Визуальные решения теперь подчинены одному принципу — каждый элемент дизайна должен либо помогать клиенту достигать цели, либо не мешать ему. Сайт сохраняет индивидуальность и передает характер агентства за счет фирменных цветов, анимаций и ярких акцентов. Этим мы подчеркиваем смелость, экспертизу и внимание к деталям. Такой подход приносит и бизнес-результаты: 

1. Производительность. Оптимизировали визуальные элементы, чтобы сайт быстро загружался и стабильно работал на любых устройствах.
2. Единообразие компонентов обеспечивает интуитивность. Повторяющиеся шаблоны поведения помогают быстрее освоить навигацию. 
3. Чистый интерфейс без перегрузки дает меньше когнитивной нагрузки. Пользователь концентрируется на главном. Это напрямую отражается на конверсии — выше доля дочитываний страниц и кликов по целевым кнопкам. 

Микровзаимодействия и анимация

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

Внимание к таким деталям демонстрирует наш опыт и заботу о разных группах аудитории, что укрепляет доверие к бренду.

Административная панель

Отказались от типовых CMS в пользу кастомного решения админпанели, которая отражает рабочие процессы и задачи агентства. Такой подход позволяет запускать новые проекты, контролировать наполнение сайта и управлять его структурой без участия разработчиков.

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

Вся работа с контентом ведется в блочном редакторе. Там можно создавать страницы и связывать их с услугами, а также добавлять авторов, метатеги, изображения и видео, врезки, цитаты и интерактивные элементы. Для каждой сущности реализованы отдельные сценарии публикации.

Редактор для работы с контентом

Что отслеживаем после релиза

Внедрили систему метрик, которая помогает в режиме реального времени оценивать эффективность новой структуры и вносить улучшения. 

1. Доля входов через тематические подборки. Сколько пользователей начинают знакомство с сайта не с главной, а сразу с отраслевых страниц. Это показывает, насколько успешно работает наш подход.
2. Время до первого осмысленного действия. Измеряем, как быстро посетитель совершает целевое действие. Чем меньше это время, тем лучше сайт направляет пользователя.
3. Цепочки переходов из статей и кейсов до услуг и заявок. Отслеживаем комплексно, приводят ли наши связки контента к конверсии. То есть, читают ли посетители сначала материал в блоге, потом идут на страницу услуги и затем оставляют заявку. Либо, изучив услугу, переходят в кейс и после этого заполняют форму. Такие связки показывают, насколько хорошо контент работает на прогрев интереса.
4. Доля квалифицированных обращений с услуговых страниц. Замеряем, сколько заявок приходит после просмотра конкретной услуги. Это помогает понять, действительно ли формат таких посадочных страниц привлекает более целевые запросы.
5. Показатели скорости и стабильности. Отслеживаем метрики в динамике, чтобы исключить проблемы с производительностью.

Такой оперативный срез показателей позволяет проверять гипотезы и постоянно совершенствовать сайт. Для клиентов и партнеров это означает, что сервис со временем становится еще удобнее.

Результат: сокращение времени до заявки и рост конверсии

После запуска новой версии мы наблюдаем, что путь пользователя по сайту стал короче и надежнее. Время от первого визита до отправки заявки сократилось в среднем на 30-50% по ключевым сценариям. Итоги:

1. Сохранение контекста. Тематические входы удерживают пользователя в рамках интересующей его темы. Он сразу видит подборку проектов из своей отрасли или типу продукта, наш подход и релевантные услуги. Посетитель дольше держит фокус на своей задаче и быстрее доходит до решения.
2. Доверие с первого экрана. Результаты и факты работают на создание доверия. Пользователь видит конкретные достижения и понимает ценность нашей работы. Это значит, что он быстрее склоняется к продолжению диалога с нами.
3. Прозрачный старт сотрудничества. Страницы услуг устраняют неопределенность. Клиент понимает, как именно мы будем решать его задачу, по каким шагам пойдем и сколько это займет. У него формируется реалистичное ожидание процесса еще до разговора с нами. 
4. Контакт в нужный момент. Помощник внизу экрана и кнопки с формами гарантируют, что пользователь не застрянет на последнем шаге. Мы видим, что клики по кнопкам происходят после ознакомления с ключевым контентом, как только интерес достигает пика. Путь от интереса к действию стал максимально прямым и удобным.

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

А для бизнеса новая модель дает рост доли «теплых» обращений — то есть таких запросов, где клиент уже в курсе наших возможностей и приходит с осознанной потребностью. Воронка продаж стала более предсказуемой.

Хотите такой же конверсионный и лаконичный корпоративный сайт? Оставляйте заявку — и наша команда разработает решение под ваши бизнес-задачи.