Aplikacja 4F: zupełnie nowy kanał sprzedaży detalicznej dla wiodącej marki odzieży sportowej

Dzięki starannemu procesowi rozwoju produktu stworzyliśmy aplikację, która spełnia rzeczywiste potrzeby zarówno biznesu, jak i klientów.

glow_image

KATEGORIA

  • Handel cyfrowy

  • Omnichannel

  • Tworzenie aplikacji

PRZEMYSŁ

  • B2C

  • Sprzedaż detaliczna

  • Moda

NOMINACJE

  • mobile_trends.png

ABOUT 4F

_DSC1332_OOH_final.jpg

4F jest częścią firmy odzieżowej OTCF S.A. z siedzibą w Polsce. Oferuje wysokiej jakości odzież sportową i codzienną oraz akcesoria, które łączą technologię z nowoczesnym wzornictwem i trendami. Marka jest sponsorem kilku komitetów olimpijskich i paraolimpijskich oraz partnerem technicznym różnych drużyn piłkarskich, koszykarskich i siatkarskich. Jej produkty są sprzedawane w 42 krajach, m.in. w Australii, Katarze, Singapurze, Wielkiej Brytanii, Rumunii i Stanach Zjednoczonych. Ambasadorami marki są Robert Lewandowski i Anna Lewandowska. W 2020 roku 4F uruchomiła swoją Fundację - 4F Pomaga.

WYZWANIE: stworzenie najlepszego możliwego mobilnego doświadczenia użytkownika

4f_challenge.png

Naszym głównym celem było zaprojektowanie najwyższej jakości przepływu użytkownika, aby upewnić się, że klienci 4F mogą łatwo znaleźć to, czego szukają i przejść przez proces zakupów. Musieliśmy upewnić się, że aplikacja jest dostosowana do różnych potrzeb (np. ścieżka nowego klienta będzie inna niż ścieżka powracającego klienta), a ścieżki użytkowników są kompletne.

Z technicznego punktu widzenia pracowaliśmy nad płynną integracją aplikacji z już istniejącym sklepem Magento. Wymagało to obejścia pewnych funkcjonalności wbudowanych w to oprogramowanie open source.

rozwiązanie br-d[]solution

4f_solution.png

Zaprojektowaliśmy, opracowaliśmy i wdrożyliśmy nowy kanał mobilny dla klientów 4F. Aplikacja zaspokaja różne potrzeby klientów i oferuje nieszablonowe funkcje, które sprawiają, że zakupy mobilne są łatwiejsze i przyjemniejsze.

Uruchomienie aplikacji zbiegło się w czasie z pandemią koronawirusa. Okres ten okazał się bardzo wymagający dla całej branży i znacząco zmienił zachowania i preferencje użytkowników. Pomimo tych nieoczekiwanych okoliczności, aplikacja okazała się bardzo dobrze odpowiadać na nowe potrzeby, dostarczając wartościowych funkcji.

Rozwiązania takie jak pomoc w doborze rozmiaru lub konfigurator gogli narciarskich pomagają użytkownikom dokonywać lepszych wyborów produktów, a treści takie jak filmy szkoleniowe angażują i oferują dodatkową wartość.

1

Warsztaty strategiczne

Podczas warsztatów strategicznych przeanalizowaliśmy grupę docelową oraz cele biznesowe marki. Przyjrzeliśmy się już istniejącym rozwiązaniom rynkowym oraz zmapowaliśmy szanse i zagrożenia. Wykorzystaliśmy wszystkie dane i wiedzę o potrzebach, bolączkach i oczekiwaniach klientów, aby nakreślić ścieżki użytkowników. Pozwoliło nam to zdefiniować funkcjonalności aplikacji, zaprojektować architekturę informacji i sformułować wytyczne dotyczące interfejsu użytkownika.

2

UX Design

Solidne podstawy, które położyliśmy w fazie odkrywania, w połączeniu z naszym doświadczeniem, zostały następnie wykorzystane do zaprojektowania interaktywnych prototypów. Nasz zespół UX zapewnił, że wszystkie ścieżki użytkownika są kompletne.

3

Testy użyteczności

Prototypy zostały przetestowane za pomocą badań jakościowych. Niezależna firma przeprowadziła testy użyteczności z elementami IDI (Individual In-Depth Interviews) na grupie zrekrutowanej tak, aby odpowiadała segmentom klientów 4F. Informacje zwrotne z wywiadów były bardzo pozytywne i po niewielkich poprawkach prototypy były gotowe do fazy projektowania interfejsu użytkownika.

