Big Star Redesign karty produktu
Głównym celem projektu było zaprojektowanie nowej karty produktowej – wirtualnej karty podarunkowej (e-karty) dla sklepu internetowego Big Star, bazując bezpośrednio na fizycznym odpowiedniku produktu. Zadaniem było przeniesienie fizycznego doświadczenia zakupu i estetyki rzeczywistej karty podarunkowej do świata digitalu, przy jednoczesnym uporządkowaniu i modernizacji całej strony produktu.
Wyzwania i Analiza Stanu Wyjściowego
-
Cyfrowa adaptacja produktu fizycznego: Przeniesienie fizycznej formy karty i jej unikalnego charakteru (eleganckie czerwone etui z logotypem) do przestrzeni online w taki sposób, aby klient od razu zrozumiał, że kupuje produkt cyfrowy wysyłany na e-mail.
-
Zaprojektowanie ścieżki zakupu e-karty od zera: Stworzenie intuicyjnego interfejsu wyboru nominałów, pola na własną kwotę oraz sekcji informacyjnych wyjaśniających, jak działa e-karta (realizacja online, szybka wysyłka).
-
Zachowanie spójności z systemem e-commerce: Wpasowanie nowej podstrony produktu w istniejący layout sklepu Big Star przy jednoczesnym oczyszczeniu interfejsu z niepotrzebnych rozpraszaczy.
Założenia Projektowe i Wprowadzone Zmiany
Projektując cyfrową wersję karty skupiłem się na następujących aspektach:
1. Cyfrowa Adaptacja Fizycznego Produktu
-
Stworzyłem dedykowaną wizualizację e-karty w tożsamym dla marki stylu (charakterystyczna czerń, biel i mocny czerwony akcent z gwiazdą Big Star), która wiernie oddaje wygląd fizycznego odpowiednika.
-
Zastosowałem podejście Product-First – duża, czysta grafika e-karty od razu przyciąga wzrok i buduje skojarzenie z eleganckim prezentem.
- Wybierają kwotę doładowania (np. 100 zł) jest ona dodatkowo widoczna na dynamicznej grafice karty
2. Usprawnienie Ścieżki Zakupowej i Wyboru Kwoty
-
Zaprojektowałem czytelny, intuicyjny system wyboru nominałów za pomocą dużych, klikalnych kafelków.
-
Dodałem pole do ręcznego wpisania kwoty z infem o minimalnej i maksymalnej kwocie
- Dodałem opcję wyboru ilości kart z możliwością ręcznego wpisania liczy lub zmiany za pomocą przycisków + lub –
3. Nowoczesny Układ i UI
-
Zastosowałem czysty, nowoczesny layout dopasowany do standardów wiodących e-commerce.
-
Zadbano o pełną responsywność – e-karta oraz jej opcje zakupowe wyglądają i działają bezbłędnie zarówno na desktopie, jak i na urządzeniach mobilnych.
-
Ujednolicono hierarchię typograficzną oraz akcenty kolorystyczne, dzięki czemu przycisk CTA („Do koszyka”) stał się kluczowym punktem konwersji na stronie.
Efekt Końcowy
Nowy projekt e-karty podarunkowej łączy w sobie spójność z fizyczną identyfikacją wizualną marki Big Star oraz nowoczesne standardy User Experience. Użytkownik zyskuje szybki, bezproblemowy proces zakupu wirtualnego upominku, a sklep – estetyczną i konwertującą podstronę produktu.
