ParaClean: лендинг таблетки от клещей и блох
Сайт для нового ветеринарного бренда из Казахстана. Его показывают дистрибьюторам на встречах, а покупателей он ведёт в Kaspi с уже подобранной дозировкой.
01 · Задача
Два зрителя у одной страницы
ParaClean — дженерик известного препарата на флураланере: та же формула, новый бренд без истории. Сайту нужно работать на двух людей сразу.
Дистрибьютор смотрит страницу на встрече и решает, можно ли доверять бренду. Владелец собаки хочет понять, какую коробку брать под вес питомца, и купить её в Kaspi.
Что нужно было сделать
- Объяснить, что это за таблетка и как она работает
- Помочь выбрать одну из пяти дозировок по весу
- Показать компанию, производство и госрегистрацию
- Вести покупателя в Kaspi, дистрибьютора — в заявку
Ограничения
- Без пугающих паразитов и медицинской символики
- Без «100%» и «от всех паразитов»
- «До 90 дней защиты» — только после регистрации препарата
- Тексты свои: у дженерика нельзя брать чужие описания
02 · Исходники
Что было на старте
Клиент пришёл с брендбуком на семь страниц, презентацией и рендерами упаковок. Логотипа для светлого фона не было, цвета упаковок в презентации и в макетах расходились.
Мы свели всё в одну систему: оставили синий бренда основным фоном, а пять цветов упаковок превратили в код дозировки.
03 · Цвет
Синий держит бренд, розовый ведёт к покупке
У каждого цвета одна работа. Так страница выглядит спокойно, хотя в брендбуке пять ярких цветов. Пять цветов упаковок — 2–4,5, 4,5–10, 10–20, 20–40 и 40–56 кг — работают как код дозировки.
- Синий бренда
#303A8FПервый экран, шапка, плашки - Тёмно-синий
#232B73Тени, наведение, подвал - Розовый
#D943C5Только кнопки «Купить» и «Подобрать» - Голубой
#57A9E8Выделение слов в заголовках - Чернила
#1B2050Заголовки на светлом
Один вес — один цвет
Цвета дозировок взяты с упаковок. Покупатель видит на сайте тот же цвет, что потом на полке и в Kaspi.
Розовый — редкий
Розовый стоит только на действиях. Глаз находит кнопку покупки на любом экране за секунду.
Без тревожных цветов
Красный и медицинский зелёный не используем: бриф просил не пугать владельцев.
04 · Типографика
Мягкие заголовки, спокойный текст
Брендбук просил округлые заголовки, но без подделки под логотип. Мы взяли Nunito: круглый, дружелюбный, с кириллицей. Для текста — Manrope, нейтральный гротеск, который легко читать мелко.
Шрифты лежат на сервере сайта, а не грузятся с Google. На iPhone клиента блокировщик рекламы отключал Google Fonts, и заголовки становились тонкими системными.
Заголовки · Nunito 800–900
Аа Бб
Защита от клещей и блох в одной таблетке
Текст · Manrope 400–700
Аа Бб
Жевательная таблетка с флураланером. Собаки едят её как лакомство, а дозировку подбирают по весу питомца.
Защита от клещей
Подберите дозировку
Работает быстро
Таблетку дают один раз — защита держится до 90 дней.
Применяйте согласно инструкции.
05 · Компоненты
Детали, из которых собран сайт
Кнопки-таблетки повторяют форму продукта. Скругления — 10, 18 и 28 px, отступы — по шкале 4, 8, 12, 16, 24, 32, 48. Все цвета и размеры заданы токенами, поэтому любой новый блок выглядит как остальные.
- Кнопки первого экрана
- Подбор по весу
- Пять дозировок
- Календарь активности паразитов
- Вопрос в FAQ
- Карточка статьи
06 · Экраны
Почему страница устроена именно так
Первый экран
Настоящая коробка в сгенерированной сцене
Сцену с летящими таблетками-косточками сгенерировали, а упаковку поставили настоящую, из макета клиента. Нейросеть искажает мелкий текст на коробке, а дистрибьютор должен видеть упаковку такой, какой она будет на полке.
Дозировка
Главный вопрос — какую коробку брать
Покупатель двигает ползунок веса, и сайт подсвечивает нужную упаковку её цветом. Под упаковками — короткие правила: щенкам с 8 недель, не делить таблетку, повтор через 90 дней.
Кнопка «Подобрать дозировку» на первом экране ведёт сразу сюда.
Защита
Объясняем без страшных картинок
Вместо фото паразитов — собака на лугу, три шага «как работает таблетка» и календарь активности клещей и блох по месяцам. Календарь показывает, что защищать собаку нужно почти круглый год.
Компания
Доверие для дистрибьютора
Команда, производство, планы по заводу в Казахстане и номер регистрационного удостоверения. Этот блок открывают на встречах, поэтому в нём только проверяемые факты.
Статьи и вопросы
Шесть статей и FAQ для поиска
Статьи про бабезиоз, укусы клещей и сезонность открываются в окне на главной и отдельными страницами. Они приводят людей из поиска, а FAQ с разметкой для Google закрывает вопросы, которые обычно задают ветеринару.
Заявка
Одна форма на два сценария
Переключатель «Я покупатель / Я дистрибьютор» меняет подсказки в форме. Заявка сразу приходит в Telegram-бот клиента. Если отправка не удалась, форма предлагает написать в WhatsApp.
07 · Телефон
На телефоне всё то же, в одну колонку
Ползунок веса крупный, чтобы двигать его пальцем, упаковки листаются в ряд, вопросы раскрываются по одному. Кнопки «Купить на Kaspi» остаются в первом экране и в блоке покупки.
08 · Итог
Что получил клиент
- 10
- рабочих дней от брифа до запуска
- 9
- блоков на главной
- 6
- статей для поиска
- 5
- дозировок с подбором по весу
Нужен такой же лендинг для вашего продукта?
Расскажите о задаче — предложим структуру, срок и точную цену. Лендинг от 95 900 ₸.
Астана, Казахстан · +7 700 100 08 55