назад
скачать cv

мой тигр

«Мой тигр» — клиника красоты и здоровья животных в Москве: ветеринария и груминг под одной крышей. Я спроектировал для клиники отдельный лендинг для сбора заявок — альтернативу основному сайту, которую можно запускать в рекламе и сравнивать с ним по конверсии.

в этом кейсе

  1. Скидок нет — а повод записаться есть.

    «Комплименты» клиники вместо процентов и зачёркнутых цен.
  2. Груминг, который заодно проверяет здоровье.

    Как связка «грумер + врач» стала главным аргументом для записи.
  3. Почему акционный лендинг отклонён ещё до первого макета.

    Три концепции и критерии выбора.
  4. Запись стала короче после защиты.

    Что убрали из сценария записи, пройдя его вместе с клиентом на живом прототипе.
МОЙ ТИГР — обложка кейсаweb-design
  1. Коротко о проекте

  • Роль. Единственный дизайнер в команде, отвечал за весь дизайн лендинга.

  • Срок. 2 месяца.

  • Старт. Новый лендинг — альтернатива основному сайту клиники для запуска в рекламе и сравнения конверсии.

  • Что сделал. Исследование, концепцию, макеты для десктопа и телефона, все сценарии записи, живой прототип на коде и передачу в разработку.

  • Итог. Лендинг с четырьмя точками входа в запись, модальными окнами на компонентах и прототипом, на котором решения защищены до разработки.

  1. Задача и ограничения

Спроектировать лендинг, который приводит заявки на приём и груминг из рекламы. Основной сайт рассказывает о клинике всё; лендинг должен делать одно — приводить заявки.

Пожелания клиента: фирменные паттерны (силуэты тигра и царапины от когтей), живые фотографии, премиальный стиль и нестандартные решения. Отдельная задача — показать, что груминг здесь не косметическая, а полноценная медицинская процедура.

Техническое ограничение от клиента: медицинская система клиники не отдаёт наружу свободное время врачей. На лендинге нельзя показать расписание и выбрать точное время приёма — заявка уходит администратору.

  1. Что я выяснил

Аудитория выбирает по доверию. Для владельцев питомец — член семьи; цена вторична, решают ответы «кто будет лечить и стричь», «в каких условиях», «как здесь относятся к животным». Вывод: лендинг должен быстро показать людей, место и подход.

Груминг продают как косметику. Салоны конкурируют ценой. Премиальному владельцу важнее, чтобы мастер заметил проблему и передал питомца врачу. Вывод: связка «грумер + врач» — главное отличие клиники.

Скидки конфликтуют с премиальностью. «−30%» и зачёркнутые цены приводят тех, кто ищет подешевле. Вывод: спецпредложения нужны, но без языка скидок.

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

  1. Три концепции и как я выбирал

Концепции сравнил по трём критериям: строит ли доверие раньше, чем просит заявку, сохраняет ли премиальный статус бренда, даёт ли честное сравнение с основным сайтом.

А — «акционный лендинг». Скидка на первом экране и форма. Быстро даёт заявки в любой нише, но противоречит позиционированию и приводит не ту аудиторию.

Б — «короткая версия сайта». Безопасно для бренда, но лендинг почти не отличается от сайта — тест не покажет, что работает лучше.

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

Выбрал В — только она отвечает на все четыре вывода и даёт честный тест против сайта. Самое рискованное в ней — отказ от классических скидок; это я вынес на защиту.

МОЙ ТИГР: иллюстрация 1
  1. Где я ошибался и что поменял

Запись была длиннее, чем нужно. В первой версии сценарий записи повторял логику основного сайта: услуга → специалист → клиника → форма. На защите мы вместе с клиентом прошли сценарий на живом прототипе и увидели, что выбор специалиста и переключатель клиники только удлиняют путь и не помогают дойти до заявки.

Я переделал сценарий: врачи отвязаны от услуг, шаг выбора специалиста и переключатель клиники убраны — после выбора услуги человек сразу попадает в форму. Онлайн-консультацию вынес в отдельный короткий сценарий. Правки подписал прямо в макете, чтобы разработчик видел, что и почему изменилось.

  1. Решения и на что они рассчитаны

  1. Первый экран: кто мы и что делать. Крупный логотип, позиционирование «Клиника красоты и здоровья животных», живое видео и кнопка «Записаться на приём».

    На что рассчитано: за пару секунд понятно, что это за место и какое действие главное.

МОЙ ТИГР: иллюстрация 2
  1. Закреплённая панель с «Комплиментом». Слева — тёмная панель с фирменным паттерном тигра и актуальным комплиментом клиники, она остаётся на экране при прокрутке.

    На что рассчитано: повод записаться всегда на виду — без всплывающих окон, которые раздражают и удешевляют.

  1. Запись поверх страницы. Форма открывается слоем поверх лендинга: услуга, короткая форма, подтверждение. Фоном — фотография кабинета клиники.

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