4

Projektowanie interfejsu użytkownika

Informacje zwrotne z wywiadu były naprawdę pozytywne i po niewielkich poprawkach prototypy były gotowe do projektowania interfejsu użytkownika. Projektanci UI ściśle współpracowali z zespołem programistów, aby upewnić się, że aplikacja pojawi się zgodnie z harmonogramem.

5

Rozwój

Zastosowaliśmy metodologię SCRUM, która pozwoliła nam na szybką pracę i iterację. Aplikacja została stworzona na systemy iOS i Android oraz zintegrowana ze sklepem Magento marki.

MAIN FEATU­RES

phone_side
phone_side
phone_side
phone_side
phone_side
phone_side
phone_side
phone_side
phone_side

Integracja z programami lojalnościowymi

Użytkownicy pozostają zaangażowani dzięki elementom grywalizacji, takim jak opcja odblokowywania kolejnych poziomów w programie, spersonalizowane kupony i wizualna reprezentacja poczynionych postępów.

WYNIKI

icon

Nowy, wygodny sposób kupowania produktów marki.

icon

Intuicyjne ścieżki zakupowe, które zapewniają doskonałe wrażenia klientów i redukują typowe bolączki.

icon

Centrum wysokiej jakości treści, które angażuje klientów.

icon

Źródło wiedzy o klientach, które pozwala marce lepiej zrozumieć potrzeby klientów.

DOSTARCZONE PRZEZ GOODYLABS

icon

Desk Research

icon

Warsztaty strategiczne

icon

Projektowanie UX/UI

icon

Rozwój systemów iOS i Android

icon

Testy QA

icon

Zarządzanie projektami

CLIENT ‎ VIBES ‎

Strategiczne podejście goodylabs i odpowiednie narzędzia do odkrywania oznaczają, że aplikacja naprawdę spełnia potrzeby użytkowników. A to przekłada się na realne ‎ wyniki biznesowe ‎ i liczby, które widzieliśmy w raportach.

Jonasz Gajewski

Główny architekt cyfrowy i mobilny w OTCF

ZAANGAŻOWANY ZESPÓŁ

Image of Adam

Adam

Starszy architekt IT

Image of Tomek

Tomek

Kierownik ds. analizy biznesowej

Image of Radek

Radek

Tech Lead Mobile Divison

Image of Justyna

Justyna

Strateg

Image of Ola

Ola

Projektant UX

Image of Kasia

Kasia

Projektant UX

Image of Olga

Olga

Projektant UI/UX

Image of Marcin

Marcin

Full Stack Developer

Image of Adam

Adam

Programista iOS

Image of Mikołaj

Mikołaj

Android Developer

Image of Rafał

Rafał

Android Developer

Image of Piotr

Piotr

DevOps

Image of Łukasz

Łukasz

QA

TECHNOLOGIE I NARZĘDZIA

logo of Swift

Swift

logo of Kotlin

Kotlin

logo of Node.js

Node.js

logo of Ruby on Rails

Ruby on Rails

logo of Azure DevOps

Azure DevOps

logo of Gitlab

Gitlab

logo of Firebase

Firebase

logo of Crashlytics

Crashlytics

logo of Jenkins

Jenkins

logo of Figma

Figma

DLACZEGO WARTO Z NAMI PRACOWAĆ

icon

WYSOKA JAKOŚĆ

Zrealizowaliśmy dziesiątki projektów i osiągnęliśmy wymierne rezultaty.

icon

BIZNESOWE PODEJŚCIE

Technologia jest świetna, ale tylko wtedy, gdy przynosi wartość klientowi.

icon

SZYBKOŚĆ WPROWADZANIA NA RYNEK

Jesteśmy zwinni, elastyczni i szybko iterujemy.

icon

PRZEJRZYSTOŚĆ

Przez cały czas będziesz mógł obserwować nasze postępy.

JAKI JEST TWÓJ CEL?

address

Biuro UE

goodylabs sp. z o.o.

Andrzeja Struga 78

90-557 Łódź, Polska

+48 514 105 102goodies-eu@goodylabs.com
address

Biuro UK

goodylabs

20-22 Wenlock Road

Londyn, Anglia, N1 7GU

+44 117 440 0678goodies-uk@goodylabs.com

Jesteśmy częścią:

partner icon

SoDA

Wymieniamy się i tworzymy najlepsze praktyki w obszarze rozwoju oprogramowania.

©2025 goodylabs sp. z o.o. Wszelkie prawa zastrzeżone.