Сайт агентства Only: как мы упаковали 10 лет опыта в один сайт

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

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

Мы выделили несколько ключевых задач:

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

2) Перенести философию компании на цифровую платформу, сделав её стильной, удобной и современной.

3) Устранить проблемы, с которыми сталкивались клиенты, кандидаты и мы сами.

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

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

— Для клиентов: сайт помогает познакомиться с нашей экспертизой, изучить направления, посмотреть портфолио, сохранить кейсы, скачать материалы и оставить заявку.

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

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

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

— Клиенты говорят — мы слушаем.

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

— Данные веб-аналитики.

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

— Рынок и конкуренты.

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

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

Обновление сайта совпало с еще одним масштабным процессом — формированием платформы бренда Only. За 10 лет на рынке мы пришли к осознанному позиционированию, которое отражает нашу корпоративную культуру и помогает привлекать именно «своих» клиентов.

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

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

Внутренние изменения отразились в обновленном визуальном стиле. Мы пересмотрели приёмы, которые использовали ранее, и сформировали новые атрибуты визуальной идентичности. Они легли в основу не только нового сайта, но и других носителей внутренней и внешней коммуникации: соцсетей, презентаций, карьерных материалов и внутреннего HR-портала.

— Логотип и типографика

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

— Цветовая палитра

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

— Абстрактные 3D

3D-объекты отражают сложность проектов и могут быть не отделены от фона или иметь свойство цвет. На их основе также разработали сет 2D-иконок.

— Иллюстрации

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

Мы собрали все элементы в единую модульную систему, чтобы сохранить целостность. Новый стиль усилил наш бренд, сделал его современным и узнаваемым.

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

— Шоурил с ключевыми проектами сразу задаёт тон — динамично, ёмко и без лишних слов.

— Блоки с наградами и клиентами подчеркивают нашу репутацию и доверие индустрии.

— Простая навигация позволяет быстро найти нужное: портфолио, направления, информацию о компании.

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

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

Мы проанализировали, как конкуренты представляют свои компетенции, и создали раздел, который наглядно показывает: Only решает сложные задачи, объединяя разные направления.

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

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

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

1) Бесшовная навигация

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

2) Интерактивная галерея проектов

Благодаря Three.js мы сделали просмотр проектов более наглядным и динамичным. Теперь навигация по портфолио не просто удобная, но и технологичная.

3) Персонализированные презентации

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

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

Раздел «Карьера» — это точка входа для новых сотрудников. Здесь можно узнать о нашей культуре, команде и возможностях роста. Мы постарались сделать так, чтобы кандидат с первых секунд почувствовал: в Only работают люди, которым важно то, что они делают.

— Дизайн, который создаёт атмосферу

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

— Прозрачность на каждом шаге

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

Этот раздел помогает кандидатам не только найти работу, но и понять, почему Only — это место, где хочется развиваться.

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

Блог стал частью экосистемы сайта, решая две задачи: 

— Подчёркивает экспертизу агентства через материалы о трендах, аналитике и технологиях в digital.

— Усиливает SEO, помогая занимать высокие позиции по ключевым запросам.

Так блог не просто привлекает аудиторию, но и делает услуги агентства более понятными, формируя доверие.

Сайт быстрый, стабильный и удобный на любом устройстве.

— Полная адаптация под смартфоны и планшеты — все функции работают корректно.

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

Front-end: React (Next.js) / Typescript / Recoil / SCSS Modules

Back-end: php 8.0, laravel 9

Мы создали сайт, который работает на бизнес, HR и бренд. Он помогает пользователям быстрее принимать решения и действовать.

— Конверсия заявок выросла на 30% — новые инструменты, такие как «Избранное» и запрос презентаций, активно используются.

— Раздел «Карьера» увеличил отклики на 20% — кандидаты отмечают удобство и атмосферность подачи.

— Среднее время на сайте выросло на 65%, а клиенты и партнёры ценят баланс между стилем и функциональностью.

И это только начало. Мы продолжаем тестировать гипотезы и развивать сайт: впереди отраслевые лендинги и новые UX-решения.