Кейс Концепция сайта · Ветеринарная клиника · Минск

Сайт ветеринарной клиники

#UX#ветклиника#концепция#мобильная версия#разработка сайтов

HTML и CSS

движок не нужен

страниц в макете

Дизайн-система

компоненты и токены

Задача

Владелец питомца заходит на сайт клиники в одном из двух состояний: он планирует плановую процедуру или у него что-то случилось прямо сейчас. Во втором случае он не читает — он ищет, как позвонить и когда открыто.

Это концепция, сделанная нами по своей инициативе: мы разобрали сайты ветклиник и собрали макет, который отвечает обоим сценариям. Рабочего сайта по нему пока нет.

Как выглядит

Первый экран: статус работы, филиалы, запись

Акции карточками вместо отдельной страницы цен

Врачи клиники с записью к конкретному специалисту

Отзывы подтягиваются с Яндекс и Google Карт

Два филиала с адресами, графиком и маршрутом

Мобильная версия: первый экран одной карточкой

Открыть макет →

Что сделали

Статус работы в первом экране

Строка «сегодня открыто до 21:00» вместо поиска графика в подвале — для срочного обращения это главная информация на странице.

Запись открывается окном, а не прокруткой

Кнопка «Записаться» на любом экране открывает форму поверх страницы. Человек не теряет место, на котором читал.

Два филиала с разным графиком

У филиалов разные адреса и часы. На телефоне они переключаются вкладками с названиями улиц, а не листанием вслепую.

Отзывы с карт, а не написанные самими

Средний рейтинг и отзывы подтягиваются с Яндекс и Google Карт — это проверяемо, в отличие от блока благодарностей без имён.

концепциядизайн-системамобильный макетпопап записиотзывы с карт

Результат

→ Макет отвечает и срочному обращению, и плановому: статус работы наверху, запись в один клик с любого места.
→ Собрана дизайн-система, по которой макет разворачивается в рабочий сайт без переделки с нуля.