Materiały z Behance: behance.net/KosmaOstrowski. Opisy powstały na podstawie opisów projektów na Behance i stron autora.
Case studies
Trzy projekty bankowe: zakres, rola i to, co wynika z moich materiałów.
CASE STUDY 1 · ALIOR BANK · ALIOR MOBILE
Alior Mobile: projektowanie funkcji i rozwój warstwy wizualnej
Rola
Expert ds. User Experience
Zakres
UX/UI, Product Design i Design System
Platformy
iOS i Android
Narzędzia
Figma
Co projektowałem
Funkcje i interfejsy aplikacji: powiadomienia, wiadomości, kontakt i pomoc, profil oraz ustawienia. Współtworzyłem nową warstwę wizualną aplikacji i jej warianty.
Jak pracowałem
Współpracowałem z zespołem Design System przy przekładaniu projektów ekranów na skalowalne, wielokrotnego użytku komponenty w Figmie. Współpracowałem z zespołami produktu i dostawcami.
Mobile Trends Awards 2025Gala laureatów: 26 marca 2026Alior Mobile zwyciężył w kategorii „Bankowość mobilna” za nową odsłonę wprowadzoną w 2025 r. Nagroda dla produktu, o wyniku zadecydowała kapituła konkursu.Zobacz informację o nagrodzie →
CASE STUDY 2 · ALIOR BANK · KONCEPCJA WWW / APP / SYSTEMY · STYCZEŃ 2025
Alior Bank: koncepcja spójnego języka wizualnego dla ekosystemu cyfrowego
Problem: niespójny, przeładowany interfejs bez wyraźnego związku z marką. Odpowiedź: jeden język wizualny oparty na identyfikacji Aliora, rozpisany na mobile, tablet i web.
Projektant nowej aplikacji, odpowiedzialny za opracowanie jej stylu wizualnego (GUI)
Rodzaj pracy
Propozycja kierunku wizualnego i systemu UI: logo/branding, aplikacja mobilna, tablet, web, CES
Materiał
Prezentacja „New Alior, kierunek 1.2, styczeń 2025", 42 strony
Status
Prezentacja opisuje się jako jedną z propozycji i możliwy punkt wyjścia do dalszych prac nad wspólnym design systemem. To koncepcja, nie opis wdrożonego produktu.
Kontekst i problem: interfejs bez wspólnego języka
Analiza stanu obecnego zebrała problemy interfejsu i marki w jednej mapie. Wśród nich: brak nawiązania do brandingu, brak spójności i konsekwencji wizualnej, niejednoznaczne elementy interaktywne, brak hierarchii typografii, przeładowanie ekranów, zbyt wiele stylów ilustracji i zdjęć oraz przestarzały design.
Mapa problemów (slajd „Dziś")
Cele: spójność, czytelność i dostępność
Założenia na jutro to m.in. spójność wizualna na wszystkich ekranach aplikacji, nawiązania do brandingu, prosta hierarchia fontów, więcej wolnej przestrzeni, czytelność, dostępność cyfrowa (WCAG), inkluzywność i responsive design. Hasła przewodnie: „less is more" i „keep it stupid & simple".
Założenia koncepcji (slajd „Jutro")
Decyzja: marka jako punkt oparcia interfejsu
Logo i identyfikacja Alior Banku stały się bazą dla warstwy interfejsu: modułowość, plaski kolor i gradient, kontrastowe kolory, klasyczna typografia oraz nawiązanie do antycznej Grecji z marki.
Z identyfikacji marki do języka interfejsu
Rozwiązanie: ten sam język na każdym urządzeniu
Aplikacja mobilna
Tablet
Desktop WWW
CES WWW
Ten sam język wizualny rozpisany na aplikację mobilną, tablet, desktop WWW i wersję CES WWW. W aplikacji pokazane są m.in. ekran główny, szybkie akcje i profil jako centrum z przełączaniem profili prywatnego i firmowego.
CASE STUDY 3 · BNP PARIBAS BANK POLSKA · GOONLINE I GOMOBILE
GOonline i GOmobile: rozwój funkcji i bibliotek komponentów
Rola
UX i Design System, specjalista / ekspert, III 2020 - X 2022, zdalnie, kontrakt
Produkty
GOonline, GOmobile
Narzędzia
Sketch, Abstract
Co projektowałem
Interfejsy nowych funkcji GOonline i GOmobile. Rozwijałem design system i biblioteki komponentów, współpracując z zespołami produktu i dostawcami.
Publiczny kontekst produktu
GOmobile to aplikacja mobilna Banku BNP Paribas. Poniższe informacje pochodzą z publicznych komunikatów banku. To opis produktu, a nie dokumentacja mojego wkładu.
Czerwiec 2020, wersja 2.3: bank opisał odświeżony interfejs z listą produktów, spójny z pozostałymi kanałami zdalnymi, oraz łatwiejsze dodawanie karty do Google Pay. Informacja prasowa BNP Paribas
Marzec 2022, wersja 2.13: bank opisał zmiany w nawigacji (sekcje Start, Finanse, Płatności, Dla Ciebie, Usługi), rozkładanie na raty zaksięgowanych transakcji kartą kredytową oraz nową sekcję Dla Ciebie z ofertami i wnioskami. Blog BNP Paribas
Ekrany aplikacji GOmobile
Publiczne ekrany produktu z materiałów prasowych BNP Paribas Bank Polska (czerwiec 2020, wersja 2.3). Grafiki należą do banku i pokazuję je jako kontekst produktu, za jego zgodą. Nie są dokumentacją mojego wkładu. Mój udokumentowany wkład w latach 2020-2022 to opis w sekcji „Co projektowałem” powyżej.
