BAHNFAN

BAHNFAN — Дизайн мобільного застосунку

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

Обсяг робіт

1. Брендинг

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

2. Дизайн-система (UI-елементи)

Для забезпечення узгодженості інтерфейсу було створено бібліотеку UI-компонентів, що включає:

• набір іконок для функцій, пов’язаних із залізничними перевезеннями (квитки, Wi-Fi, пасажири, обладнання вагона тощо);
• визначену кольорову палітру з конкретними кодами кольорів (градієнт, яскравий зелений, сірий і темно-сірий);
• повторно використовувані базові UI-компоненти для масштабованого дизайну інтерфейсу.

Ця дизайн-система допомагає зберігати візуальну узгодженість і пришвидшує подальшу розробку продукту.

3. Дизайн інтерфейсу користувача (UI)

Було розроблено детальні макети основних екранів мобільного застосунку.

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

Екран інформації про поїзд (Train Information Screen)
Відображає повний маршрут із проміжними станціями, часом прибуття та індикаторами затримок, виділеними в інтерфейсі.

Екран квитка (Ticket Screen)
Показує деталі поїздки: дату, станції відправлення та прибуття, тривалість подорожі та великий QR-код для сканування квитка.

Екран бронювання квитків (Ticket Booking Screen)
Містить форму пошуку для вибору станцій відправлення та прибуття, а також дати поїздки.

Екран вибору місця (Seat Selection Screen)
Показує детальну схему вагона (наприклад, «Вагон 21»), напрямок руху поїзда та іконки доступних зручностей, таких як сімейні зони та Wi-Fi.

Бічне меню (Side Menu)
Темна навігаційна панель із вертикальним списком функцій застосунку та посиланнями на соціальні мережі.