Let’s Boat: Дизайн маркетплейса морських пригод, яхт та шкіл шкіперів

Let’s Boat — це спеціалізований вебпортал, створений для любителів активного відпочинку на воді. Платформа об’єднує кілька напрямків: оренду яхт і катамаранів, бронювання авторських морських турів, а також навчання у шкіперських школах. Головним завданням було перетворити великий масив специфічних даних (характеристики суден, розклади курсів, географію напрямків та інтерактивні календарі) на простий, інтуїтивний та естетичний інтерфейс.

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

Ми розробили структуру для ключових сценаріїв:

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

Візуальна концепція та UI-дизайн

Візуальна мова проєкту поєднує атмосферу морської свободи та чистоту функціонального дизайну.

Картки суден та турів: Розроблено інформативні картки, які вміщують усі ключові параметри (місткість, довжина, кількість кают, зручності на борту та актуальні знижки) без перевантаження візуального простору.
Напрямки (Destinations): Візуальна сітка локацій (Хорватія, Греція, Іспанія, Туреччина та інші) з акцентом на якісний фотоконтент та швидку навігацію.

Кастомна іконографіка (Icons & UI Elements)

Окрему увагу було приділено створенню унікального набору іконок. Вони використовуються для позначення технічних характеристик та зручностей на яхтах (генератори, кондиціонери, сонячні панелі, системи опреснення води тощо), а також для маркування типів активностей та індикаторів статусу подій. Це додало інтерфейсу цілісності та впізнаваності.

Інтерактивні інструменти (Calendar & Filters)

Складною та важливою частиною проєкту стала розробка зручних інструментів пошуку:

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

Цей проєкт став чудовим досвідом проєктування складної сервісної екосистеми з нуля — від початкових вайрфреймів до деталізованої інтерфейсної системи, кастомних іконок та зручних інструментів пошуку.

Дякую за перегляд! Буду радий вашим коментарям, лайкам та відгукам.
Відкритий до нових цікавих проєктів та колаборацій.

Want to build something similar?