Перейти до вмісту
Композиція з фотографіями собаки й кота для Pet space.

Pet space

  • UX/UI дизайн
  • User flow
  • Інформаційна архітектура
  • Yes/No Map

Найкоротший шлях від «загубився улюбленець» до оголошення, яке побачать люди поруч.

Загальний огляд

Pet space — безкоштовний волонтерський сервіс для пошуку загублених і знайдених тварин. Telegram-бот уже працював і розсилав сповіщення людям поруч. Сайт мав стати його другою половиною: місцем для оголошень, мапи й профілів тварин.

Найбільший челендж

Гіпотеза команди: людина реєструється спокійно, а повертається на сайт у найгірший момент — коли загубила улюбленця або знайшла тваринку на вулиці. Вона в стресі, часто з телефона, і кожна зайва дія забирає час, який для тварини критичний. Тож флоу «загубив» і «знайшов» мали бути максимально короткими й зрозумілими, а сайт — працювати в парі з ботом, а не дублювати його.

Процес

Щоб звузити візуальний напрям ще на етапі концепції, ми зібрали Yes/No map: клієнти обрали шість референсів, близьких до їхнього бачення, і шість, які точно не підходять, і пояснили вибір прикметниками. Так смак перетворився на конкретні правила — пастельні, але насичені кольори, скруглені картки й кнопки, реальні фото замість ілюстрацій. Далі ми розписали user flow «загубив / знайшов» і побачили, що найдовшу частину — дані про тварину — можна винести наперед, одразу після реєстрації.

Yes/No map Pet space з візуальними референсами.
User flow Pet space для сценаріїв «загубив» і «знайшов».

Рішення

Дві кнопки замість меню

Перший екран головної — дві великі картки з фото: «Загубився улюбленець» і «Знайшлась тваринка». Людині в паніці не треба шукати потрібний розділ: вона обирає свою ситуацію одним дотиком.

Головна Pet space з двома картками для загублених і знайдених тварин.

Оголошення в один клік

Профіль улюбленця з фото, породою, віком і Pet ID заповнюється заздалегідь, у спокійний момент. Коли тварина зникає, лишається вказати лише місце й час.

Створення оголошення про тварину в Pet space.
Профіль улюбленця в Pet space з даними та Pet ID.

Сайт і бот як одна система

Telegram-бот уже працював, тож ми не повторювали його функції, а спроєктували сайт навколо нього. Бот миттєво сповіщає, сайт дає мапу, оголошення й профілі, а локації з радіусом визначають, про яких тварин людина дізнається в Telegram.

Мапа та оголошення про тварин у Pet space.
Налаштування локацій і радіуса сповіщень у Pet space.

Інсайти

Проєктуйте для найгіршого моменту. Коли продуктом користуються в стресі, спокійні кроки — реєстрацію, дані про тварину — варто винести наперед. У критичний момент має лишатися мінімум дій.

Не дублюйте канал, який уже працює. Бот добре вмів сповіщати, тож сайт отримав те, чого боту бракувало: мапу, профілі й повні оголошення.

Релевантність важливіша за охоплення. Сповіщення про всіх тварин міста швидко стають шумом. Локації з радіусом лишають тільки тих тварин, яких людина справді може зустріти.

Добірка екранів сервісу Pet space.

Не знаєте, яка послуга вам потрібна? Розкажіть про задачу, і ми підкажемо найкращий формат та орієнтовну вартість.

Зв’язатися

Інші проєкти