Кейс: как работа над юзабилити посодействовала прирастить конверсию гостя в клиента | Статьи SEOnews
![Кейс: как работа над юзабилити посодействовала прирастить конверсию гостя в клиента | Статьи SEOnews](https://phpblog.info/uploads/posts/2022-02/1644922804110529fad056cb8b64b00c7dbc2d5b377.png)
Делимся планом работ, который посодействовал нам достичь таковых результатов.
Клиент
Cleo Line – косметологический центр, который наиболее 12 лет подсобляет клиентам сохранить красу и здоровье. Больница активно развивает социальные сети, но великая часть клиентов прибывает через сайт.
Но с сайтом у поликлиники появились трудности. Ограниченный функционал CMS не дозволял просто изменять информацию на сайте, а неработающий поиск мешал юзерам живо выискать подходящую информацию. Не считая того, сайт проседал по практически всем запросам в поисковике и недополучал трафик из Яндекса и Google.
Потому что сайт представляет основной канал продаж CleoLine, клиенту было главно увеличивать его позиции в поисковиках и подходить ожиданиям возможных клиентов. Для этого требовалась общая работа отделов разработки, дизайна и SEO.
Задачи
Мы предложили клиенту переработать и ввести новейшие SEO-рекомендации, заавтоматизировать некие функции, к примеру, проставление цен, обновить дизайн и поправить оплошности на сайте.
Нам предстояло сделать комплексную работу над сайтом:
- разработать и ввести новейший дизайн сайта с сохранением фирменного стиля;
- внедрить новейший функционал и доработать: сделать слайдер наиболее малогабаритным и добавить в него меняющиеся рисунки, починить функцию поиска услуг, перейти на наиболее современную CRM;
- автоматизировать работу контент-менеджеров, упросить занесение новейшего контента и редактирование ветхого;
- автоматизировать старт и окончание акций;
- поднять сайт в поисковиках;
- увеличить конверсию гостя сайта в клиента;
- сделать упор в контенте на услугах.
Но самой великий болью для клиента было занесение инфы на сайт. Сотрудникам контент-отдела было трудно вносить новейшую информацию, поскольку
- страницы собирались из различных блоков;
- функционал не дозволял применять различные фото для десктопной и мобильной версий;
- для конфигурации цен приходилось верховодить стоимость услуг в 3-х различных местах в CMS;
- все конфигурации вносились лишь вручную, и сотрудники исполняли тройную работу.
В итоге клиент был принуждён переплачивать за работу служащих. Требовалось упростить весь процесс контент-менеджмента и заавтоматизировать изменение цен.
Предварительные работы
Перед началом работы над сайтом мы вполне выучили его структуру, провели технический аудит, usability-аудит, анализ соперников и целевой аудитории. Полный анализ дозволил нам выявить слабенькие стороны и трудности, которые предстояло поправить:
- Система управления сайтом не дозволяла заавтоматизировать настройку цен. Странички не были соединены меж собой, была лишь система разделов и подразделов. Информация в каждом разделе была обособлена от других данных, из-за чего же появилась неувязка с конфигурацией цен.
- Для прибавления и конфигурации услуг требовалось не наименее 5 кликов. Необходимо было открыть несколько подразделов, зайти в подраздел с услугой, перейти в редактирование, поменять запись. Это занимало много медли, усложняло процесс работы с сайтом и мешало оперативному обновлению инфы на сайте.
- Из-за ограниченного функционала гостю сайта было неловко им воспользоваться. Не работал поиск, раздел с доскональной информацией о услугах находился в самом низу сайта, и его было трудно отыскать.
- Великое количество иконок, текстов, ярко-красных частей в дизайне, большое меню услуг делали сайт громоздким и неловким для юзера.
- Низкие позиции в поисковых системах. По сопоставлению с соперниками, сайт меньше подходил запросам возможных клиентов в поиске.
Переход на с NetCat на Umi CMS
Ветхая CMS – NetCat – не дозволяла нам ввести весь запланированный функционал и усовершенствовать текущий. Клиенту также было главно, чтоб при переносе сайта на новейшую систему CRM мы сохранили весь имеющийся контент не утратили позиции в поисковых системах. Нам нужна была современная CMS, подходящая всем запросам и задачкам клиента:
- есть интуитивно понятная структура;
- внесение конфигураций занимает малое количество медли;
- контентом может править человек без особых навыков;
- есть возможность автоматизации конфигурации цен;
- можно добавить нескольких служащих;
- есть интегрированный модуль SEO либо возможность его подключения;
- есть функционал, нужный для коммуникации с клиентами: модуль рассылок, возможность комментирования, оформление заказов.
Беря во внимание все эти требования, мы избрали систему управления сайтом Umi CMS. Она дозволяет добавить весь нужный функционал на сайт и заавтоматизировать рабочие процессы. Система интуитивно понятна, и мы были убеждены, что у служащих не возникнет никаких заморочек в работе.
В качестве шаблонизатора избрали XSLT (Extensible Stylesheet Language Transformations, язык преображения XML-документов) . Его главное превосходство – возможность творения типовых операций, когда для циклических событий создается метод. Он нужен, чтоб минимизировать временные издержки служащих. Нам он оказался полезен для внесения конфигураций в фоновом режиме, не нарушая работу сайта.
Обновление дизайна
Все странички компании были оформлены в фирменном стиле: как в дизайне, так и на фото преобладал красный корпоративный цвет, фон содержал растительные узоры, иллюстрации были выполнены в контурном стиле.
Фирменный стиль непременно было необходимо сохранить для узнаваемости бренда, но мы решили немножко его усовершенствовать и придать наиболее современный вид.
Чрезвычайно главно, чтоб сайт был комфортен для юзеров, потому все странички сайта живописал наш UX/UI-дизайнер. Все разделы и подразделы сделаны с учетом потребностей юзера. Цветовая палитра осталась бывшей, наш проэктировщик лишь добавил больше света, отчасти убрав ярко-красный оттенок. Сайт стал смотреться наиболее привлекательно и слаженно.
Было:
Стало:
Чтоб улучшить коммерческие причины, мы сделали особенный упор на услугах поликлиники. Вся информация на сайте знакомит юзеров с предоставляемыми услугами и перенаправляет их на страничку с оформлением записи, контактным номером телефона поликлиники либо почты.
![](https://phpblog.info/uploads/posts/2022-02/16449228106685a0e7cf5e2f435b0a1fed4d09ecd0a.png)
В итоге главными переменами в дизайне стали:
- сделан наиболее малогабаритный баннер;
Было:
Стало:
- гармонично расставлены цвета;
- добавлены блоки «Знаменитые услуги» и «Виды косметологических процедур»;
- фото «До/После» оформлены в согласовании с фирменным стилем;
Было:
Стало:
- полностью переработаны блоки «Преимущества» и «Отзывы»;
- доработан блок «Аппараты»;
Было:
Стало:
- в разделах «До/После», «Статьи» и «Услуги» указаны профессионалы: можнож кликнуть на имя и перейти по ссылке, чтоб прочесть о конкретном профессионале;
Было:
Стало:
- исправлено и улучшено меню услуг.
Было:
Стало:
Но величайшим изменениям подверглись блоки «Преимущества» и «Отзывы».
«Преимущества»
Для блока «Преимущества» мы создали неповторимые иконки в полном согласовании с фирменным стилем сайта. Сейчас они выполнены в единичном стиле и смотрятся красивее для гостей сайта.
Ранее клавиша «Записаться на прием» находилась в одном ряду с превосходствами не была видна. Мы перенесли ее под иконки превосходств. Так возможный клиент сумеет прытче оформить запись. А его путь будет проходить последующие стадии:
«прочтение превосходств сервисы -> осознание выгоды для себя -> обращение внимания на клавишу записи -> запись на прием».
Было:
Стало:
«Отзывы»
На ветхой версии сайта его текст блока «Отзывы» сливался в единичное полотно: не было цветовых акцентов, заглавие блока находилось на этом же уровне с текстом отклика и ответом. Клавиши «Написать отзыв» и «Все отзывы» не выделялись, потому клиенты не переходили по ним.
Заглавие блока мы перенесли выше, конкретно перед откликами. Клавишу «Все отзывы» мы заменили стрелкой красноватого цвета, функция которой интуитивно понятна интернет-пользователям. Добавили имя клиента и разделили тексты отклика и ответа компании.
Мы также создали стрелки для пролистывания откликов вручную, чтоб юзер мог сам контролировать скорость чтения.
Было:
Стало:
Внедрение новейшего функционала и полная автоматизация
Справочники для автоматизации цен
Чтоб решить трудности с времязатратным конфигурацией цен, мы употребляли справочники. Все цены мы оформили в виде справочников, которые подгружаются в несколько мест на сайте. Для конфигурации стоимости сервисы необходимо внести правки лишь в одном месте – в самом справочнике.
Таковая структура посодействовала не совсем лишь с внесением конфигураций в ценники. Мы также настроили автоматическое прибавление цен на страничку каждой сервисы. Сделанные нами справочники с стоимостями разделяются на виды услуг и автоматом высвечиваются у каждой сервисы.
Автоматизация услуг
Автоматизация коснулась и услуг, где указывается стоимость «От …». Из цен, указанных для конкретной процедуры, система избирает меньшее значение, к примеру «От 10.990». На таковых страничках отображается малая стоимость за услугу, что дозволяет юзеру понять примерный ценовой спектр услуг.
Автоматизация акций
Мы предусмотрели возможность установки цен в ручном режиме в отдельном поле. Таковая функция понадобится, ежели клиент захотит поменять стоимость на время акции.
Прибавление акций мы тоже автоматизировали, а поточнее настроили даты начала и окончания. Акция будет неактивна до даты начала и закончится в назначенный день. Это упростило работу служащих и избавило от задержек в старте акций, потому что больше не надо прибавлять акцию в заключительный момент перед пуском.
Адаптивный дизайн
Мы сделали дизайн сайта адаптивным, чтоб его было комфортно просматривать на любом устройстве. Мы добавили два варианта каждого изображения для десктопной и мобильной версии. Оптимизированные для телефонов рисунки стали загружаться намного прытче, и скорость загрузки страничек стала чрезвычайно высочайшая – 0,3–0,5 секунд.
Мы также разработали поиск по услугам. Сейчас юзеры могут живо отыскать интересующую информацию. В выдаче показывается превью странички – главная информация статьи.
SEO-продвижение
Превосходный сайт не дает гарантию великий приток гостей, потому очередной нашей задачей было вывести сайт в топ поисковых систем по ключевым запросам. Юзеры переходят на сайт как из Яндекса, так и из Google, потому позиции необходимо было улучшить в обоих поисковиках.
Мы собрали полное семантическое ядро, включив в него все запросы, по которым юзер может перейти на сайт. Наши профессионалы написали великое количество статей, органично вписав в их ключевые запросы.
Новейшие тексты посодействовали поднять сайт в топ Яндекса практически по всем запросам и прирастить трафик в Google.
Результаты
Мы учли потребности админа сайта, условия поисковых систем и удобство юзера. Новейшие функции и дизайн дозволяют уютно воспользоваться сайтом:
- Новенькая CMS решила делему заказчика с стоимостями. Сейчас внесение конфигураций не просит многократной излишней работы, а стоимость необходимо поменять лишь в одном месте – справочнике. Мы также закрепили цены за каждой услугой, чтоб они автоматом появлялись в разделе «Услуги».
- Изменили дизайн, беря во внимание все потребности юзера. Добавили новейшие блоки и улучшили ветхие, чтоб сайтом было чрезвычайно комфортно воспользоваться. Проанализировали, как новейший сайт подходит нуждам гостей. В итоге теста узнали, что новейшие функции дозволяют прытче отыскивать информацию на сайте, а новейший дизайн смотрится наиболее эстетично, потому что ясного красноватого цвета стало меньше.
- Настроили поиск по услугам.
- Прирастили посещаемость сайта, продвинули сайт в топ Яндекса по практически всем запросам в поисковике и улучшили его видимость в Google. К примеру, по запросу «Лимфодренажный массаж» сайт входит в топ-10 выдачи Яндекса.
- Прирастили конверсию гостя сайта в клиента поликлиники на 24%.
Последующее сотрудничество
Разработка новейшего дизайна сайта и внедрение новейших функций заняли у нас два месяца. Но и опосля принятия работы клиентом мы продолжаем сотрудничество с Cleo Line в SEO-продвижении. Мы пишем статьи для поликлиники, чтоб повысить охват и осведомленность клиентов о процедурах. Каждый месяц наши профессионалы готовят советы по SEO. Мы согласовываем их с заказчиком, а потом отдел разработки вводит все нужные конфигурации.
Статьи
Комментариев 0