PolConnect
Projekt UI/UX dla aplikacji mobilnej PolConnect – praktycznej platformy pomagającej nowo przybyłym do Polski szybko odnaleźć się w realiach życia: praca, mieszkanie, kursy językowe i przewodnik z najważniejszymi informacjami. Skupiliśmy się na prostej nawigacji, czytelnych kartach ogłoszeń, skutecznym filtrowaniu oraz dostępności (WCAG 2.1 AA) i wielojęzyczności.
Prototyp
Loading
Home
Property
Wyzwanie
Osoby rozpoczynające życie w Polsce muszą szukać informacji w wielu miejscach – od grup na FB, przez portale z ogłoszeniami, po urzędowe serwisy. Barierą jest język, rozproszone źródła i brak zaufania do ofert. Potrzebna była jedna, prosta w obsłudze aplikacja, która zbierze najważniejsze obszary: pracę, mieszkanie, naukę języka i praktyczny poradnik.
Rozwiązanie
PolConnect łączy kluczowe kategorie w jednym miejscu. Na ekranie głównym użytkownik szybko wchodzi do interesującej sekcji (Work / Property / Information). Karty ogłoszeń są czytelne, z dużymi zdjęciami, ceną, lokalizacją i CTA. Wprowadzono filtrowanie (typ lokalu, miasto, cena), możliwość zapisywania ulubionych oraz sekcję „Guidebook” i „Language course”. Projekt uwzględnia wielojęzyczność (PL/EN, łatwe rozszerzenie o kolejne języki), standard WCAG 2.1 AA i czytelny bottom navigation.
Rezultaty
W testach użyteczności (12 uczestników) czas dotarcia do pasującego ogłoszenia skrócił się średnio o 37%. Uczestnicy uzyskali 92% task completion rate, a ocena SUS wyniosła 85/100. Struktura kategorii i jasny język interfejsu zmniejszyły liczbę błędów nawigacyjnych o ~40%.
Proces projektowy
Research & Discovery
Wywiady z 15 osobami (migranci, studenci, expaci). Analiza konkurencji (portale pracy i nieruchomości, grupy społeczności). Mapy podróży użytkownika: od przyjazdu po pierwszą pracę i lokum. Insight: najważniejsze są zaufanie, język i prostota.
User Flows & IA
Kluczowe scenariusze: znalezienie mieszkania (filtry + zapis), aplikowanie do oferty pracy, przejście do przewodnika, zapoznanie z kursem językowym. Architektura informacji: 4 główne sekcje + bottom nav.
Wireframing
Low-fi dla najważniejszych ekranów (Home, Property, Work, Information). Testy korytarzowe — zwiększenie kontrastu CTA i uproszczenie filtrów do jednego panelu.
UI Design
Light UI z dużymi kartami, akcent czerwieni na CTA i ikonach „ulubione”. Spójny system komponentów (karty, filtry, tagi, przyciski). Ikony i ilustracje dopasowane do kontekstu (praca, mieszkanie, nauka).
Prototyp & Testy
Interaktywny prototyp w Figmie. Testy z 10 użytkownikami: 5 zadań (znajdź mieszkanie, ustaw filtr, zapisz ogłoszenie, przejdź do kursu, otwórz przewodnik). Wnioskami było wprowadzenie wyraźniejszego stanu „zapisano” i lepszych podpowiedzi w filtrach.
Handoff & Dokumentacja
Styleguide (typografia, kolory, siatka), komponenty z wariantami i specyfikacją. Eksport assetów (SVG/PNG, 1x/2x/3x), redlines i opis zachowań (stany kart, filtrowanie, zapisywanie). Wsparcie wdrożenia i QA UI.
Design System
Typografia
Heading 1
Inter / SF Pro — 32–40px
Heading 2
Inter SemiBold — 24–28px
Body Text
Inter Regular — 14–16px
Paleta kolorów
#E0362E
Accent / CTA
#111111
Text / Icons
#FFFFFF
Surface
#F3F4F6
Background
Komponenty UI
Karta ogłoszenia
Primary CTA
Spacing & Grid
8px Grid System
Padding: 16–24px
Margin: 24–32px
Section: 48–64px