Мокрый нос

О проекте

Сайт студии груминга в Москве: груминг собак и кошек, самомойка и магазин уходовых товаров. Адрес, команда и цены на сайте вымышленные — это демонстрационный проект.

Груминг
Отрасль
Многостраничный
Формат
20
Страниц
HTML, CSS, JS
Технологии
Мокрый нос: экран 1Мокрый нос: экран 2Мокрый нос: экран 3Мокрый нос: экран 4Мокрый нос: экран 5

Задача

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

Подход

Цены разложены по размеру питомца прямо на первом экране. Запись идёт по шагам: питомец, услуга, день, время, проверка. Рядом — страница студии и магазин.

Что получилось

Сайт из 20 страниц: главная, груминг и самомойка, студия, магазин с 13 карточками товаров, запись и две информационные страницы.

Подробнее о проекте

Первый экран построен на игре слов «Грязный пёс. Чистый нос» и сразу показывает четыре услуги с ценами от 1 100 до 3 900 ₽.

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

Магазин с карточками товаров и корзиной, запись — в пять шагов с выбором дня и времени. Настоящие заявки и заказы сайт не отправляет.

Как мы собирали

  1. 01

    Основа

    Сайт на HTML, CSS и JS, сборка на Vite: 20 страниц с общей вёрсткой. Тексты, цены, фотографии и сценарий записи сделаны под студию груминга.

  2. 02

    Материалы

    Заменили все фотографии: 49 изображений питомцев, услуг, студии, команды и товаров. Переписали по-русски формы, ошибки, календарь, корзину, подсказки и описания картинок.

  3. 03

    Проверка

    Тесты обходят все 20 маршрутов, проверяют ресурсы и демонстрационный обработчик заявок. Заявки на самом деле никуда не отправляются.