Второе пришествие Курсора: собственный ребрендинг и +47% квалифицированных лидов

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

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

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

- Пробить баннерную слепоту и заставить целевого клиента остановиться на нас;

- С помощью новой айдентики транслировать ценности и экспертность в нестандартных задачах;

- Увеличить долю квалифицированных заявок и отсечь нецелевые обращения.

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

Чтобы прийти к такому результату, мы разделили работу на четыре блока:

- самоидентификация и брендинг;

- создание концепции;

- отрисовка дизайна и адаптивов;

- разработка и запуск.

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

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

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

На этапе референсов Ксюша пришла к метафоре системы координат и компаса. Курсор – как навигатор, ориентир и помощник.

Отсюда родилось несколько ключевых решений:

- полотно сайта как система координат — экраны и блоки считываются как точки в пространстве, связанные между собой;

- инженерная эстетика — измерительные приборы, выверенные линии, объёмные элементы и аккуратная сетка;

- навигация через «ось координат» — пользователь ощущает структуру, даже если верстка нестандартная.

Мы не стали мудрить с логотипом и сделали ставку на лаконичный нейминг. Но к такому решению пришли только спустя 20 других вариантов лого.

После честного разбора с другими арт-директорами мы услышали один и тот же ответ: «не усложняйте». Так и пришли к финальному решению — максимально чистому и понятному.

В типографике выбрали шрифт TT Hoves Pro. Цветовую палитру сделали максимально нейтральной, сделав акцент только на кейсах.

Отдельная гордость — текстовое наполнение. Вместе с копирайтером написали текст, который отражает характер команды и наш подход к работе. Для эмоциональности добавили каомодзи ( ˘ ³˘)♥ — японские эмодзи, которые прижились у нас с первых месяцев студии, ведь мы давно влюблены в азиатскую культуру.

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

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

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

Раз мы нарушили привычные паттерны, то и путь пользователя решили сделать нестандартным: скролл главной, затем кейсы по специализации, а меню — точка входа на страницы «Услуги» и «О нас».

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

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

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

- отказ от классической «главной страницы» (сокращает путь пользователя и увеличивает конверсию в заявку);

- бесконечная прокрутка (удерживает пользователя и увеличивает глубину просмотров);

- нешаблонная верстка  (блоки кажутся слегка «неправильными», но остаются читаемыми и кликабельными).

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

Дима, как «заказчик», согласился использовать концепт только при одном условии: нестандартность не должна ломать UX. Поэтому каждый элемент был отсмотрен повторно. Форму заявки трогать не стали: в шапке и подвале она работает, и менять то, что и так конвертит, не видели смысла.

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

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

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

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

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

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

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

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

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

Сайт также подключили к веб-аналитике, тексты оптимизировали под поисковики.

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

Проект включал большой пласт нестандартной верстки, поэтому была применена связка: Next.js, Strapi и TypeScript.

Ключом к производительности стало выстраивание архитектуры с нуля: оптимизация медиаресурсов, сокращение количества запросов к бэкенду, настройка кеширования и сбора статики так, чтобы сайт уверенно проходил проверки Google и Lighthouse.

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

В итоге к ивенту мы сделали полный ребрендинг агентства: поменяли себя, сайт и видение. И, конечно, уложились в 2,5 месяца.

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

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

SEO-метрики тоже порадовали: бесконечный скролл и нешаблонная верстка удержали пользователей там, где обычные сайты их теряли. Глубина просмотров увеличилась до 3,22. Отказы — всего 6,13%, время на сайте больше двух минут.

Нестандартная верстка не помешала и техническому качеству: сайт стабильно показывает 100/100 в Google PageSpeed Insights.

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