Case Study: Projekt UI/UX w Figmie i wdrożenie Webflow

FigmaUI/UXAplikacja MobilnaZakończony

1_Case Study Aplikacja 1

Data

2024-2025

Client

z Polski Zillow

Typ projektu

Product / UI design / UX collaboration

Funkcja

UX/UI Designer

Przegłąd projektu

Projektowanie wielofunkcyjnej aplikacji

Galeria projektu

Ekrany, flow i design system

Ekrany Mobile — przegląd

Zestaw ekranów aplikacji mobilnej z widokami subskrypcji, podsumowań zamówień, aktywacji karty podarunkowej i statystyk egzaminów.

Flow — Kurs i nauka

Interfejs aplikacji desktop do nauki przepisów ruchu drogowego: lista kursów, lekcja z zasadami i potwierdzenie ukończenia.

Flow — Zmiana hasła

Proces zmiany hasła na stronie logowania: od wpisania loginu po potwierdzenie nowego hasła.

Tokeny kolorów

Panel zmiennych tokenów kolorów z kategoriami tła i przycisku dla trybów jasnego i ciemnego.

System typografii

Tabela zmiennych typografii z kolumnami Desktop i Mobile — rodziny czcionek, grubość i rozmiary dla interfejsu.

Status projektu

Projekt zakończony

2_Inne Projekty

Pozostałe Case Studies

Strona internetowa Workplay.net z nagłówkami 'Helping you to get paid faster' i 'We'll help digitally transform your business' oraz widokiem pulpitu na laptopie.

Portal z Ogłoszeniami

Stół drewniany na zewnątrz nakryty lnianym obrusem, z talerzami, sztućcami i białymi serwetkami na talerzach.

Platforma Sprzedażowa

← Poprzedni projekt Portal z Ogłoszeniami Worlplynet Następny projekt → Platforma Sprzedażowa Artex

3_faq

Pytania o proces i współpracę

Jak wygląda praca z designerem UI/UX — od pierwszego kontaktu po odbiór projektu.

Jak wygląda Twój proces projektowania UI/UX? +

Proces dzielę na 4 etapy:

1. Discovery — analiza potrzeb użytkowników, konkurencji i celów biznesowych
2. Wireframing — szkice i lo-fi prototypy w Figmie, ustalenie architektury informacji
3. UI Design — pełny projekt wizualny z design systemem, komponentami i tokenami
4. Prototyping & Handoff — interaktywny prototyp + dokumentacja dla developerów

Co to jest Design System i dlaczego jest ważny? +

Design System to zbiór wielokrotnie używalnych komponentów (przyciski, formularze, karty, modale) z określonymi zasadami ich używania. Dzięki niemu:

✓ Produkt wygląda spójnie na wszystkich ekranach
✓ Developers szybciej implementują nowe funkcje
✓ Przyszłe zmiany są łatwiejsze i tańsze
✓ Marka jest rozpoznawalna na wszystkich punktach kontaktu

Jak długo trwa projekt UI/UX w Figmie? +

Zależy od złożoności:

Landing page / prosta aplikacja: 1–2 tygodnie
Średnio złożona aplikacja (10–20 ekranów): 3–5 tygodni
Kompleksowy produkt (30+ ekranów + design system): 6–12 tygodni

Przed startem otrzymujesz harmonogram z konkretnymi etapami i terminami.

Czy mogę edytować projekt po wdrożeniu samodzielnie? +

Tak — pliki Figma są Twoją własnością. Dostaniesz pełen dostęp do projektu z możliwością edycji. Dołączam dokumentację komponentów i krótkie wideo z objaśnieniem struktury pliku, żebyś mógł samodzielnie wproąwadzać zmiany. Oferuję też godziny konsultacyjne, jeśli potrzebna jest pomoc.

Jakich narzędzi używasz w pracy? +

Design: Figma (UI, prototypy, design system, FigJam dla UX)
Implementacja: Webflow, HTML/CSS, JavaScript
Automatyzacje: Make.com, Zapier, API REST
Zarządzanie projektem: Notion, Linear, Slack
Testy i analityka: Hotjar, Google Analytics, Lighthouse

Jak mogę zamówić podobny projekt? +

Najszybciej przez bezpłatną konsultację — umaw iamy się na 30-minutową rozmowę online, omawiamy zakres i potrzeby, a ja przesyłam ofertę w ciągu 24–48h. Możesz też wypłenić formularz kontaktowy — opisz projekt i oczekiwania, a odpowiem najszybciej jak to możliwe.