Кейс: разработка веб-сайта агентства по маркетингу и SMM продвижению «Top 1 SMM»

Клиент: «Top 1 SMM» — первоначальное название нашего агентства «Business Boom». Специалисты в сфере интернет-маркетинга и веб-дизайна.

Задача: Разработать адаптивный веб-сайт с индивидуальным дизайном.

Цели:

• Продвижение агентства с помощью веб-ресурса;
• Увеличение охвата аудитории;
• Осуществление возможности потенциальными клиентами оставлять заявки на сотрудничество с агентством.

«Top 1 SMM» — это название нашего агентства до ребрендинга. Веб-сайт создавался с целью заявить о себе и о своих достоинствах. Наша команда относилась к этому сайту с особой учтивостью — ведь заказчиком являлись мы сами. Благодаря работе над этим сайтом наша команда усвоит весь полученный опыт и станет использовать такую же концепцию при сотрудничестве с нашими будущими клиентами.

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

Создание структуры и разработка дизайна

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

• Главная страница — раздел, преследующий цель захватить внимание посетителя и удержать его;
• «Услуги» — раздел, содержащий информацию о ценовой политике агентства и предоставляемых услугах;
• Раздел «Портфолио» с нашими работами, с помощью реальных примеров внушающий доверие потенциальным клиентам;
• «Блог», в котором наше агентство делится полезными статьями с посетителями сайта;
• Блок «FAQ» — раздел, где потенциальные клиент могут мгновенно получить ответы на возникающие у них вопросы;
• Блок «Контакты», в котором указаны способы связи с агентством и его местоположение.

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

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

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

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

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

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

В качестве основных цветов в палитре дизайна нашего сайта были выбраны белый и темно-синий — комбинация, которая успешно служит многим интернет-ресурсам. На темных оттенках синего информационный текст белого цвета всегда выглядит презентабельно и броско. Шрифт «Roboto» является современным, лаконичным и доступным способом выделить свой текст. Шрифт приятно читать с экрана — он идеально подходит под различные устройства и платформы.

Верстка веб-сайта

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

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

(версия веб-сайта для мобильных устройств)

Разработка велась на CMS-системе WordPress — она является одной из самых популярных и удобных в использовании платформ для разработки. Она имеет все инструменты, необходимые для создания функционала веб-сайта, а также проста в эксплуатации.

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

Результат: Адаптивный веб-сайт, разработанный на платформе WordPress, выполненный нами для нашего агентства.