Как менялся наш сайт за 14 лет. Показываем 6 версий: от жести 2010-х до стиля 2025 года
Это Атвинта. Мы диджитал-агентство, которое из трех энтузиастов выросло в команду из 100 человек с проектами федерального масштаба. В этой статье ностальгируем и показываем, как менялся наш сайт atwinta.ru.
Первая версия: визитка для локального рынка
В 2011 году мы выходили на рынок как маленькая студия, создающая сайты для компаний в своем городе — тогда еще даже не думали о работе по всей России.
И даже название было другое. На тот момент студия была отделом местного СМИ, работающего в рамках регионального холдинга. Мы использовали это для повышения доверия и активно рассказывали об этом на сайте.
На тот момент нужно было показать, что команда реальна и решает базовые веб-задачи для локального рынка. Был простой сценарий:
- чем занимаемся;
- где находимся;
- как с нами связаться.
Сайт решал эту задачу:
- первый экран с оффером — создаем и продвигаем сайты в Кемерове;
- четыре базовые услуги — разработка, продвижение, поддержка и хостинг;
- витрина работ с кратким описанием и демонстрацией;
- контакты и форма обратной связи.
Первую версию сайта я делал сам — из собственного опыта в разработке. Основная задача тогда была простой — наглядно объяснить, кто мы и чем можем быть полезны.
Почему это работало тогда
- Поиск подрядчика рядом. Геометка в оффере снижала тревогу и повышала конверсию в первый контакт.
- Низкая доля мобильного трафика. Простой десктопный макет без сложных сценариев помогал быстро достигать цели — позвонить или написать.
- Ожидание оперативного решения. Рынку было важно показать номер, email и дать ощущение, что команда на связи.
- Короткая матрица услуг. Типовые запросы малого и среднего бизнеса закрывались четырьмя направлениями.
Первая версия помогла зайти в индустрию и дала локальные лиды. Главный вывод, который мы потом не раз подтверждали: ясная структура и простые формулировки приносят больше трафика и заявок.
Вторая версия: собственное имя и яркий дизайн
В 2014 году мы отделились от СМИ и стали самостоятельным агентством под новым именем — Атвинта.
Клиенты тогда уже сравнивали студии не только по цене: нужно было показать кейсы и свой стиль.
Первый экран открывался крупным слайдером с проектами и прямой ссылкой «Смотреть все работы». Рядом — компактные блоки услуг, унаследованные из предыдущей версии. Контакты вынесены в зону мгновенного доступа, чтобы не терять пользователя на первом шаге.
Тут же появляется наш яркий розовый корпоративный цвет, который мы используем до сих пор.
Почему это работало тогда
- Рынок покупал глазами. Портфолио снижало риск для нового заказчика.
- Адаптивная верстка становилась базой. Карточки работ хорошо поддерживались на разных экранах и разрешениях.
- Простая архитектура помогала аудитории понять, на какой странице она находится, какими компетенциями обладает студия и как связаться с агентством.
Самый первый сайт был визиткой на типовых паттернах и решал задачу присутствия. После переименования мы быстро вывели заглушку как маркер ребрендинга, чтобы обозначить новое имя и параллельно готовить полноценный сайт Атвинты.
С этим сайтом мы успешно стартанули самостоятельный путь и получили первую узнаваемость в индустрии. Рынок уже научился сравнивать студии между собой. Нужен был сайт, который показывает сильные кейсы, чтобы клиент за минуту понял — с этими ребятами стоит поработать.
Кейс разработки корпоративного сайта с ростом конверсии:
Это Атвинта. Мы запустили новый сайт для стоматологии «Медалист», и теперь он привлекает в 4 раза больше заявок и конвертит в 5 раз лучше старой версии. Рассказываем, как сделать эффективный сайт для стоматологической клиники.
Третья версия: сторителлинг на одностраничнике
Рынок массово уходил в мобильный веб: быстрая скорость соединения и небольшие экраны. Отсюда и слоган: «Делаем сайты, которые одинаково хорошо выглядят на всех устройствах».
Лендинг стал универсальным форматом — один адрес для рекламы, крупная типографика, последовательность экранов и предсказуемость в количестве решений на пути пользователя.
Большую роль тут сыграл текст. Заголовки стали крупнее и короче: меньше слов и больше смысла с помощью визуала и акцентов, а tone of voice был прямым и дерзким.
Почему это работало тогда
- Единый путь и прозрачная аналитика. Один адрес упрощал запуск рекламы. Куда бы ни кликнул человек, он попадал в заранее спланированный сценарий. Так проще изучить изменения в поведении.
- Низкая стоимость поддержки. Один длинный экран требовал меньше контент-единиц и верстки, чем набор полноценных разделов. Быстрее запуск и меньше операционных расходов.
- Паттерны потребления смещались к прокрутке. Скролл стал естественным жестом. На маленьких экранах он работал лучше, чем древовидная навигация.
- Демонстрация работ. Крупные постеры проектов быстрее формировали доверие.
Это был одностраничный сайт с насыщенной палитрой и крупной типографикой — его было приятно скроллить. Такой имиджевый формат про впечатление и узнаваемость.
Четвертая версия: четкая структура и расширение линейки услуг
На этом этапе мы давно вышли за пределы региона и поставили себе цель — искать топ-клиентов по всей стране.
Сайт стал площадкой, на которой легко понять, что именно мы делаем и почему нам доверяют — привет, премии и рейтинги, публичные кейсы и статьи.
Появилась структура с отдельными страницами для SEO и удобства пользователей. Шапка была зафиксирована, чтобы человек мог переключаться между разделами и находить нужную информацию. А каталог услуг с ростом экспертизы увеличился в несколько раз.
Почему это работало тогда
- Рынок перешел к проверкам на зрелость. Одних экранов с визуалами было мало. Клиент искал репутационные маркеры и прозрачность процессов.
- Поисковым системам и пользователям нужны были отдельные страницы. Разделы улучшали видимость и точность входов из органики. Структура позволяла специалистам и ЛПР находить информацию, не теряясь на сайте.
Моя любимая версия сайта — я сильно в нее вложился. Каждая посадочная была продумана по структуре и смыслу, а дополнительные инструменты вроде калькулятора KPI усиливали вовлеченность и приносили заявки. Это пример, когда маркетинг и дизайн работали вместе.
Пятая версия: контент и экспертиза
Мы поняли, что один из самых крутых инструментов для поиска клиентов в B2B — это контент, и сделали на него ставку.
Стали регулярно выпускать кейсы и статьи про веб-сервисы и продвижение бизнеса в сети. И это сработало: маркетологи приходили за цифрами и примерами по отрасли, продакты — за логикой решений, техлиды — за деталями реализации.
Собрали большую контентную архитектуру — отдельные разделы «Проекты», «Услуги», «Блог», поиск и рубрики, фильтры и теги по типам задач и отраслям.
Сквозные связки заработали по всему сайту: из услуги — к релевантным кейсам, из кейса — к статьям и снова к услугам. Призыв к действию не терялся из вида. Кнопка контакта оставалась заметной на каждом этапе пути.
Главная дизайн-фишка версии — заголовки, прилипшие к краю экрана. Была это ошибка, которую мы так и не нашли времени исправить, или же способ привлечь внимание — оставляем в секрете :)
Почему это работало тогда
- Поиск и рекомендации улучшились. Отдельные страницы под услуги, кейсы и статьи лучше индексировались и приводили трафик.
- Фильтры упрощали навигацию в портфолио и блоге. Человек быстро находил информацию по отрасли и типу задачи.
- Зафиксированный CTA в шапке. Кнопка «Обсудить проект» была на виду независимо от глубины просмотра.
Шестая версия: интерактивность и польза для бизнеса
1 июля 2025 года мы запустили шестую версию сайта Атвинты, превратив его из статичной витрины в полноценную платформу диджитал-решений.
Скажем честно, прошлая версия успела морально устареть. Последние годы агентство росло и все силы мы тратили на проекты клиентов. Но тем приятнее и долгожданнее был переезд на версию Атвинты 6.0.
В дизайне особое внимание уделили интерактивности — листая сайт, пользователь активно взаимодействует с интерфейсом. Анимированные обложки, объемные иконки и реакция на наведение — мы хотели создать вау-эффект с первого взгляда.
Еще один важный момент — демонстрация экспертизы. Мы уже крупное агентство с огромным количеством регалий и весом в индустрии. На главной сразу показываем это через клиентов, награды, опыт, публикации в бизнес-изданиях и, конечно, кейсы с супер-результатами.
Теперь мы не просто «показываем товар», а рассказываем, как исследования, дизайн и разработка помогают бизнесу расти.
По сравнению с прошлым сайтом, полностью изменили подход к презентации услуг. Для каждой из них наши аналитики подготовили свою уникальную структуру.
Почему это работает в 2025-м году
- Продуманный путь. Новый сайт строится вокруг сценариев пользователя. Каждый раздел отвечает на конкретный вопрос — что можно получить, как это работает и какие есть примеры.
- Мгновенный доступ к ключевой информации. Меню и подборки формируют путь к нужной услуге, кейсу или материалу. Вся информация — всегда под рукой.
- Минимализм интерфейса. Продуманный дизайн и верстка ускоряют загрузку и не перегружают посетителя лишними деталями.
- Удобные формы и CTA на каждом этапе. Яркие кнопки и помощник для связи остаются в зоне видимости. Клиент может обратиться к менеджеру в любой момент.
- Интеграция сервисных инструментов. Административная панель собственной разработки позволяет оперативно обновлять и редактировать контент. Это позитивно отражается на качестве материалов и актуальности страниц.
- SEO и адаптивность. Архитектура проектировалась с учетом поисковых требований. Позиции и органический трафик после релиза не пострадали.
За время моей работы было три итерации. С каждым релизом дизайн становится лучше и ярче, а технологии — сложнее, так как мы внедряем собственные разработки для сайта и админпанели. В нашем отделе делаем упор на органический трафик. Например, последний запуск сайта прошел без просадок по SEO.
Итоги
За четырнадцать лет наш сайт прошел путь от визитки до сайта одного из лидеров рынка заказной разработки. Каждая версия решала конкретную проблему: сначала — первые лиды, затем — собственный бренд и самостоятельное позиционирование, а дальше — адаптация под постоянный рост и усиление опыта.
Трансформации сайта — это отражение нашей философии: делать сервисы, которые актуальны здесь и сейчас и действительно решают задачи бизнеса. Кто знает, сколько еще сайтов будет у Атвинты и как они будут выглядеть? Оставайтесь с нами, и узнаем это вместе!