Купити кошеня,
не побачивши його
Родина в Італії надсилає чотиризначну суму заводчиці в Україну за твариною, яку жодного разу не тримала на руках. Ні шоуруму, ні повернення, ні другої думки. Увесь сайт — це відповідь на цю ситуацію.
Що це було
і що я на ньому зробив
- Клієнт
- Just Magic — родинний розплідник у Сумах, девон-рекси і мейн-куни
- Аудиторія
- Родини за кордоном, які купують породисте кошеня дистанційно, і покупці в Україні
- Моя роль
- Дослідження, UX, інтерфейс, збірка на Webflow, архітектура CMS, тексти, SEO, рекламні кампанії — одна людина
- Обсяг
- Головна, каталог кошенят із живими статусами, виробники, блог, «Про нас», контакти — дзеркально двома мовами
- На чому
- Figma для дизайну, Webflow для збірки, колекції CMS для всього, що змінюється
- Здано
- 2024, працює й досі — екрани на цій сторінці показують дизайн таким, яким його передали
Товар тут живий
а власниця розводить котів, а не сайти
Складність тут подвійна. Перше — відстань: покупець у Вероні або Чикаго, кошеня в Сумах, і кожне питання, яке в магазині ставлять уголос — чи здорове, чи є документи, як воно доїде, хто ви взагалі — має відповісти сторінка.
Друге — каталог не стоїть на місці. Кошенята народжуються, їх бронюють, вони їдуть у нові домівки кожні кілька тижнів. Сайт, який через місяць показує кошеня вільним, краде час у власниці й спалює ту саму довіру, заради якої все й будувалося. А мене поруч уже не буде.
П'ять рішень, які його сформували
і ціна кожного
-
01
Кошеня — це сторінка, а не рядок у списку
У кожного кошеняти власна адреса, фото, порода, родовід і ціна. Саме таке посилання пересилають партнерові, до нього повертаються, і саме його індексує Google. Сьогодні таких сторінок сімдесят одна.
Ціна рішення. Робота переходить на власницю: кожне кошеня тепер сторінка, яку хтось має заповнити. Тому набір полів мав бути коротким настільки, щоб його заповнювали з телефона між помітами — і частину полів, які я хотів, довелося прибрати. -
02
Один випадний список рухає кошеня по всьому сайту
Вільне, заброньоване, у новій домівці — це категорія в CMS, а не ручна правка. Зміна статусу переносить кошеня в каталозі, у фільтрах і на його власній сторінці одночасно, тож сайт не може стверджувати те, що вже неправда.
Ціна рішення. Кожен стан вимагає власної умови видимості, інакше те саме кошеня опиниться у двох списках. Більше умов налаштувати й більше місць, де може зламатися — проти родини, яка пише про кошеня, що поїхало місяць тому. Обмін очевидний. -
03
Відповісти на страхи ще до того, як просити контакт
Ряд панелей під першим екраном — це не перелік переваг, а шість питань, які реально ставлять перед дистанційною покупкою: доставка, підтримка після продажу, обстеження, документи, виставковий клас, щеплення. У відгуках названі справжні люди й є посилання туди, де відгук залишили.
Ціна рішення. Це цілий екран прокрутки між відвідувачем і кошенятами, заради яких він прийшов. За такої суми покупки — виправдано; на дешевшому товарі я поставив би товар першим, а заспокоєння після. -
04
Дві мови — це два дерева сторінок, а не перемикач
Англійська й українська живуть окремими колекціями та окремими адресами, тож кожна індексується самостійно і пошук показує потрібну потрібному покупцеві.
Ціна рішення. Обсяг контенту подвоюється — кожне кошеня існує двічі, і власниці треба памʼятати про обидва. Перемикач на льоту коштував би вдесятеро менше й був би невидимий для Google. Це плата за те, щоб тебе знаходили на двох ринках. -
05
Віддати всі ключі, а не більшість
Усе, що власниця колись захоче змінити — помети, фото, ціни, статуси, статті — це поле в CMS, а не розмітка. Без абонплати, без очікування на мене, без залежності.
Ціна рішення. Саме це рішення коштувало мені дизайну. Повний контроль включає й свободу зламати композицію: за два роки головна сторінка вже не та, що показана тут. Я зробив би так само — розплідник не може чекати на дизайнера, щоб позначити кошеня заброньованим — але тепер передавав би ще й коротку письмову інструкцію до полів, які тримають композицію, і обмежував ті, що не витримують вільного тексту.
Як рішення виглядають
у продукті, яким його здали
Що структура робить досі
Порахувала мапа сайту самого проєкту, 14 серпня 2026 року. CMS, яку я зібрав у 2024-му, досі породжує кожну з цих сторінок, і заповнює їх власниця без розробника — саме заради цього й ухвалювалося рішення 05.
Lighthouse 12, мобільний профіль, виміряно на живому сайті 14 серпня 2026 року — не переписано з дня запуску і не прикрашено. Сторінка тепер важить 3,5 МБ: фонове відео, рекламні теги, додані після передачі (Tag Manager, Facebook, Google Ads), і завантажені відтоді зображення. Найповільніший елемент на екрані — заголовок, який переписали на низку ключових слів. Це чесні числа для сайту, яким він є сьогодні, а не яким його здавали, — здану роботу показують екрани вище.