Эволюция сайта Атвинты: 6 версий за 14 лет

Бизнес и эффективность

Дизайн

05 сентября 2025

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

Первая версия: визитка для локального рынка

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

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

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

чем занимаемся;
где находимся;
как с нами связаться.

Сайт решал эту задачу:

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

Первая версия сайта веб-студии A42

Илья Горбаров

CEO Атвинты

Первую версию сайта я делал сам — из того, что было под рукой, на шаблоне и исходя из собственного опыта. Основная задача тогда была простой — как можно быстрее объяснить, кто мы и чем можем быть полезны в Кемерове.

Почему это работало тогда

Поиск подрядчика рядом. Геометка в оффере снижала тревогу и повышала конверсию в первый контакт.
Низкая доля мобильного трафика. Простой десктопный макет без сложных сценариев помогал быстро достигать цели — позвонить или написать.
Ожидание оперативного решения. Рынку было важно показать номер, email и дать ощущение, что команда на связи.
Короткая матрица услуг. Типовые запросы малого и среднего бизнеса закрывались четырьмя направлениями.

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

Узнайте, когда действительно нужен редизайн сайта

Вторая версия: собственное имя и яркий дизайн

В 2014 году мы отделились от СМИ и стали самостоятельным агентством под новым именем — Атвинта. Клиенты тогда уже сравнивали студии не только по цене: нужно было показать кейсы, вкусы и продемонстрировать себя.

Первый экран открывался крупным слайдером с проектами и прямой ссылкой «Смотреть все работы». Рядом — компактные блоки услуг, унаследованные из предыдущей версии. Контакты вынесены в зону мгновенного доступа, чтобы не терять пользователя на первом шаге.

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

Вторая версия сайта студии, уже с новым именем — Атвинта

Изучите статью о том, как оформить главную страницу сайта

Почему это работало тогда

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

Алексей Нибо

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

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

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

Третья версия: одностраничный сторителлинг

Рынок массово уходил в мобильный веб: быстрая скорость соединения и небольшие экраны. Отсюда и слоган: «Делаем сайты, которые одинаково хорошо выглядят на всех устройствах».

Лендинг стал универсальным форматом — один адрес для рекламы, крупная типографика, последовательность экранов и предсказуемость в количестве решений на пути пользователя. Из забавного — в контактах был Твиттер (сеть называется X), который на сайтах веб-студий уже и не встретишь.

Большую роль тут сыграл текст. Заголовки стали крупнее и короче: меньше слов и больше смысла с помощью визуала и акцентов, а tone of voice был прямым и немного дерзким.

Третья версия сайта нашего агентства

Почему это работало тогда

Единый маршрут и прозрачная аналитика. Один адрес упрощал запуск рекламы. Куда бы ни кликнул человек, он попадал в заранее спланированный сценарий. Так проще изучить изменения в поведении.
Низкая стоимость поддержки. Один длинный экран требовал меньше контент-единиц и верстки, чем набор полноценных разделов. Быстрее запуск и меньше операционных расходов.
Паттерны потребления смещались к прокрутке. Скролл стал естественным жестом. На маленьких экранах он работал лучше, чем древовидная навигация.
Демонстрация работ. Крупные постеры проектов быстрее формировали доверие.

Дмитрий Юров

Коммерческий директор в Атвинте

Это был одностраничный сайт с насыщенной палитрой и крупной типографикой — его было приятно скроллить. Такой имиджевый формат про впечатление и узнаваемость.

Проблемы третьей версии сайта

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

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

Прочитайте кейс по разработке сайта для производителя ноутбуков OSiO

Четвертая версия: структура и доказательства

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

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

Четвертая версия сайта Атвинты

Почему это работало тогда

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

Дмитрий Юров

Коммерческий директор в Атвинте

Моя любимая версия сайта — я сильно в нее вложился. Каждая посадочная была продумана по структуре и смыслу, а дополнительные инструменты вроде калькулятора KPI усиливали вовлеченность и приносили заявки. Это пример, когда маркетинг и дизайн работали вместе.

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

