← Wróć do portfolio

O MAMO! / PRODUCT UI · UX / CHILDCARE

Nie plansza ze screenami.
Produkt, który można przejść.

Dwustronny marketplace, w którym rodzic znajduje opiekunkę, a opiekunka rodzinę potrzebującą wsparcia. Case study pokazuje drogę od pierwszego wyszukiwania do potwierdzonej rezerwacji.

ProjektO mamo! RolaUX / UI Designer ModelDwustronne dopasowanie ŹródłoFigma
PRODUCT FLOW01-08
FIGMA SOURCEUI preserved 1:1

PROBLEM / HIPOTEZY PROJEKTOWE

Decyzja o opiece wymaga więcej niż filtrów.

W marketplace opieki problemem nie jest brak opiekunek, tylko koszt poznawczy i emocjonalny decyzji. Filtry pomagają zawężać listę, ale same nie budują zaufania.

Nowy kierunek porządkuje doświadczenie wokół dopasowania, dowodów bezpieczeństwa i ciągłości procesu: od pierwszego wyszukiwania do potwierdzonej rezerwacji.

KONTEKST / PROJEKT ŹRÓDŁOWY

Źródłowy projekt i jego język wizualny.

Ta sekcja dokumentuje bazę wizualną projektu: charakterystyczne zdjęcie, responsywne warianty, miękką paletę oraz połączenie Source Sans Pro z akcentem Lora.

Źródłowy ekran hero O MAMO! z Figmy: dzieci po lewej, wyszukiwarka z opcjami Szukam opiekunki i Jestem opiekunką
Desktop hero · źródłowy Figma
Tabletowy wariant źródłowego hero O MAMO!
Tablet
Mobilny wariant źródłowego hero O MAMO!
Mobile

PROCES / 08 EKRANÓW

Jedna ścieżka.
Krok po kroku.

Ścieżka rodzica prowadzi kolejno od wyszukiwania i wyboru opiekunki, przez kontakt, do krótkiej płatności. Produkt działa również w drugą stronę: opiekunka może znaleźć rodzinę i odpowiedzieć na jej potrzebę.

01 / 08

Start i wyszukiwanie

Wyszukiwanie ma pomagać podjąć decyzję, nie ją komplikować. Dlatego już na starcie użytkownik wybiera swoją rolę i podaje tylko lokalizację potrzebną do pokazania trafnych wyników.

LIVE · kliknij pole wyszukiwania
Oryginalny ekran startowy O mamo! z Figmy

02 / 08

Lista opiekunek

Lista prowadzi od lokalizacji do konkretnych opiekunek. Cena, dostępność, doświadczenie, weryfikacja i opinie są widoczne bez otwierania kolejnych warstw, dzięki czemu profile można szybko porównać.

LIVE · wybierz profil lub zapisz do ulubionych
Oryginalna lista opiekunek O mamo! z Figmy

03 / 08

Pełny profil opiekunki

Profil ma zbudować zaufanie przed pierwszym kontaktem. Łączy dostępność, doświadczenie, opinie, zakres opieki i stawkę, aby rodzic mógł ocenić dopasowanie bez szukania informacji w kilku miejscach.

LIVE · ulubione · więcej · kontakt · sekcje profilu
Oryginalny profil Aleksandry w O mamo! z Figmy

PEŁNY PROFIL OPIEKUNKI

Cały profil, dokładnie w kolejności projektu

Opis → Dostępność → Kalendarz → Doświadczenie → O mnie → Lokalizacja. Kliknij sekcję, żeby przeskoczyć do niej w pełnym profilu.

Aleksandra K., opiekunka z Krakowa

OPIEKUNKA · KRAKÓW

Aleksandra K.

8/103 opinie
● Pełen etat5 lat doświadczenia39 lat

Dzień dobry. Jestem nianią dorywczą od 4 lat. Zajmuję się dziećmi u siebie na Grunwaldzie lub w domu rodziców.

DOSTĘPNOŚĆ

Wybierz dzień i godzinę

Wolne terminy są widoczne od razu. Kliknij dzień, a potem godzinę.

WYBRANY TERMINBrak terminuWybierz godzinę
Wrzesień 2026
PonWtŚrCzwPtSobNie
DOSTĘPNE GODZINY

DOŚWIADCZENIE

Opieka dopasowana do wieku dziecka

O MNIE

Kompetencje i preferencje

Kliknij element, aby zaznaczyć go jako ważny przy wyborze opiekunki.

Wykształcenie i kursy
Komunikacja
Aktywności z dziećmi
40 zł / godz.Aleksandra odpowiada zwykle w ciągu godziny.

LOKALIZACJA

Kraków, Dębniki

Dokładny adres pozostaje prywatny do momentu potwierdzenia rezerwacji.

04 / 08

Czat

Kontakt powinien być dostępny dokładnie wtedy, gdy pojawia się pytanie. Czat, połączenie i wideo pozostają w jednym miejscu, co skraca drogę do ustalenia szczegółów i zmniejsza ryzyko rezygnacji.

LIVE · czat · wysyłanie · połączenie · wideo
Oryginalny ekran czatu O mamo! z Figmy

05 / 08

Podsumowanie rezerwacji

Podsumowanie ogranicza ryzyko pomyłki przed płatnością. Dane opiekunki, termin, liczba godzin, stawka i pełna kwota są widoczne razem, więc użytkownik dokładnie wie, co potwierdza.

LIVE · przejdź dalej
Ekran podsumowania płatności O MAMO! z danymi Aleksandry, terminem, stawką i kwotą 105 zł

06 / 08

Adres

Adres jest potwierdzeniem, a nie kolejnym formularzem. Pokazanie zapisanych danych zmniejsza wysiłek użytkownika i pozwala szybko wychwycić błąd przed opłaceniem usługi.

LIVE · potwierdź i wybierz płatność
Ekran potwierdzenia adresu usługi opieki O MAMO! z przyciskiem wyboru rodzaju płatności

07 / 08

Rodzaj płatności

Wybór płatności nie powinien zatrzymywać użytkownika na końcu procesu. Trzy znane metody, stale widoczna kwota i jeden główny przycisk upraszczają finalizację rezerwacji.

LIVE · wybierz metodę i zapłać
Ekran wyboru płatności O MAMO! z metodami BLIK, PayU i G Pay oraz kwotą 105 zł

08 / 08

Potwierdzenie

Po płatności użytkownik potrzebuje pewności, że wszystko się udało. Jednoznaczny status, data, metoda i kwota zamykają proces oraz ograniczają potrzebę kontaktu z obsługą.

LIVE · faktura lub powrót
Ekran potwierdzonej płatności O MAMO! z kwotą 105 zł, metodą BLIK i przyciskami Faktura oraz Wróć do strony

FUNDAMENTY / SYSTEM UI

Miękko, ale nie infantylnie. Bezpiecznie, ale bez ciężkości.

Paleta i typografia są bezpośrednio zaczerpnięte z projektu i tworzą spójny, przyjazny system wizualny O MAMO!.

Kolor

#16333C#275868#5995A8#A8C9D1#CDDFE4#FF8C6F#F9F1EC#FFFCFA

Typografia

Fira Sans
nagłówki i orientacja
Lora Italic
emocjonalny akcent
Source Sans Pro
interfejs, etykiety, treść

O MAMO! / CASE STUDY

Od potrzeby do potwierdzenia.
Bez zbędnych kroków.

Case study łączy źródłowy projekt wyszukiwania i komunikacji ze skróconym, uporządkowanym procesem płatności.