Кейс Ника спринг

Многопрофильная клиника «Ника Спринг» обратилась в первое международное интернет-маркетинговое агентство «МедМаркетинг», которое специализируется на продвижении медицинского бизнеса в Интернете, после того, как их руководство посетило наш семинар.
1 Этап
Формирование структуры и прототипированиеСпециалисты нашего интернет-маркетингового агентства разработали более 15 прототипов:[list][*]Главная;[*]Услуга;[*]Направление;[*]Врачи;[*]Врач;[*]Отзывы;[*]Вопрос-ответ и другие.[/list]Проанализировав сайт, мы пришли к единственно правильному решению – полной смене сайта, но с сохранением всех трафикообразующих страниц (около 200). Задача была непростая, так как полностью меняя логику и [url=https://medmarketing.ua/blog/tipy-medicinskih-saytov-osobennosti-struktury/]структуру сайта[/url], мы должны были сохранить весь трафик.
2 Этап
Отрисовка дизайна и программированиеСтилистика дизайна была выбрана трендовая – [url=https://medmarketing.ua/blog/pochemu-flat-design-stal-trendovym/]flat.[/url] Почти на каждой странице есть интересные «фишки», которые выполнены либо в другой цветовой гамме, либо динамично. Все это делает сайт еще более привлекательным для посетителей.
Так как в многопрофильной клинике «Ника Спринг» много направлений, мы много времени посвятили отображению меню на главной странице. Долго обсуждали с клиентом, что внести, а что можно спрятать.
В итоге, мы выделили три основных направления:
[list][*]Стоматология;[*]Косметология;[*]Акушерство и гинекология.[/list]Для этих направлений мы сразу сделали видимыми некоторые услуги.
Рабочее меню выполнено в виде шести блоков: два ряда по три блока. В первом ряду – основные направления, во втором – перечисляются остальные. Всего в многопрофильной клинике «Ника Спринг» - 18 направлений.
Топ сайта
Здесь содержится очень много важной информации и основной нашей задачей было – сделать так, чтобы все это не выглядело нагроможденным. В итоге, в верхнем правом углу хедера мы видим гиперактивную ссылку «Филиалы».
Нажав на нее, мы попадаем на страницу, где можно выбрать интересующее нас отделение, просмотреть конкретный адрес, месторасположение на карте, часы и дни работы. Ниже идет прайс на услуги именно в этом филиале, а затем перечисляются все специалисты, которые здесь работают. После этого мы видим блок «Форма записи на прием», где, помимо стандартных полей для заполнения, также отдельно можно указать:
[list][*]Направление;[*]Желаемую дату;[*]Конкретное время.
[/list]Главная страница
При попадании на эту страницу, пользователь сразу видит основные направления услуг. Ниже идут три блока акций, которые оформлены в виде кругов с картинками, а внизу идет подпись. Интересно, что при наведении, круги подскакивают – все это придает сайту динамику.
Затем мы видим блок «Наши специалисты», где, при наведении на каждого специалиста, область выделяется определённым цветом, и появляется кнопка «Подробнее», нажав на которую пользователь попадает на страницу интересующего его врача.
После этого идет выделенный ярким цветом блок «Записаться на прием», при наведении на эту кнопку – она также подпрыгивает.
Внизу страницы также представлен блок «Полезная информация», где пользователь может прочитать статьи на те темы, которые возможно будут для него интересны.
Услуги
При переходе на страницу услуг, пользователь видит большую фоновую картинку, на которой можно разместить акционнный баннер. Дизайн направлений и каждой услуги мы делали разными. При заходе в конкретное направление, человек видит общий список услуг для него, который находится в верхней части страниц. Это сделано специально: если человек захочет перейти на другую услугу – он просто нажмет на активную ссылку. Не нужно тратить время на то, чтобы возвращаться назад, и искать необходимую информацию. Также интересно то, что та услуга, на странице которой посетитель находится в данное время, подсвечивается более ярким цветом.
Если по какому-то направлению – слишком много услуг, и все их просто невозможно вместить так, чтобы это выглядело не нагромождённым, мы придумали «сворачивающийся» список. Например, как в «Косметологии». Кликнув по кнопке «Еще услуги», человеку раскрывается полный список, и он может выбрать то, что ему нужно.
После этого мы видим три или четыре круга (это можно задавать в админ. части), в которых написано:
[list][*]Описание;[*]Врачи;[*]Отзывы;[*]Результаты до и после.[/list]Кликнув по каждому из них (при этом круг с нужной информацией подсвечивается более ярким цветом), внизу возникает необходимый блок, где по умолчанию отображается соответствующий контент, без перезагрузки страницы.