Кейсы Разработка сайтов

Сайт для SPA-комплекса ДиЛуч

Разработка на CMS

Красота и здоровье

ДиЛуч

Сайт для SPA-комплекса ДиЛуч

SPA-комплекс, предоставляющий услуги по уходу за телом, массажу, сауне, тренажерному залу и акватермальному комплексу

Связаться с нами

Поделиться кейсом

О клиенте

SPA-комплекс предоставляет услуги массажа и ухода за телом. На территории комплекса находится сауна, тренажерный зал и акватермальный комплекс

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

ДиЛуч

Задача

Главная потребность заказчика заключалась в привлечении новых клиентов. Сайт компании не мог взаимодействовать с потенциальными клиентами, так как на нём не было ни информации об услугах, предоставляемых SPA-комплексом, ни формы заявки.

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

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

Сайт до редизайна

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

Цели

Перед началом работ мы поставили для себя цели

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

Добавление блоков на сайт: с отзывами от клиентов, скидками, абонементами и подарочными сертификатами.

Программирование сайта с настройкой админ-панели для простоты создания и редактирования контента

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

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

Процесс работ по разработке сайта на CMS

Сначала мы проанализировали сайт и разработали план работ. Далее, отрисовали полный вид всех страниц сайта, составили подробное ТЗ по структуре и наполнению сайта и согласовали его с заказчиком.

Этап 1

Дизайн сайта

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

Шаг 1

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

Шаг 2

При разработке макетов мы регулярно показывали промежуточные итоги работы для согласования. В некоторых блоках разместили абстрактные иллюстрации в стиле брендбука компании. Для блока преимуществ были нарисованы недостающие иконки.

Шаг 3

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

Этап 2

Настройка шаблона и вёрстка страниц

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

Форма связи передает на почту также и тип услуги на которую оставили заявку

Мобильная версия

В первую очередь после верстки основной структуры сайта, мы занялись переносом новых стилей сайта из макетов на сайт

Перенос макета из Figma и последующая реализация верстки сайта

Хотите улучшить свой сайт?

Напишите нам и получите бесплатный аудит

Этап 3

Перенос сайта на CMS Wordpress

Сайт перенесли на CMS WordPress. Для удобного редактирования контента на сайте настроили админ-панель.
С помощью админ-панели стало возможным без особых специальных навыков изменять цены на услуги или добавлять новые услуги на сайт SPA-комплекса. Также, админ-панель позволяет публиковать новости сайта, редактировать или удалять их.
Далее мы создали страницы, разместили изображения и иконки; настроили вкладку с услугами и их описанием; создали и настроили метрику для отслеживания количества посетителей сайта.

Отзывы клиентов

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

Данная механика увеличит шансы на получение новой заявки и повысит лояльность пользователей к компании.

Удобная навигация по услугам

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

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

Этап 4

Тестирование

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

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

C какими проблемами мы столкнулись в процессе работы и к какому решению мы пришли

Единственной проблемой во время создания сайта стала настройка вывода услуг по категориям на странице.

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

Результат

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

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

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

Дизайн сайта стал приятным, современным и комфортным для взаимодействия с пользователями.