Ми переосмислили скретч-карту — ось як це було

Продовжуємо серію історій про новий tTravel — застосунок, що народився з пристрасті та витримки.

Одне з найбільших нововведень у tTravel 2.0 — це Scratch Map, наша інтерактивна скретч-карта. Звісно, сама по собі ця функція — не революція. У багатьох наших конкурентів вона вже давно реалізована. Але пам’ятаєте, що ми писали у статті про створення додатку під час війни? У конкурентів — маса переваг. Щоб виділитися, ми мали розсунути межі звичного та підійти до знайомих функцій із креативною сміливістю.

Наша мета була проста, але амбітна: створити карту настільки впізнавану й неочікувану, щоб tTravel неможливо було сплутати з жодним іншим застосунком.

Нитки

Ідея поєднати скретч-карту з маскотом Mі у гейміфікований спосіб з’явилася у мене давно. Я уявив, як з голови Mі виростають «нитки» й простягаються до карти, зафарбовуючи країни, які користувач додав до розділів Плани або Спогади. Це здавалося цікавим і новаторським, але реалізація виявилась непростою.

Спочатку ми просто наклали нитки поверх карти, які закінчувалися геопінами. Це ще працювало для кількох країн. Але як тільки користувач додавав цілі континенти — екран перетворювався на хаотичне павутиння. Ми навіть були близькі до того, щоб повністю відмовитись від ниток. Подивіться самі:

Та нас врятував мозковий штурм. Ми зробили кілька важливих змін:

• Зробили нитки тоншими й менш помітними (низька прозорість)
• Перемістили нитки на нижній шар, «сховавши» їх під картою
• Замінили геопіни на маленькі точки, зробивши все лаконічнішим

Ці кроки перетворили сиру ідею на витончену й функціональну особливість.

Але найкраще в нитках те, що вони “живі”! Це — ідея нашого CTO. Завдяки вбудованому акселерометру смартфона нитки реагують на нахил телефону: похитуються з боку в бік, створюючи гіпнотичний, «живий» ефект. Така динаміка зробила головний екран більш емоційним і збільшила середню тривалість сесій.

🎥 Читайте також окрему статтю про філософію Mі, щоб глибше зрозуміти сенс ниток.

Два шари: Плани та Спогади

Спочатку ми планували єдиний шар карти з різними кольорами. Але коли одна й та сама країна з’являлася і в планах, і в спогадах — усе зливалося в незрозумілу пляму.

Тоді ми вигадали: дозволити перемикати шари, провівши пальцем по кубу (голові Mі) в будь-якому напрямку. Куб буквально повертається, змінюючи перспективу.

• Плани ми пофарбували в зелений — як символ свіжості та нових починань.
• Спогади отримали помаранчевий — теплий, насичений, емоційний колір, що нагадує про найяскравіші спогади.

Напівтони

Якщо придивитися, кольори наших шарів — не однорідні. Вони мають різні відтінки. Поки що ці відтінки розміщені випадково, але зовсім скоро вони набудуть глибшого значення.

Ми впровадимо часову логіку:

• Яскраві відтінки — для нещодавно доданих країн
• Приглушені — для спогадів, що з часом «вицвітають», як старі полароїди

Цю ідею — теж від CTO — надихнула аналогова фотографія. Карта стане живим архівом мандрів.

Плани на майбутнє

Ми лише починаємо розкривати потенціал скретч-мапи. Попереду:

• Часові відтінки — кожен колір розповідатиме історію
• Повноекранний режим — і це буде бомба! У більшості конкурентів можна відмітити лише всю країну, а ми дозволимо відзначати конкретні області, які ви дійсно відвідали. Деталі поки не розкриваємо, але ми гарантуємо: такого ви ще не бачили.

Висновок

Скретч-карта у tTravel 2.0 — це не просто чергова функція. Це маніфест креативності. Кожен елемент — від анімованих ниток до глибокої символіки кольорів — відображає наше прагнення створити щось унікальне, живе й надихаюче.

Ми тільки починаємо. Попереду ще більше оновлень, які зроблять tTravel справжнім тревел-компаньйоном нового покоління. Слідкуйте за новинами — ми продовжуємо переосмислювати саму суть подорожі.