Tripify
Кожна незаписана миля це 72.5 центи, лишені на дорозі.
Концепт-стаді застосунку для обліку миль для самозайнятих водіїв у США: увесь процес зафіксований, від дослідження і флоу до дизайн-системи на токенах і 21 екрана.
Роль
Product Designer, solo end-to-end
Платформа
iOS · concept
Строки
4 тижні
Скоуп
Research · UX · DS · 21 екран
Екран Routes у девайс-фреймі на брендовому синьому, по боках картка Unclassified і екран Reports.
cases/mileage/img_mileage_01.jpg@2x 3360×2100за милю: ставка вирахування IRS 2026, яку лишає по собі кожна незаписана поїздка
72.5¢
екран від вайрфрейму до hi-fi, усі прив’язані до токенів і стилів
21
дослідження → UX → UI → план валідації, у фіксовані строки
4 тижні
TL;DR · що я зробив
- Соло, повний цикл, усе зафіксовано: персона, journey map, юзер-флоу, вайрфрейми, дизайн-система, 21 екран.
- Ключовий інсайт: справжня робота це класифікація, а не трекінг. GPS запише поїздку сам, а от рішення «робоча чи особиста» це те, де люди провалюють аудит.
- Зібрав дизайн-систему в Light із готовим Dark: 110 змінних у 4 колекціях, 16 компонентів, нуль дрифту.
Огляд
Концепт, який грає за справжніми правилами.
Це концепт-стаді. Він не афілійований із жодною компанією і не вигадує продуктових метрик: кожна ринкова цифра тут має джерело, від ставки IRS 2026 за милю (Notice 2026-10) до масштабів, які заявляють про себе гравці ринку: 100 млрд+ записаних миль і 1 млн+ користувачів у MileIQ.
Цікава проблема тут не в тому, щоб намалювати трекер. Вона в тому, що вирахування за милі це задача про записи, вдягнена в костюм мап: IRS не питає, куди ти їхав, він вимагає датований, класифікований, задокументований журнал. Ця переоцінка керує кожним екраном.
Routes: лєджер поїздок із сумами вирахувань
cases/mileage/img_mileage_02.jpg@2x 3360×1890Unclassified trip: одна картка, одне свайп-рішення
cases/mileage/img_mileage_03.jpg@2x 1600×2133Mileage Reports: спершу долари, IRS-експорт в один тап
cases/mileage/img_mileage_04.jpg@2x 1600×2133Виклик
Проблеми і рішення.
Категорію визначають три точки провалу: люди забувають записувати, уникають класифікації і панікують у сезон податків. Кожна стала окремим флоу.
Проблема
Трекінг це морока
Самозайняті водії забувають записувати поїздки, бо запис конкурує з керуванням. Кожна забута поїздка це реально втрачене вирахування по 72.5 цента за милю.
Рішення
Визначення без жодного тапу
Поїздки записують себе самі через визначення руху. Робота людини зсувається з «не забудь почати» на «підтверди, що сталось», а це задача, яку спокійно можна зробити через кілька днів.
Проблема
Купа некласифікованого
Автоматичний запис створює нову проблему: гору поїздок без відповіді на єдине питання, яке ставить IRS. Робоча чи особиста?
Рішення
Один свайп, одне рішення
Кожна некласифікована поїздка це картка з одним жестом: свайп в один бік робоча, в інший особиста. Купа, яка відчувалась як домашка, розгрібається зі швидкістю інбоксу.
Проблема
Паніка перед аудитом
IRS Publication 463 вимагає датовані записи з пробігом, пунктом призначення і робочою метою. Історія мап це не запис, тому в квітні водії відновлюють журнали з пам’яті.
Рішення
Звіти, зроблені від IRS
Екран звіту генерується з обов’язкових полів Pub 463, а не з того, що застосунок випадково зберіг. Експорт дає саме той документ, який просить бухгалтер.
Дослідження
Меліса проїжджає 2 000 миль на місяць і не записує жодної.
Персона, ріелторка, яка жонглює показами по всій агломерації, зібрана з того, як гравці ринку себе продають і на що скаржаться їхні користувачі. У її шляху п’ять стадій, і емоційне дно не на дорозі: воно у квітні, коли вона відновлює місяці поїздок з календаря.
Journey mapping витягнув на поверхню переоцінку, на якій стоїть увесь концепт: захоплення це вирішена проблема, а от класифікація це та, яку всі закинули.
Аркуш персони + journey map на 5 стадій з кривою емоцій: квітневий обрив позначений як ціль дизайну.
cases/mileage/img_mileage_05.jpg@2x 2176×1224Інсайт
Продукт це рішення, а не мапа.
Конкуренти змагаються в точності визначення. Але визначення тільки наповнює купу, а купа все одно чекає на відповіді. Концепт ставить свій основний цикл на те, щоб відповідь давалась без зусиль.
GPS запише поїздку сам. Чого він не може, так це вирішити: робоча чи особиста? Це рішення і є продуктом.
User flow: три доріжки (capture / classify / report) з чипами дата-шару: що кожен крок пише в запис.
cases/mileage/img_mileage_06.jpg@2x 2176×1224Вайрфрейми
Спершу структура, оздоблення потім.
Кожен ключовий екран існує двічі: у сірому вайрфреймі, що фіксує ієрархію, і в hi-fi проході, який кладе поверх візуальну систему. Пари читаються поруч, тому кожне рішення про стиль лишається підзвітним структурному.
Пари wireframe vs hi-fi: Routes, Unclassified trip і Reports, вирівняні поруч.
cases/mileage/img_mileage_07.jpg@2x 3360×1890Дизайн-система
Маленька система, прив’язана повністю.
110 змінних у 4 колекціях: примітиви, семантична тема (Light зарелізена, Dark готова), сітка з кроком 4 і типографіка. 16 компонентів від Button до Trip Card і Number Keypad, у кожного опис для хендофу.
Усі 21 екран прив’язані до токенів і стилів з нульовим залишковим дрифтом, перевірено скриптом, а не оком.
Огляд foundations: колекції змінних, тип-рампа і сет із 16 компонентів на одній дошці.
cases/mileage/img_mileage_08.jpg@2x 3360×1890Ключові екрани
Три екрани тримають увесь цикл.
Routes
Головний список це лєджер, а не застосунок з мапами: кожна автовизначена поїздка з відстанню, сумою вирахування і станом класифікації одним поглядом.
Routes: автовизначені поїздки із сумами вирахувань
cases/mileage/img_mileage_09.jpg@2x 2176×2901Класифікація свайпом
Картка некласифікованої поїздки веде двома фактами, які визначають рішення, маршрутом і часом, і приймає рівно один жест у кожен бік.
Unclassified trip: свайп вправо business, вліво personal
cases/mileage/img_mileage_10.jpg@2x 2176×2901Звіти
Місячні підсумки подані спершу в доларах, милі другими, бо продуктом є саме вирахування. Один тап експортує набір записів за Pub 463.
Mileage Reports: доларові підсумки + IRS-експорт
cases/mileage/img_mileage_11.jpg@2x 2176×2901План валідації
Три гіпотези, до кожної прикріплений тест.
Концепт не може заявляти результати, тому він заявляє свої ставки. Кожна гіпотеза називає метрику, яка її спростує, а це рівно те, що ганяв би перший живий спринт.
H1 · Визначення піднімає захоплення
Автоматичне визначення поїздок піднімає частку записаних поїздок відносно ручного старт-стопу. Валідація: порівняти кількість поїздок із різницею одометра у двотижневому щоденниковому дослідженні.
H2 · Свайп розгрібає купу
Класифікація одним жестом тримає купу некласифікованого біля нуля. Валідація: час до порожнього інбоксу і частка покидань у модерованому юзабіліті-раунді.
H3 · Звіт це момент ретеншну
Цінність доходить, коли експорт зустрічається з бухгалтером, тому ретеншн має стрибати навколо податкових дедлайнів. Валідація: активність когорт відносно дат подачі.
Висновки
Чого мене навчив цей проєкт.
Чесна рамка це фіча
Цей кейс не заявляє вигаданих користувачів чи виручки. Ринкові цифри з джерелами плюс повний процес виявились сильнішою історією, ніж будь-які сфабриковані «результати».
Концепт це не спрощений режим
Робота без клієнта прибирає обмеження, тому я наклав їх сам: фіксовані 4 тижні, документація IRS замість технічного завдання і система на токенах з нульовим дрифтом.