Пятая версия: контент и экспертиза

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

И это сработало: маркетологи приходили за цифрами и примерами по отрасли, продакты — за логикой решений, техлиды — за деталями реализации.

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

Главная фишка версии — заголовки, прилипшие к краю экрана. Была это ошибка, которую мы так и не нашли времени исправить, или же способ привлечь внимание — оставляем в секрете :)

Используйте гайд — 5 способов, как можно увеличить конверсию на сайте

Пятая версия сайта агентства

Почему это работало тогда

Поиск и рекомендации улучшились. Отдельные страницы под услуги, кейсы и статьи лучше индексировались и приводили трафик.
Фильтры упрощали навигацию в портфолио и блоге. Человек быстро находил информацию по отрасли и типу задачи.
Зафиксированный CTA в шапке. Кнопка «Обсудить проект» была на виду независимо от глубины просмотра.

Кейс: разработка клиентского портала для интернет-провайдера Goodline

Шестая версия: пользовательские сценарии и системный подход

1 июля 2025 года мы запустили шестую версию сайта Атвинты, превратив его из статичной витрины в полноценную платформу диджитал-решений. Скажем честно, прошлая версия успела морально устареть. Последние годы агентство росло и все силы мы тратили на проекты клиентов. Но тем приятнее и долгожданнее был переезд на версию Атвинты 6.0.

Шестая версия сайта

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

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

По сравнению с прошлым сайтом, полностью изменили подход к презентации услуг. Для каждой из них наши аналитики подготовили свою уникальную структуру. Теперь мы не просто «показываем товар», а рассказываем, как исследования, дизайн и разработка помогают бизнесу расти.

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

Читайте подробный кейс о нашем новом сайте

Почему это работает в 2025-м году

Продуманный маршрут. Новый сайт строится вокруг сценариев пользователя. Каждый раздел отвечает на конкретный вопрос — что можно получить, как это работает и какие есть примеры.
Мгновенный доступ к ключевой информации. Меню и подборки формируют путь к нужной услуге, кейсу или материалу. Вся информация — всегда под рукой.
Минимализм интерфейса. Продуманный дизайн и верстка ускоряют загрузку и не перегружают посетителя лишними деталями.
Удобные формы и CTA на каждом этапе. Яркие кнопки и помощник для связи остаются в зоне видимости. Клиент может обратиться к менеджеру в любой момент.
Интеграция сервисных инструментов. Административная панель собственной разработки позволяет оперативно обновлять и редактировать контент. Это позитивно отражается на качестве материалов и актуальности страниц.
SEO и адаптивность. Архитектура проектировалась с учетом поисковых требований. Позиции и органический трафик после релиза не пострадали.

Андрей Полковников

Руководитель отдела продвижения в Атвинте

За время моей работы было три итерации. С каждым релизом дизайн становится лучше и ярче, а технологии — сложнее, так как мы внедряем собственные разработки для сайта и админпанели. В нашем отделе делаем упор на органический трафик. Например, последний запуск сайта прошел без просадок по SEO.

Что планируем улучшать

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

Настройка пользовательских путей. Анализируем поведение посетителей — смотрим на переходы, точки отказа и качество заявок.
Доработка форм и добавление лид-магнитов. Планируем разместить разные варианты предложений для сбора заявок и обратной связи.
Улучшение дизайна ключевых страниц. Перерабатываем главную страницу, услуги, кейсы и блог с учетом новых паттернов поведения аудитории.
Сбор данных и проведение A/B-тестов. Регулярно отслеживаем новую ветку метрик — доля переходов через тематические подборки, время до первого осмысленного действия, конверсия из статей и кейсов в заявки, а также количество квалифицированных обращений с продуктовых страниц услуг.

Итоги

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

Кто знает, сколько еще сайтов будет у Атвинты и как они будут выглядеть? Оставайтесь с нами, и узнаем это вместе!

Заказать разработку сайта в Атвинте