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

Бережно: сайт ветклиники в Самаре с графиком прививок

Демо-сайт вымышленной круглосуточной ветклиники «Бережно» в Самаре: услуги, график прививок, неотложная помощь и запись к врачу.

Открыть проект Обсудить проект

Главная страница Бережно: «Ветклиника в Самаре, круглосуточно» и кошка с кроликом над блоком

Задача

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

Что сделали

График прививок: вид питомца и дата рождения дают даты и следующий шаг
Неотложная помощь: что делать до приезда в семи частых случаях
Восемь услуг с подготовкой, уходом после и ценой «от»
Шесть районов Самары, у каждого своя тема

Клиника выдумана, схема прививок нет

«Бережно» не существует. Адрес, история, врачи, их биографии и отзывы придуманы: врачи нарисованы, отзывы подписаны «Пример отзыва». Цены ориентировочные, это средний уровень самарских ветклиник на осень 2026 года. Районы, посёлки и парки Самары настоящие, общая схема прививок взята из рекомендаций WSAVA 2024 и российских правил по бешенству. Статьи справочные, без доз и назначений.

График прививок по дате рождения

Владелец выбирает, кто у него: котёнок, щенок, кролик, грызун или птица, и ставит дату рождения. Сайт строит график: даты прививок, какие уже прошли, какой шаг следующий и когда кончится карантин. Расчёт живёт в одном файле с тестами, а в браузере его выполняет скрипт на 3-4 КБ.

Страница неотложной помощи начинается с телефона и объясняет, что делать до приезда при травме, кровотечении, отравлении, судорогах, перегреве, задержке мочи у кота и вздутии живота у крупной собаки. Запись к врачу проверяет поля и отвечает на странице. Что ещё нужно сайту клиники, написано на странице сайт для ветклиники.

Лист наклеек за смелость

Стиль взят у листа наклеек, который дают после приёма. Разделы идут пастельными полосами с волной между ними, карточки похожи на белые наклейки с лёгким наклоном. Кошка, кролик, пёс и хомяк выглядывают из-за края блоков. На телефоне меню стоит внизу, под большим пальцем, и в нём всегда есть кнопка «Срочно».

39 страниц в статическом HTML, SvelteKit не отправляет в браузер ни строчки кода.
Lighthouse на телефоне 100 по всем четырём оценкам, первый экран за 1,4-1,6 с, страница весит 68-74 КБ.

Напоминание о следующей прививке логично присылать ботом в Telegram: дата уже посчитана на сайте.