К содержанию
Design LabТекущий сайт ↗

Презентация концепций · ноябрь 2026 · тестовая среда

Три характера
одного бренда

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

Клиент
KOTOKOMBO
Товары
Ликвидатор запаха 800 г · Наполнитель 5,7 л / 2,7 кг
Статус
Рабочие прототипы для обсуждения, не индексируются
  1. 01Premium Pet Care«Тишина в доме»
  2. 02Playful KOTOKOMBO«Кот + Комбо»
  3. 03Nature & Science«Как это устроено»

01 / 03

Premium Pet Care«Тишина в доме»

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

Открыть версию V1 →
Первый экран версии V1 на десктопе
Первый экран версии V1 на телефоне

Цвет

  • Лён#F1ECE3
  • Чернила#111C1D
  • Фирменный красный#E83C26
  • Фирменная бирюза#069AA8
  • Бумага#F8F5EF

Шрифты

Дом пахнет домом

Cormorant Garamond — заголовки · Golos Text — текст

QR-код: https://test.kotokombo.ru/v1

На телефоне

Наведите камеру на код или откройте

test.kotokombo.ru/v1

Ключевые решения

  1. Оригинальный логотип: словесный знак в шапке, полный знак на бирюзовом развороте «О бренде» и в подвале.
  2. Фирменный красный — единственный акцент (курсив «домом.», шаги, линейки), бирюза — один разворот бренда.
  3. Покупка на первом экране: «Купить на Wildberries», рядом Ozon и Яндекс Маркет; оба товара — на арке.
  4. Медленные появления и лёгкий параллакс; при «уменьшении движения» всё статично.

Когда выбрать

Бренд идёт в премиальный сегмент, интерьерные магазины и коллаборации; важно выглядеть дороже соседей по выдаче маркетплейса.

Риск

Тихий антиквенный голос дальше всех от плотного, громкого знака «К»; меньше эмоций для импульсной покупки.

02 / 03

Playful KOTOKOMBO«Кот + Комбо»

Плакат и стикеры. Бренд говорит как остроумный взрослый с котом — коротко и с иронией. Главный ход — уравнение «ликвидатор + наполнитель = КОМБО», обыгрывающее имя бренда. Фирменные бирюза и красный — в полную силу, как на оригинальном макете логотипа.

Открыть версию V2 →
Первый экран версии V2 на десктопе
Первый экран версии V2 на телефоне

Цвет

  • Фирменная бирюза#069AA8
  • Фирменный красный#E83C26
  • Чернила#0B1314
  • Крем#FFF4E2
  • Масло#FFD35C

Шрифты

Запах? Не в этом доме.

Unbounded — заголовки · Onest — текст

QR-код: https://test.kotokombo.ru/v2

На телефоне

Наведите камеру на код или откройте

test.kotokombo.ru/v2

Ключевые решения

  1. Широкий плакатный Unbounded, стикеры и жёсткие тени на фирменной бирюзе — сайт запоминается с первого экрана.
  2. Интерактив с пользой: «Собери лоток» показывает применение, переключатель ароматов — линейку.
  3. Разворот «Найдите кота в букве К» — оригинальный знак крупно, как главный бренд-момент.
  4. Честный блок «Без сказок»: вместо выдуманных отзывов — то, что можно проверить.

Когда выбрать

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

Риск

Нужна дисциплина в тоне; широкий Unbounded спорит с узким словесным знаком, громкий стиль сложнее растянуть на блог.

03 / 03

Nature & Science«Как это устроено»

Свежесть — это механика, а не отдушка. Сайт как инженерный паспорт системы: разрез лотка, схема пор диатомита, расчёт расхода. Глубокая бирюза из фирменного цвета, мел и красный — только для главного действия.

Открыть версию V3 →
Первый экран версии V3 на десктопе
Первый экран версии V3 на телефоне

Цвет

  • Глубокая бирюза#052A30
  • Фирменная бирюза#069AA8
  • Фирменный красный#E83C26
  • Мел#F2F4F3
  • Светлая бирюза#8DD7DF

Шрифты

Запах начинается в лотке

Geologica — заголовки · JetBrains Mono — данные и подписи

QR-код: https://test.kotokombo.ru/v3

