Лого yanakhodkina.com
yanakhodkina.com

ArtusMed

Основное направление компании ArtusMed – травматология, ортопедия, нейрохирургия, эндопротезирование и последующая реабилитация. Центр хирургии опорно-двигательного аппарата находится в г. Кладно Чехия.

msk-artusmed.ru

 

Клиника в Чехии

 

 

Задача

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

Дальнейшая верстка должна была осуществляться по методу Pixel Perfect. Поэтому, как и всегда, каждая деталь была важна.

 

адаптивный дизайн медицинского сайта

 

 

Проблемы

Заказчик  обратился ко мне уже со стилистически оформленным, но очень «сырым» дизайном главной страницы в psd формате, где было выявлено множество проблем с UI, типографикой и пр. Все это в последствии могло негативно отразиться как на верстке, так и на юзабилити сайта в целом.

 

Решения

Целевая аудитория пожилые люди возраст 50 лет и более. Основной трафик мобильный. Исходя этих данных, в ключевых точках дизайна использовались крупные ui элементы, яркие акценты фирменного цвета и простая навигация.

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

 

Дизайн сайта клиники

 

 

Интерфейс

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

В UI гайде были отрисованы состояния всех активных элементов. Меню, кнопки, ссылки, карточки и прочее. Проработана типографика.

 

Дизайн сайта клиники

 

Результат

Сайт стал более понятен и удобен для пользователей. Среднее время посещения сайта значительно увеличилось.

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

 

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

дизайн лендинга для медицинского сайта

 

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: