Айтишники опять рубят бабки: заказали сайт у веб-агентства и увеличили количество лидов в 2 раза

Привет, на связи основатель веб-агентства Yegor.agency — Егор Захаров. Вместе с командой мы разрабатываем сайты для российского, европейского и американского рынков.

Бытует мнение, что айтишники — мастера на все руки, поэтому делегировать в своей сфере им незачем. Но ко мне в агентство пришли те самые it-специалисты за редизайном сайта. Почему они выбрали аутсорс, а не собственные силы, расскажу в статье. Хотя по заголовку вы уже поняли, в чем было преимущество делегирования (ребята заработали хе-хе).

Кто клиент

Айтишниками оказались Ydalir Systems — компания, занимающаяся разработкой приложений. Они создают программное обеспечение под потребности бизнеса, занимаются аудитом, консалтингом и разработкой бэкенда (логикой работы приложения, которую не видят пользователи). Среди их кейсов есть разработка приложения доставки еды в Казахстане, дейтингового помощника на основе искусственного интеллекта, MVP стартапа, единого агрегатора событий в Эстонии.

Сайт, который сделала моя команда
Сайт, который сделала моя команда

Какие были проблемы

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

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

Лендинг айтишников нужно было редизайнить по ряду причин:

  • низкие показатели метрик: посещаемость, время пользователя на сайте и количество переходов;
  • устаревший шаблонный дизайн, который не выделял сайт среди конкурентов;
  • сложный UX/UI-дизайн, который усложнял путь пользователя к целевому действию;
  • отсутствие фирменного стиля.
Вот так выглядел приветственный экран до редизайна
Вот так выглядел приветственный экран до редизайна

Как построили работу над обновлением сайта

  • Провели брифинг

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

— повысить посещаемость сайта и увеличить количество заявок;

— создать узнаваемый и фирменный дизайн;

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

  • Проанализировали целевую аудиторию и конкурентов заказчика

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

  • Разработали структуру сайта

Перед началом редизайна опирались на следующие пункты:

— информация на сайте должна быть структурирована, а кейсы подкрепляться цифрами;

— сайт не должен нагружать пользователя обилием контента и излишними переходами;

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

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

Для этого мы поделили сайт на блоки:

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

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

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

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

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

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

  • Выбрали цветовую гамму и механику переходов

На собственном опыте убедился, что цветовая палитра и ее сочетание важны для восприятия. Основными цветами для сайта Ydalir Systems моя команда выбрала синий и белый, а акцентными — оранжевый и черный.

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

Пример сочетания цветов
Пример сочетания цветов

Черным цветом выделили обыденную информацию — например, название разделов.

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

Основные цвета сайта
Основные цвета сайта

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

Какие результаты получили

Весь процесс работы от первого созвона до готового лендинга занял два месяца.

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

Вот что стало ключом к успеху:

— тесное взаимодействие заказчика с нами;

— следование не общепринятым трендам, а целям редизайна;

— дозированная порция информации в каждом блоке.

Подведем итоги

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

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

Напишите мне в Telegram или выберите комфортное время на сайте: https://zcal.co/yegor/30min, чтобы обсудить проект и найти оптимальное решение для вашего бизнеса.

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

Спасибо, что прочитали статью!

44
4 комментария

Прикольные цвета выбрали реально айтишные😂👍..синий прям как загрузка экрана))

2

Привет! А сколько разработка такого плана стоит?

Привет! В районе 150 тысяч рублей.