На телефоне

Наведите камеру на код или откройте

test.kotokombo.ru/v3

Ключевые решения

  1. Механизм объяснён схемами: где лежит ликвидатор, как гранула удерживает влагу, чем он отличается от освежителя.
  2. Калькулятор: «меняю наполнитель раз в N дней» → на сколько хватит банки (по данным «8–10 применений»).
  3. Блок «Чего мы не обещаем» и реквизиты производителя — доверие через прозрачность.
  4. Знак — оригинальный символ на фирменной бирюзе в шапке и полный макет логотипа в подвале; красный только у кнопки Wildberries и линий запаха на схеме.

Когда выбрать

Основной трафик — из поиска и блога, покупатель сравнивает решения рационально и хочет понять «как это работает».

Риск

Меньше эмоций и «милоты»; схемы требуют аккуратных формулировок, чтобы не читаться как исследования.

Сравнение

Критерий01 Premium Pet Care02 Playful KOTOKOMBO03 Nature & Science
ТонТихий, редакционныйДерзкий, ироничныйРациональный, точный
ШрифтыCormorant Garamond + Golos TextUnbounded + OnestGeologica + JetBrains Mono
ПалитраЛён и чернила, фирменный красный акцентом, один бирюзовый разворотФирменные бирюза и красный в полную силу, крем, маслоГлубокая бирюза, мел, красный только для покупки
Сетка и ритмАсимметрия, много воздуха, аркиПлакат, наложения, наклоныСтрогая сетка, панели, выноски
Подача товараВырез на тоновой арке, музейная подписьКрупно, с наклоном, в уравнении «= КОМБО»Паспорт со спецификацией
Как объясняет механизмЧетыре тезиса-манифестаИнтерактивный разрез лоткаСхемы пор, сравнение, расчёт расхода
ИнтерактивТихие появления, параллаксГлаза кота, «собери лоток», ароматыПрорисовка схем, калькулятор, табы
FAQАккордеон с линейкамиДиалог-чатТабы по темам
Сильнее всегоВосприятие цены и качестваЗапоминаемость и характерПонимание и доверие
Главный рискТихий тон против громкого знакаТон легко «пересолить»Суховат для импульсной покупки

Что лучше, чем на текущем сайте

  1. БылоБаннер cookie перекрывает главную кнопку «Купить» и половину мобильного экрана.

    СталоКомпактное уведомление в стиле версии, призыв к покупке всегда виден.

  2. БылоФиолетово-синие SaaS-градиенты и стекло; вместо логотипа — стоковая иконка кота.

    СталоОригинальный логотип «К с котом» из файла дизайнера, фирменные красный #E83C26 и бирюза #069AA8 в каждой версии.

  3. Было«30 000+ хозяев», «4.9★ · 250+ отзывов», «до 3× дольше», «99% бактерий» — без источников.

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

  4. БылоНа первом экране один продукт; «8–10 применений» спрятано на внутренней странице.

    СталоОба продукта и ключевые цифры (800 г, 8–10 применений, слой 2–3 мм, 5,7 л / 2,7 кг) — сразу.

  5. БылоТри одинаковых блока «Купить на маркетплейсах» и четыре повтора «4 шага».

    СталоОдна понятная покупка и одно хорошее объяснение механизма в каждой версии.

  6. БылоМеню по hover, нет skip-link, анимации игнорируют «уменьшение движения».

    СталоКлавиатурная навигация, skip-link, видимый фокус, prefers-reduced-motion, контраст AA.

Рекомендация

Основа — 03 Nature & Science,
с бренд-моментом из 02.

Сайт KOTOKOMBO не продаёт сам — он объясняет и отправляет на маркетплейс. Главный барьер покупателя — «чем это отличается от освежителя и сколько хватит банки». Версия 03 отвечает на это лучше всех: разрез лотка, расход, совместимость и честные ограничения. Она же естественно продолжает блог из 35 статей, откуда приходит поисковый трафик. Её глубокая бирюза — тон фона оригинального логотипа, а красный работает только как кнопка покупки: знак и призыв не спорят.

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

Открыть 03 →Открыть 02Открыть 01
В новой вкладке ↗

390 × 844 px · масштаб 100%