UI/UX Przeprojektowanie e-Commerce dostawy kwiatów
Desktop: https://www.figma.com/proto/kuTyEjhW4OLy3ppn3YDA88/%D0%A4%D0%BB%D0%BE%D1%80%D0%B8%D1%81%D1%82%D0%BA%D0%B0?page-id=141%3A4211&node-id=141-4212&viewport=555%2C176%2C0.02&t=cneO0k85zoZx1ASz-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=141%3A4212&show-proto-sidebar=1
Mobile: https://www.figma.com/proto/kuTyEjhW4OLy3ppn3YDA88/%D0%A4%D0%BB%D0%BE%D1%80%D0%B8%D1%81%D1%82%D0%BA%D0%B0?page-id=386%3A13719&node-id=391-28179&viewport=2165%2C660%2C0.27&t=tuaq7OC90I0749pT-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=391%3A28179&show-proto-sidebar=1
O projekcie i głównym celu:
Ten projekt to kompleksowe przemyślenie internetowego sklepu florystycznego. Głównym celem było całkowite unowocześnienie wizualnego designu (przejście do estetycznego, minimalistycznego i premium wyglądu), a także rozwiązanie krytycznych problemów UX platformy. Przestarzały i przeciążony interfejs odwracał uwagę od produktu, dlatego skupiłam się na stworzeniu czystej przestrzeni, w której głównym akcentem jest piękno samych bukietów. Ponadto celem było zoptymalizowanie lejka sprzedażowego: uczynienie ścieżki użytkownika od wyszukiwania do płatności maksymalnie bezproblemową oraz zwiększenie średniego koszyka dzięki zintegrowanym narzędziom marketingowym.
Kluczowe rozwiązania i zrealizowane funkcjonalności:
• Opracowanie skalowalnego systemu designu: Od podstaw zbudowano pełnoprawną bibliotekę komponentów UI według metodologii Atomic Design. Wykorzystanie nowoczesnych możliwości Figma (Zmienne, Auto Layout, Warianty) zapewniło idealną wizualną spójność wszystkich ekranów i przygotowało solidną bazę do szybkiego rozwoju i przyszłej skalowalności strony.
• Optymalizacja i uproszczenie procesu zakupu: Największy ból użytkowników – nieporęczny formularz zamówienia – został przekształcony w logiczny 3-krokowy akordeon (Twoje dane -> Dostawa -> Płatność). Wprowadzono inteligentny przełącznik "Dla siebie / Dla innej osoby", który dostosowuje pola formularza, znacznie zmniejszając obciążenie poznawcze i redukując ryzyko porzuconych koszyków.
• Strategia zwiększenia średniego koszyka (Cross-sell & Upsell): Organicznie i nienachalnie wkomponowane bloki dodatkowych usług. Sekcje „Razem taniej” oraz możliwość szybkiego dodania kartki lub cukierków zrealizowane bezpośrednio w karcie produktu oraz w wysuwającym się koszyku (Drawer), co stymuluje klienta do spontanicznych zakupów przed samą płatnością.
• Inteligentna nawigacja po katalogu: Zamiast skomplikowanych wielopoziomowych menu wprowadzono system szybkich poziomych filtrów („tagów”). To pozwala odwiedzającym znajdować potrzebne kwiaty według okazji, gatunku lub statusu („Hit sprzedaży”) w zaledwie jeden klik.
• Adaptacja Mobile-First: Ponieważ zakup kwiatów to często szybka i emocjonalna czynność, wersja mobilna była projektowana z najwyższym priorytetem. Interfejs otrzymał duże strefy dotykowe dla wygodnego sterowania palcem, płynne suwaki oraz przypięte dolne menu (Bottom Navigation Bar) dla natychmiastowego dostępu do koszyka lub ulubionych produktów.
Mobile: https://www.figma.com/proto/kuTyEjhW4OLy3ppn3YDA88/%D0%A4%D0%BB%D0%BE%D1%80%D0%B8%D1%81%D1%82%D0%BA%D0%B0?page-id=386%3A13719&node-id=391-28179&viewport=2165%2C660%2C0.27&t=tuaq7OC90I0749pT-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=391%3A28179&show-proto-sidebar=1
O projekcie i głównym celu:
Ten projekt to kompleksowe przemyślenie internetowego sklepu florystycznego. Głównym celem było całkowite unowocześnienie wizualnego designu (przejście do estetycznego, minimalistycznego i premium wyglądu), a także rozwiązanie krytycznych problemów UX platformy. Przestarzały i przeciążony interfejs odwracał uwagę od produktu, dlatego skupiłam się na stworzeniu czystej przestrzeni, w której głównym akcentem jest piękno samych bukietów. Ponadto celem było zoptymalizowanie lejka sprzedażowego: uczynienie ścieżki użytkownika od wyszukiwania do płatności maksymalnie bezproblemową oraz zwiększenie średniego koszyka dzięki zintegrowanym narzędziom marketingowym.
Kluczowe rozwiązania i zrealizowane funkcjonalności:
• Opracowanie skalowalnego systemu designu: Od podstaw zbudowano pełnoprawną bibliotekę komponentów UI według metodologii Atomic Design. Wykorzystanie nowoczesnych możliwości Figma (Zmienne, Auto Layout, Warianty) zapewniło idealną wizualną spójność wszystkich ekranów i przygotowało solidną bazę do szybkiego rozwoju i przyszłej skalowalności strony.
• Optymalizacja i uproszczenie procesu zakupu: Największy ból użytkowników – nieporęczny formularz zamówienia – został przekształcony w logiczny 3-krokowy akordeon (Twoje dane -> Dostawa -> Płatność). Wprowadzono inteligentny przełącznik "Dla siebie / Dla innej osoby", który dostosowuje pola formularza, znacznie zmniejszając obciążenie poznawcze i redukując ryzyko porzuconych koszyków.
• Strategia zwiększenia średniego koszyka (Cross-sell & Upsell): Organicznie i nienachalnie wkomponowane bloki dodatkowych usług. Sekcje „Razem taniej” oraz możliwość szybkiego dodania kartki lub cukierków zrealizowane bezpośrednio w karcie produktu oraz w wysuwającym się koszyku (Drawer), co stymuluje klienta do spontanicznych zakupów przed samą płatnością.
• Inteligentna nawigacja po katalogu: Zamiast skomplikowanych wielopoziomowych menu wprowadzono system szybkich poziomych filtrów („tagów”). To pozwala odwiedzającym znajdować potrzebne kwiaty według okazji, gatunku lub statusu („Hit sprzedaży”) w zaledwie jeden klik.
• Adaptacja Mobile-First: Ponieważ zakup kwiatów to często szybka i emocjonalna czynność, wersja mobilna była projektowana z najwyższym priorytetem. Interfejs otrzymał duże strefy dotykowe dla wygodnego sterowania palcem, płynne suwaki oraz przypięte dolne menu (Bottom Navigation Bar) dla natychmiastowego dostępu do koszyka lub ulubionych produktów.
Zaporoże 
Gotowy do podjęcia pracy