Подробный сайт для ветеринарной клиники

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

• два филиала с отдельными услугами и ценами
• прайс-листы
• сотрудники, которые работают в ветеринарном центре
• информационная база из статей и заметок
• ответы на вопросы

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

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

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

Далее следует не менее важный оффер, а именно - перечисление видов животных, с которыми работает клиника. Врачи здесь лечат даже самых редких и нестандартных животных, что становится решающим фактором для их владельцев, так как найти узкоспециализированных специалистов (например, по рептилиям) весьма непросто:

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

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

Блок "Часто задаваемые вопросы" позволяет разом закрывать большую часть вопросов, которые есть у клиентов:

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

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

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

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

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

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

Мы считаем такое решение оптимальным с точки зрения комфорта пользователя, и заказчик тоже высоко оценил его.

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

• Создать максимально удобную среду для пользователя, которая интуитивно понятна и позволяет быстро найти информацию;
  
• сделать цветовое решение, которое соответствует особенностям ниши, но при этом выделяется и запоминается;
  
• вызвать у пользователя доверие к клинике и передать экспертность специалистов, а также заботу и любовь по отношению к животным.