Кейс по разработке сайта-каталога для службы дезинсекции

Logo_png_parazitovnet
Клиент: ParazitovNet
Проект url: parazitovnet.by

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

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

Краткий бриф на разработку сайта
Наименование компанииParazitovNet
Сфера деятельностиУничтожение грызунов и насекомых
Страна, на которую рассчитан сайтБеларусь
Основные товары и услугиДезинсекция, дератизация, дезинфекция, фумигация
Домен сайтаparazitovnet.by
Целевая аудиторияФизические лица среднего и пожилого возраста, а также юридические лица, как мелкий, так и крупный бизнес, нуждающиеся в обработке помещений
Задачи сайтаПредоставление максимально информативного текста, знакомство с преимуществами компании, сбор лидов через заявки
Тип сайтаСайт-каталог
ТарифИндивидуальное решение
CMS WordPress
ХостингHoster.by
Пожелания заказчикаИспользовать фиолетовый, черный и белый цвета, размещение разных вариантов логотипа компании, добавление изображений насекомых

Обращение

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

Дизайн

Работа с клиентом началась с разработки логотипа и выбора фирменного цвета. Подробно о процессе создания логотипа можно почитать в нашем кейсе. После согласования фирменной палитры мы приступили к обсуждению шрифтовой пары для сайта и носителей фирменного стиля. Для заголовков был выбран шрифт Days One, он же представлен и на логотипе. Для основного текста подходит Exo 2, так как его сужающиеся изгибы сочетаются с плавными углами шрифта Days One.

Цвета

#0a0a0a
#27193f
#71008e
#ffffff

Процесс разработки

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

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

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

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

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

Крайне важным для сайта блоком являются этапы работы с клиентом над его проблемой. В случае компании ParazitovNet процесс состоит из 3 шагов: принятие звонка или заявки от клиента, обсуждение проблемы и её решения со стоимостью и всеми нюансами, согласование даты и времени и отправка инструкции по подготовке помещений к обработке, затем следует выезд мастера на объект и оплата услуги.

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

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

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

На странице “Контакты” есть карта Республики Беларусь с выделенной Минской областью и припиской, что компания обслуживает Минск и Минскую область. Дизайнером было подготовлено несколько изображений карты с разной вариацией выделенных областей, так как заказчик планирует расширять свою деятельность и требуется своевременное обновление карты для того, чтобы не вводить клиентов в заблуждение.

Дополнительные модификации

Виджет мессенджеров

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

Навигационный меню-бар

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

Description-миниатюра

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

Авторежим работы

Функционал автоматического режима работы компании раскрывается при наведении на приём звонков в хедере на сайте. Авторежим позволяет посетителям сайта узнать актуальное время принятие звонков компанией в текущий день.

Скорость загрузки

Наши специалисты без препятствий оптимизировали скорость загрузки сайта, чтобы было удобнее и быстрее перемещаться по нему. Более подробно о том, почему так важна высокая скорость загрузки сайта, можно почитать в нашей статье. Для сайта ParazitovNet были достигнуты наивысшие значения: 100 баллов на декстопных устройствах и 96 баллов на мобильных (возможны более низкие результаты из-за медленного интернета или сильной нагрузки на устройства).

https://parazitovnet.by/
Анализировать
Мобильные устройства
Компьютер
96
https://parazitovnet.by/
0-49
50-89
90-100
Мобильные устройства
Компьютер
100
https://parazitovnet.by/
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Результаты

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