Как обновить сайт за счет мобильной версии на примере «Академии Здоровья»
Одна из основных задач для многих компаний – обновление корпоративного сайта. Но те, кто проходил через это знают, что это месяцы тяжелой работы 2-х компаний и бюджет с 6 нулями. Когда нет бюджета, это не страшно, потому что его всегда можно сократить, либо делать работу спринтами. Но вот когда нет времени – другое дело.
Наш давний заказчик – сеть медицинских центров «Академия Здоровья» обратился к нам с подобным запросом. Надо сделать новый продукт за 2-3 месяца и добавить функционала. Сделать корпоративный сайт для сети клиник за 2-3 месяца с ux/ui и новым функционалом почти нереально, учитывая, что у компании более 25 медицинских центров и 1500 услуг.
Краткая предыстория: заказчик, его проблема.
У нас не было времени на глубокое погружение и аналитику, поэтому мы просто зашли в Яндекс Метрику и увидели, что 81% пользователей на сайт заходит с мобильных телефонов. Поэтому, мы предложили клиенту разработать новую мобильную версию для сайта, добавить туда нужный функционал, улучшив тем самым сайт для 80% пациентов.
Как и что мы делали: почему предложили, поэтапность, сложности.
Мобильная версия сайта изначально удобнее адаптивной, потому что содержит меньше элементов. По простому это тоже приложение, только онлайн. К тому же, на медицинском сайте есть ряд страниц, которые требует Минздрав и эти страницы не всегда нужны пользователям, поэтому мы можем их скрыть.
Этап 1. Новая структура + бриф
После анализа Яндекс Метрики мы составили структуру каталога и служебных страниц. Так как функционала не хватало (например, рекомендаций до приема), мы разработали новый функционал карточек услуг.
Этап 2. Сделали стайл-гайд + дизайн
У компании не было фирменного стиля или брендбука, поэтому мы разработали свой вариант стайл-гайда, который в будущем использовали для доработки сайта. Кстати, если у вас нет стайл-гайда, то просите на этапе разработки дизайна его отрисовывать. Это сократит сроки на верстку и как следствие бюджет.
На основании брифа заказчика – сделали макеты в Figma.
Этап 3. Технические работы
Наша задача в техническом плане была простой:
– не дублировать каталог с основной версии сайта;
– оставить мультирегиональность;
– выводить все блоки из той же админки, что и основной сайт;
– оставить все на 1С-битрикс.
Со всеми задачами мы справились, но и не сказать, что они были супер сложными.
Этап 4. SEO-оптимизация
После разработки и выкладки сайта на боевой сервер, у нас появились проблемы. Десктопную и мобильную версии сайта не хотел клеить Google и выдавал в выдаче по запросу «Название клиники + город» два сайта. На первом месте был сайт site.ru, а на втором m.site.ru. Но умелые руки seo-специалистов и rel=”canonical” сделали свое дело. Через 2 недели все стало в порядке.
Сколько времени ушло на разработку
Мы реализовали проект достаточно быстро. На брифинг и разработку UX + UI у нас ушел 1 месяц. Техническая часть заняла 2 месяца.
По человеко-часам, такой проект в нашей студии обойдется в 200-300 часов работы специалистов.
По традиции vc.ru, я не могу в конце не дать ссылку на свой телеграм канал – Подписывайтесь. В нем я делюсь своими взглядами на управление digital компанией в регионе.