Klient
Czas trwania
Marka stworzona, żeby rosnąć
Thundergryph Games is an independent board game publisher founded in 2016. Known for their premium components, creative mechanics, and outstanding art direction, they design titles that appeal to both families and experienced players. Beyond publishing, their philosophy centers on quality, longevity, and immersive storytelling.


O projekcie
Od rzutu kostką do płynnego scrollowania
W miarę jak rósł ich katalog gier, rosła też potrzeba platformy cyfrowej oddającej tę samą artyzm i dbałość o detale, co produkty fizyczne. Nasza współpraca skupiała się na przeprojektowaniu platformy e-commerce i landing page'ów.
Dostarczyć ujednolicone, przyjazne użytkownikowi i skalowalne doświadczenie cyfrowe. W trakcie współpracy odpowiadałem za end-to-end design platformy. Moja rola wykraczała poza web design.
Obejmowała branding, storytelling i tworzenie assetów oddających artystycznego ducha firmy:
- Projekt UX. Audyt starej platformy, mapowanie ścieżek użytkownika, tworzenie intuicyjnych dróg przeglądania, odkrywania i kupowania gier.
- Projekt UI. Budowa czystego, nowoczesnego interfejsu łączącego klarowność z lekkością.
- Projekt strony www. Responsywne layouty dla stron e-commerce, list produktów, widoków szczegółów gier i flow zakupowych.
- Branding i kierunek wizualny. Przełożenie rzemiosła marki na digital-first identyfikację. Spójność we wszystkich punktach styku.
- Ilustracje i ikonografia. Autorski zestaw ikon i wspierających ilustracji wzbogacających user journey.
- Motion design. Subtelne mikrointerakcje, przejścia i hover states wnoszące lekkość i radość do interfejsu.
- Design system. Skalowalny system z wielokrotnego użytku komponentami, regułami typografii i paletami kolorów. Spójność w obecnych i przyszłych wydaniach.
Wyzwania
Mierząc się z wyzwaniami
Na starcie projekt postawił kilka unikalnych wyzwań:
- Spójność wizualna w różnorodnych designach. Każda gra miała własny mocny styl artystyczny. Ujednolicenie doświadczenia cyfrowego bez rozcieńczania indywidualności tytułów było trudne.
- Problemy z czytelnością i nawigacją. Poprzednia strona miała zatłoczony layout. Trudno było znaleźć informacje o grze i płynnie przejść przez proces zakupowy.
- Skalowalność i performance. Częste premiery i edycje limitowane. Platforma musiała szybko się skalować, zachowując spójność wizualną i stabilność techniczną.
- Doświadczenie cross-device. Platforma miała działać równie dobrze na desktopie i mobile. Z responsywnym designem, który wzmacnia użyteczność na wszystkich urządzeniach.



Podsumowanie
Wypracowanie rozwiązania
Autorski design system Modułowy, skalowalny system, który ujednolicił obecność cyfrową. Daje jednocześnie elastyczność dla nowych tytułów i edycji limitowanych. Poprawił efektywność przyszłych aktualizacji i uprościł współpracę między designem a developmentem.
Lepszy flow zakupowy
Przeprojektowana nawigacja i czystsze layouty sprawiły, że odkrywanie produktów i checkout są bezbolesne. Efektem jest płynniejsze doświadczenie klienta.
Responsywne doświadczenie mobile
Priorytetem była użyteczność na mobile. Wspierać rosnący udział klientów przeglądających i kupujących na mniejszych ekranach.
Spójność marki
Nowa platforma zapewniła spójność prezentacji wszystkich gier. Wzmocniła reputację Thundergryph za rzemiosło i kreatywność.
Efekty współpracy
Przeprojektowana platforma stała się cyfrowym odpowiednikiem artystycznej i premium reputacji Thundergryph.
Przyniosła wartość biznesową i użytkową:
- Silniejsze postrzeganie marki. Doświadczenie cyfrowe zgodne z wysokimi standardami Thundergryph.
- Lepsza czytelność i nawigacja zmniejszyły tarcia w procesie zakupowym. - Szybsze, czytelniejsze i przyjemniejsze user experience na różnych urządzeniach.
- Skalowalny fundament. Zespół może wypuszczać nowe gry i aktualizacje bez naruszania spójności platformy.
Kluczowy wniosek
Projekt pokazał, jak ważny jest balans między kreatywnością a użytecznością. Dzięki elastycznemu design systemowi i skupieniu na user journey udało się dostarczyć e-commerce równie angażujący i trwały jak same gry.
Odkryj więcej






