Play Redesign strony głównej

Nowa strona główna play.pl — wizualizacja

Kontekst

W 2023 roku Play, największy operator komórkowy w Polsce, przejął UPC, rozszerzając swoją ofertę o usługi domowe, takie jak internet światłowodowy i telewizja.

Do tego momentu Play.pl był projektowany przede wszystkim wokół usług mobilnych. Oferta dla domu była już dostępna, ale miała znacznie mniejszą widoczność i ekspozycję w serwisie, co nie odzwierciedlało rosnącego znaczenia tej kategorii dla biznesu.

Narzędzia

  • FigmaFigma
  • Adobe PhotoshopPhotoshop
  • Microsoft ClarityMicrosoft Clarity

Wyzwania

Mobile + Internet + Telewizja

Operator konwergentny

Rozszerzenie swojego
portfolio usług

Konwergencja

Przekształcić Play.pl z marki kojarzonej głównie z usługami mobilnymi w operatora konwergentnego, oferującego zarówno usługi mobilne, jak
i domowe.

Zaufanie

Zbudować świadomość
i wiarygodność Play w nowych kategoriach usług domowych, w których marka dopiero budowała swoją pozycję.

Balans

Dostosować Play.pl do równorzędnej prezentacji usług Mobile i Home, bez osłabiania silnej pozycji marki w obszarze mobilnym.

Równowaga

Ujednolicić architekturę informacji, tone of voice i doświadczenie użytkownika, dostosowując je do nowych celów biznesowych.

szybka realizacja

Od briefu do wdrożenia w 6 miesięcymies.

WORKFLOW

Proces projektowy

  1. Design Brief

    Połączenie celów biznesowych, potrzeb użytkowników i ograniczeń technologicznych.

  2. Discovery

    Dane analityczne. Audyt UX (Baymard). Mapowanie ścieżki klienta.

  3. Design Sprint w 3 dni

    Iteracyjny proces oparty na projektowaniu, feedbacku użytkowników i zaangażowaniu interesariuszy.

  4. UX/UI Design & Prototyp

    Podejście mobile-first. Nowy Design System. Spójna koncepcja kreatywna warstwy wizualnej.

  5. Testy

    Testy użyteczności. Etapowe wdrożenie — najpierw strona główna B2C

  6. Uruchomienie nowego play.pl

Przeprojektowany UX strony głównej i nowa koncepcja kreatywna

01

Skuteczne rozszerzenie portfolio marki: wyraźnie rozdzielone ścieżki Mobile i Home, nowy elastyczny grid, uporządkowana architektura informacji i nowa nawigacja.


02

Nowa koncepcja kreatywna spójna z kampaniami ATL Play, budująca emocjonalne zaangażowanie poprzez obraz, wideo i charakterystyczny tone of voice dla nowej kategorii Home.


Nowa strona główna play.pl na laptopie Nowa strona główna play.pl na iPhonie Nowa strona główna play.pl na iPadzie

Flexible Grids

Powstały trzy różne gridy strony (kafelki), które można ustawiać w zależności od rodzajów promocji. Poniżej prezentuję główny grid.

Główny grid strony — wireframe

Wersja desktopowa

Pełna wersja desktopowa nowej strony głównej play.pl

Porównanie wersji mobile

Stare

Nowe

Stara wersja mobilna play.pl
Nowa wersja mobilna play.pl

10 nowych komponentów

Stworzenie 10 nowych komponentów w trybie light i darkmode, zgodnych ze standardami WCAG. Każdy komponent posiada rozbudowaną dokumentację.

Dokumentacja komponentów Komponenty — warianty Komponent — widok mobilny

Design Guidelines

Aby ułatwić zarządzanie priorytetami i zapewnić spójność, zdefiniowaliśmy zasady zarządzania uwagą użytkownika na stronie głównej. Hierarchię badge’y i stickerów, reguły prezentacji promocji oraz wytyczne dla koncepcji kreatywnej spójnej z kampaniami ATL.

Stare

Nowe

Stary baner promocyjny Nowy baner promocyjny

Wynik

Metryki sukcesu

Konwersja

Dwukrotny wzrost konwersji usług Home w ścieżkach rozpoczynających się na stronie głównej.

Dead & rage kliki

Redukcja dead i rage clicks dzięki lepiej zaprojektowanym obszarom klikalnym oraz optymalizacji animacji tap.

Głębokość scrolla

Nieregularny grid strony głównej zwiększył zainteresowanie użytkowników i głębokość scrollowania.

Wyznaczenie standardu

Konkurencja telko zaczęła inspirować się naszymi rozwiązaniami.