BAHNFAN

BAHNFAN — Projektowanie aplikacji mobilnej

Stworzyłem kompleksowy projekt designu aplikacji mobilnej BAHNFAN, skierowanej do niemieckojęzycznych pasażerów transportu kolejowego. Projekt obejmował trzy kluczowe obszary: branding, rozwój systemu designu oraz projekt interfejsu użytkownika, które razem tworzą spójny i wygodny produkt cyfrowy.

Zakres prac

1. Branding

Zostało opracowane nowoczesne logo BAHNFAN z wykorzystaniem czystych form geometrycznych i uporządkowanego stylu wizualnego. Stworzono również firmową paletę kolorów oraz pomocnicze elementy graficzne w celu stworzenia rozpoznawalnej i spójnej wizualnej tożsamości aplikacji.

2. System designu (elementy UI)

Aby zapewnić spójność interfejsu, stworzono bibliotekę komponentów UI, która obejmuje:

• zestaw ikon dla funkcji związanych z transportem kolejowym (bilety, Wi-Fi, pasażerowie, wyposażenie wagonu itp.);
• określoną paletę kolorów z konkretnymi kodami kolorów (gradient, jasna zieleń, szary i ciemnoszary);
• wielokrotnego użytku podstawowe komponenty UI dla skalowalnego projektu interfejsu.

Ten system designu pomaga zachować wizualną spójność i przyspiesza dalszy rozwój produktu.

3. Projekt interfejsu użytkownika (UI)

Opracowano szczegółowe makiety głównych ekranów aplikacji mobilnej.

Główny ekran (Ekran główny)
Zawiera obraz podróżnych na dworcu kolejowym, główne ikony nawigacyjne oraz listę kluczowych funkcji aplikacji.

Ekran informacji o pociągu (Ekran informacji o pociągu)
Wyświetla pełną trasę z przystankami, czasem przybycia oraz wskaźnikami opóźnień, wyróżnionymi w interfejsie.

Ekran biletu (Ekran biletu)
Pokazuje szczegóły podróży: datę, stacje odjazdu i przybycia, czas trwania podróży oraz duży kod QR do zeskanowania biletu.

Ekran rezerwacji biletów (Ekran rezerwacji biletów)
Zawiera formularz wyszukiwania do wyboru stacji odjazdu i przybycia, a także daty podróży.

Ekran wyboru miejsca (Ekran wyboru miejsca)
Pokazuje szczegółowy schemat wagonu (np. „Wagon 21”), kierunek ruchu pociągu oraz ikony dostępnych udogodnień, takich jak strefy rodzinne i Wi-Fi.

Menu boczne (Menu boczne)
Ciemna belka nawigacyjna z pionową listą funkcji aplikacji oraz linkami do mediów społecznościowych.