Все проекты
Кейс

Лендинг ветклиники

Переработали сайт региональной ветклиники: первый экран, прайс и запись на приём.

Было и стало

Было
Исходный сайт ветклиники на компьютере, до переработки (названия и контакты скрыты)Исходный сайт ветклиники на телефоне, до переработки (названия и контакты скрыты)
Стало
Переработанная страница ветклиники на компьютереПереработанная страница ветклиники на телефоне

Что было не так в исходнике

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

Что сделали

Оставили фирменный фиолетовый клиники и построили вокруг него систему: тёмная и светлая версии, один жёлтый акцент на единственном действии. Запись вынесли в первый экран: кнопка и ближайшие окна времени. Шесть основных услуг показали с ценами "от", вакцинацию разложили на три шага. Для лица страницы нарисовали кота из простых форм: без стоковых фото и без внешних картинок.

Из чего собрано

  • чистый HTML и CSS, 0 скриптов, 0 внешних запросов
  • 172 КБ вместе со шрифтами (Unbounded для заголовков, Onest для текста, оба с открытой лицензией, лежат на своём сервере)
  • контраст основного текста 14.8:1, белого на фиолетовом 9.2:1
  • проверка на ширинах 1280, 768 и 390 пикселей, горизонтальной прокрутки нет

Страница делается по пакету «лендинг под ключ»: дизайн-система под бизнес, семь дней на всё. Услуги и порядок работы

Оставить заявку