Как у нашего маркетингового digital-агентства Capsula появился новый сайт 2.0

Немного предыстории:

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

Уже очередной раз обращаемся к Виталию по разработке сайтов в Webdo и постоянно рекомендуем их нашим клиентам, поэтому сразу были уверены, что все будет на высшем уровне

Скажем так, настала и наша очередь :D Собственно, так и произошло

Кстати, их соц сети:

☝Если нужна качественная разработка, рекомендосьен

Шаг 1. Сбор исходной информации о нас и задачи сайта:

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

дальше мы пошли формировать ТЗ и готовить для ребят информацию:

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

немного попотели но всю информацию предоставили

Кого- то из команды даже отправили на фотосессию: приятное с полезным :)

📌Какие цели и задачи мы поставили, которые должен закрывать сайт:

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

📌 Важные целевые действия, которые определили разместить на сайт:

  1. Расчет стоимости - квиз собранный в Marquz
  2. Запись на онлайн-экскурсию — форма обратной связи (в т. ч. интеграция в АмоCRM и Telegram)
  3. Сообщение в мессенджер WhatsApp, Telegram
  4. Звонок по телефону
  5. А чтобы пользователь остался, даже если не оставил заявку обязательно указали ссылки на соцсети, которые актив

Так же мы очень хотели, чтобы была легкая анимация на первом экране сайта, но об этом немного позже:)

Шаг 2. Дизайн и вИдение

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

Наши корпоративные цвета:

Их и использовали на сайте
Их и использовали на сайте

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

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

+ для меня как для собственника было важно, чтобы был использован эффект глассморфизма - эффект стекла

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

ШАГ 3. Согласование дизайна сайта и наша реакция

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

Так как мы ранее занимались разработкой сайтов, мы четко знаем, что такое вкусовщина и в 70% случаях клиентам может что-то не нравиться в дизайне, даже если он выполнен очень качественно и профессионально, так как у клиента всегда свое вИдение, как должно быть красиво.
Более того- часто что-то идет криво так что мы были готовы ко всему

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

Как у нашего маркетингового digital-агентства Capsula появился новый сайт 2.0

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

👇🚫 Были и другие вариации первого экрана, которые не вошли в проект, мы однозначно выбрали тот вариант, который теперь на сайте: https://capsulapro.ru

Как у нашего маркетингового digital-агентства Capsula появился новый сайт 2.0

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

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

ШАГ 4. Верстка, интеграции и ввод сайта в рабочий режим

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

Когда он стал открываться на новом домене- сразу же сделали редирект со старого домена на новый и конечно же поменяли адрес на всех наших соц сетях и мессенджерах

С этого момента мы еще с бОльшей гордостью стали отправлять клиентам наш сайт, а как команда выглядит на нем- это вообще ноу комментс, просто бомба!

Кстати, что по мобильной версии:

<b>Как у нашего маркетингового digital-агентства Capsula появился новый сайт 2.0</b><br />
Как у нашего маркетингового digital-агентства Capsula появился новый сайт 2.0

Интеграции, которые сделали совместными усилиями с ребятами:

— В АМО СРМ, чтобы заявка сразу падала в систему

— С Telegram, чтобы отслеживать еще и там и можно было сразу обсуждать с командой

— С Маркиз для опросника

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

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

Теперь мы на 100% готовы работать с лидерами рынка и гордимся тем, что нам разработали!

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

Спасибо, что дочитали кейс до конца, всем новых горизонтов и побед 🚀

77
2 комментария

Кайф! Спасибо за возможность создать крутой проект🤝

2
Ответить

Спасибо за крутую реализацию!)

2
Ответить