Концепт студии
Концепт сайта грумера из Джорджтауна, который сначала отвечает на тревогу владельца
Atelier Canin — выдуманный салон, на котором мы проверили, как премиальный грумер может продавать визит онлайн. Мы спроектировали и собрали одностраничный сайт в духе журнала: он начинается с того, чего боятся владельцы, показывает результат слайдером «до и после», который двигают сами, и записывает на визит в пять полей.
- Концепт
- Atelier Canin
- Локация
- Вашингтон, США
- Отрасль
- Груминг
- Год
- 2026
- Услуги
- Сайт, Онлайн-запись, Арт-дирекшн
полей для записи, дата выбирается в календаре
глав, от тревоги владельца до FAQ
языка, английский и русский, в одном переключателе
сторонних скриптов: весь сайт — один HTML-файл и фотографии
Задача
Мы поставили себе задачу премиального груминг-салона в Джорджтауне, Вашингтон: заполнить неделю владельцами, которые платят за заботу, а не за быструю стрижку. Владелец оставляет любимую собаку незнакомым людям на несколько часов. Он боится стресса, грубых рук и стрижки без учёта породы, а типичный сайт салона отвечает прайсом и номером телефона.
Наш подход
Мы собрали страницу как короткий журнал из десяти глав, с крупным шрифтом с засечками и спокойными цветами. Она начинается с тревог владельца его же словами, отвечает на них тремя принципами и даёт самому провести линию по фото «до и после». Дальше на той же странице цены, свежие работы, примеры отзывов и форма записи, так что звонить, чтобы записаться, не нужно.
Владельцы записываются не на стрижку. Они выбирают того, кому доверят собаку.
Что мы сделали
01
Сначала тревога владельца
Сразу после регалий страница называет четыре тревоги словами владельца: стрижка наугад, стресс у питомца, неровный результат и страх доверить его незнакомцу. Метод отвечает тремя принципами: бережный подход, стандарт породы и один гость за раз.
- Четыре тревоги словами владельца
- Три принципа, которые на них отвечают
- Главы с I по X на десктопе
- Пять ответов FAQ в нативных аккордеонах
02
«До и после», которое двигают сами
Слайдер собирает «до» и «после» в один кадр: линию тянут мышью или пальцем. Когда слайдер появляется на экране, он один раз сдвигается сам, чтобы было видно, что его можно двигать. В демо стоят стоковые фото, и под слайдером об этом написано; на живом сайте были бы собаки самого салона.
- Тянется мышью или пальцем
- Сам сдвигается при первом показе
- Пометка, что фото стоковые
- Семь свежих работ в горизонтальной ленте
03
Запись в пять полей
Имя, телефон, порода, дата и услуга — на той же странице, что и цены. Дата выбирается в календаре без прошедших дней, а форма подсвечивает пустые поля. В демо сообщение честно говорит, что заявка никуда не ушла.
- 5 полей, включая породу
- Календарь без прошедших дней
- Пустые поля подсвечиваются до отправки
- Честное сообщение демо: ничего не отправлено
Живое демо
nextgensoft.co/concepts/atelier-canin
Что показывает демо
- 01Страница салона, которая начинается с тревоги владельца и отвечает на неё ещё до прайса
- 02«До и после» в виде слайдера, который двигают сами, на телефоне и на компьютере
- 03Запись в пять полей на той же странице, с календарём и проверкой пустых полей
- 04Примеры отзывов и стоковые фото «до и после» с пометками, готовые к замене на настоящие
Технологии
- Сайт
- Один HTML-файл · CSS · JavaScript без фреймворков
- Интерактив
- Слайдер «до и после» · свой календарь · горизонтальная галерея
- Языки
- Английский · русский, один переключатель
- Шрифты
- Fraunces · Instrument Serif · Inter Tight · JetBrains Mono
Услуги в этом кейсе
Следующий кейс · Encore
Сайт, CRM и AI-конспекты звонков для агентства в Дубае
Обсудим
Есть проект? Разберём его за 30 минут.
Расскажите, что вы создаёте. Уже на первом созвоне вы получите прямой ответ о сроках, команде и подходе.