Case Study: Projektowanie UI/UX — Figma i Webflow w praktyce

FigmaUI/UXWeb & MobileZakończony

1_Case Study Aplikacja 2

Data

2024-2025

Client

Artex

Typ projektu

Product / UI design / UX collaboration

Funkcja

UX/UI Designer

Przegłąd projektu

Platforma sprzedażowa B2B dla producenta serwetek

Galeria projektu

Ekrany, flow i design system

Katalog produktów

Widok katalogu z filtrami, sortowaniem i kartami produktów — optymalizowany pod kątem B2B.

Szczegóły produktu

Ekran szczegółowego widoku produktu z opisem, cenami hurtowymi i dostępnością magazynową.

Flow — Proces zamówienia

Ścieżka zamówienia od koszyka przez wybór dostawy i formy płatości do potwierdzenia zakupu.

Flow — Panel zarządzania

Panel administratora platformy z raportami sprzedaży i zarządzaniem produktami oraz zamówieniami.

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

Ekran testu na prawo jazdy kategorii A z pytaniami i trzema odpowiedziami oraz opcją pokazania wyjaśnienia.

Aplikacja Prawo Jazdy

← Poprzedni projekt Aplikacja Egzaminacyjna Zillow Następny projekt → Portal z Ogłoszeniami Worlplynet

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.