Szybko jednak było jasne, że to dobry moment na coś więcej.
Decyzja o dark mode
Przejście na ciemny motyw było moją propozycją.
Nie było to wymaganie biznesowe ani gotowe założenie.
Patrząc na charakter aplikacji i sposób jej używania, jasny interfejs przestawał mieć sens. To produkt audio, z którego korzysta się długo, często wieczorem, w skupieniu, bez ciągłego patrzenia w ekran.
Ciemny motyw:
- jest mniej męczący dla wzroku
- sprzyja koncentracji
- lepiej pasuje do spokojnego, refleksyjnego charakteru treści
To była decyzja projektowa wynikająca z kontekstu, nie z trendów.
Punkt wyjścia
Na start miałam:
- 21 gotowych ekranów
- nowe logo i nową nazwę
- jeden zaproponowany kolor przewodni
- brak pełnej palety kolorów
Cała reszta wymagała zaprojektowania od nowa.
Budowanie nowej kolorystyki
Bazując na kolorze przewodnim, stworzyłam pełną paletę pod dark mode.
Zależało mi na tym, żeby interfejs był spokojny, czytelny i nieprzytłaczający.
Pracowałam nad:
- kilkoma poziomami tła
- kontrastem tekstów
- kolorami ikon i akcentów
- subtelnym gradientem, który dodaje głębi, ale nie odciąga uwagi od treści
W ciemnych interfejsach bardzo łatwo przesadzić, dlatego każdy element był sprawdzany pod kątem czytelności i balansu.
Rebranding w istniejących ekranach
Rebranding nie ograniczał się do podmiany logo.
Każdy z 21 ekranów został przejrzany pod kątem:
- nowej nazwy aplikacji
- dopasowania logo do ciemnego tła
- spójności wizualnej
- zachowania hierarchii informacji
Zależało mi na tym, żeby marka była obecna, ale nie dominowała. W tej aplikacji najważniejsza jest treść i doświadczenie słuchania.
Nowe ekrany
W ramach projektu powstało też kilka nowych widoków.
Projektowałam je już w nowej kolorystyce, pilnując, żeby wyglądały jak naturalna część aplikacji.
Bez wizualnych fajerwerków.
Prosto, logicznie, spójnie z resztą systemu.
Efekt końcowy
Celem było stworzenie wrażenia, że aplikacja od początku była zaprojektowana w ciemnym motywie, a nie że dark mode zostało dodane przy okazji rebrandingu.
Ten projekt dobrze pokazuje moje podejście do UI:
- decyzje wynikające z kontekstu użycia
- praca na istniejącym produkcie bez burzenia jego struktury
- skupienie na spokoju, czytelności i konsekwencji
To nie był lifting wizualny. To było świadome uporządkowanie interfejsu pod nową identyfikację i realny sposób korzystania z aplikacji.
Projekt realizowany przy współpracy z fireup.pro