МОЙ ТИГР: иллюстрация 3
  1. Короткая форма и удобный канал связи. Имя, телефон, данные о питомце и выбор, где связаться: телефон, Telegram или другой мессенджер; для торопящихся — обратный звонок. Как это отвечает на ограничение медицинской системы: раз выбрать точное время нельзя, форма не изображает онлайн-запись, а честно собирает контакт — время согласует администратор в удобном человеку канале.

    На что рассчитано: больше заполненных форм и больше ответов администратору после заявки.

МОЙ ТИГР: иллюстрация 4
  1. Груминг рядом с ветеринарией. Ветеринарные услуги и груминг на равных, врачи и грумеры — одной командой с опытом и специализацией. В «Нашей философии» прямо сказано: каждая стрижка — ещё и проверка здоровья.

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

МОЙ ТИГР: иллюстрация 5
МОЙ ТИГР: иллюстрация 6
  1. «Комплименты» вместо скидок. Специальная цена и срок действия без процентов и зачёркнутых цен; каждый комплимент раскрывается как экспертный материал — от симптомов к программе и цене.

    На что рассчитано: срок даёт повод записаться сейчас, а бренд сохраняет статус.

  1. Онлайн-консультация. Отдельный блок и свой короткий сценарий: врач-специалист, данные и удобное время.

    На что рассчитано: дополнительная точка входа для тех, кто ещё не готов ехать в клинику.

МОЙ ТИГР: иллюстрация 7
  1. Отзывы и клиники на карте. Отзывы с рейтингом на Яндекс Картах, адреса, часы работы и «Построить маршрут» — в конце страницы.

    На что рассчитано: социальное доказательство и ответ на «далеко ли ехать» там, где принимается решение.

  1. Защита и передача в разработку

Показал концепцию на живом прототипе — не на картинках, а на работающей странице — и по цепочке: выводы, концепции, выбор и то, как каждое решение работает на заявку.

Отказ от классических скидок — самое неочевидное решение для клиники, которой нужны спецпредложения. Аргумент: скидка привлекает тех, кто ищет подешевле, а «Комплимент» с экспертным объяснением и сроком даёт тот же повод записаться и сохраняет позиционирование.

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

Как я работаю. За два месяца провёл проект от исследования до разработки один; спорные решения защищаю на работающем прототипе, а не на словах.

МОЙ ТИГР: иллюстрация 8
  1. Результаты

Лендинг запущен как альтернатива основному сайту, метрики собираются: сравниваем конверсию в заявку с сайтом и смотрим, какие точки входа приводят больше заявок. Как только появятся цифры, они будут здесь.

Продуктовые — как работает продукт и как с ним взаимодействуют

  • Четыре точки входа в запись: услуги, специалисты, «Комплименты» и онлайн-консультация. Рассчитано на рост общего числа заявок.

  • Запись без ухода со страницы и с коротким сценарием после упрощения на защите. Рассчитано на долю дошедших от клика до заявки.

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

  • Повод записаться всегда на виду — закреплённая панель с «Комплиментом». Рассчитано на конверсию в заявку с длинной страницы.

Коммуникационные — как продукт доносит ценность до аудитории

  • Доверие раньше заявки: люди, интерьеры и подход клиники видны с первых экранов.

  • Груминг как медицинская процедура: связка «грумер + врач» — аргумент, а не строка в прайсе.

  • Спецпредложения без языка скидок: «Комплименты» объясняют, зачем это питомцу, и сохраняют премиальный статус.

  • Узнаваемость бренда: фирменный паттерн тигра и живые фото выполняют пожелание клиента и выделяют страницу в рекламе.

  1. Как я использовал нейросети

  • Claude — сбор и анализ данных под задачу. Отзывы о ветклиниках и груминг-салонах — кластеры страхов владельцев: кому доверить питомца, стресс животного, «стригут, но не смотрят на здоровье». Главное здесь — качество: раньше данные собирались из ограниченного круга внешних источников, теперь Claude охватывает несравнимо больше источников, и выводы опираются на более полную картину. ≈ 5 минут вместо до 24 часов ручного поиска — в десятки раз быстрее.

  • Claude — сегментация и анализ внутренних метрик. Разбор показателей основного сайта клиники: заявки по услугам, источникам трафика и сегментам владельцев (собаки, кошки, груминг, ветеринария) — чтобы понять, какие точки входа важнее на лендинге. ≈ 2 минуты вместо до 2 часов автоматизации в Excel.

  • Claude — живой прототип на коде. Из макетов собрал работающую страницу со сценариями записи и модальными окнами — максимально близко к будущему продукту, с возможностью проводить тесты. ≈ 20 минут вместо до 6 часов интерактивного прототипа в Figma, где сложную анимацию часто вообще нельзя показать и приходится искать референсы.

  • Claude + Figma Agent — подготовка к разработке. Оформление стилей, нейминг слоёв, создание адаптивов, сборка дизайн-системы и компонентов во всех состояниях, проверка недостающих экранов и состояний, проверка логики пользовательского пути, контрастности и комментарии для разработчиков. ≈ 1 час с правками вместо 16 часов чистой работы.

Нейросети берут на себя сбор данных и рутину, а решения я принимаю сам и проверяю.