БАХНФАН

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) Темная навигационная панель с вертикальным списком функций приложения и ссылками на социальные сети.