Redesign Playmobile.pl - Polish IA Summit 2011

69
Playmobile.pl od koncepcji do wdrożenia Case study

description

Prezentacja wygłoszona na Polish IA Summit 2011 przez Paulinę Rzymską z K2 oraz Marcina Piotrowskiego z Play. Prezentacja opisuje proces projektowania portalu z perspektywy agencji i klienta.

Transcript of Redesign Playmobile.pl - Polish IA Summit 2011

Page 1: Redesign Playmobile.pl - Polish IA Summit 2011

Playmobile.pl

od koncepcji do wdrożenia Case study

Page 2: Redesign Playmobile.pl - Polish IA Summit 2011

kto to mówi?

Marcin Piotrowski

Lorem ipsum dolor sit amet, consectetur

adipisicing elit, sed do eiusmod tempor

incididunt ut labore et dolore magna

aliqua. Ut enim ad minim veniam.

Paulina Rzymska

W K2 Internet od 2008 roku zajmuje się

architekturą informacji i user experience.

Z wykształcenia socjolog, absolwentka

Uniwersytetu Warszawskiego.

2

Page 3: Redesign Playmobile.pl - Polish IA Summit 2011

3

Page 4: Redesign Playmobile.pl - Polish IA Summit 2011

4

Page 5: Redesign Playmobile.pl - Polish IA Summit 2011

Raczej duży projekt

Page 6: Redesign Playmobile.pl - Polish IA Summit 2011

6

9 miesięcy intensywnych prac

koncepcyjnych, projektowych

i wdrożeniowych

(…i wciąż to rozwijamy)

a tak naprawdę, to 11 miesięcy – przypis MP

Page 7: Redesign Playmobile.pl - Polish IA Summit 2011

duży zespół

UX Architect x1

Senior Project Manager x2

Account Executive x1

Account Director x1

Art Director x1

Senior Graphics Designer x1

WebDeveloper x2

+ copywriterzy, programiści, etc.

specjaliści/eksperci x25-30

szefowie, którzy pozwolili na to całe

szaleństwo :)

7

Page 8: Redesign Playmobile.pl - Polish IA Summit 2011

„duży projekt” dla agencji

• wysprzątamy portal po poprzednich redesignach

• przekonamy klienta do całkowitej zmiany struktury i nawigacji

• zintegrujemy sklep internetowy z portalem

(i ostatecznie zamkniemy e-shop)

• sprzedamy klientowi serię badań użyteczności

i eye-trackingowych

8

Page 9: Redesign Playmobile.pl - Polish IA Summit 2011

„duży projekt” dla klienta

• zrobimy fajny sajt (być może)

• będziemy dobrze sprzedawać (być może)

• pozbędziemy się flasha (na pewno)

• wysprzątamy śmieci po nadchodzi4 (na pewno)

• …i to wszystko zrobi za nas K2…

• …i weźmie mało kasy, żeby mieć fajne referencyjne wdrożenie

9

Page 10: Redesign Playmobile.pl - Polish IA Summit 2011

Proces projektowy

Page 11: Redesign Playmobile.pl - Polish IA Summit 2011

user centered design

11

Analiza wymagań

Analiza kontekstu użycia

Projektowanie

Ewaluacja rozwiązań

projektowych

zaplanowanie procesu

projektowego

sukces!

projekt spełnia wymagania

biznesowe i użytkowników

Page 12: Redesign Playmobile.pl - Polish IA Summit 2011

Analizowaliśmy

Page 13: Redesign Playmobile.pl - Polish IA Summit 2011

oczekiwania klienta

• efektywny proces zakupowy

• prosta nawigacja

• wyraźne rozdzielenie ścieżek użytkowników

• wsparcie dla różnych kanałów zakupów

• …i to wszystko z najwyższym priorytetem

13

Page 14: Redesign Playmobile.pl - Polish IA Summit 2011

cele portalu

• sprzedaż

• informowanie o ofercie

• komunikowanie jaki jest Play

• obsługa obecnych klientów

14

Page 15: Redesign Playmobile.pl - Polish IA Summit 2011

użytkownicy portalu

15

potencjalni klienci telefonii komórkowej (gatunek zagrożony, nie występujący w środowisku naturalnym)

klienci innych operatorów

(hehehe…)

obecni klienci Play

(coraz więcej!)

klienci biznesowi

Page 16: Redesign Playmobile.pl - Polish IA Summit 2011

klient pyta konkretnie

16

Zasadniczo chodzi o to, żeby inkrementalnie zwiększyć w

splicie udział postpaidowego MNP oraz mocno wesprzeć

datę. Driverem będą fajne handsety. Jak to zrobimy?

A gdzie będzie info o USSD dla VASów?

No i nie zapomnijcie o upsellu i retencji

zarówno w opcji terminalowej jak i bez. To też

ma być w eshopie.

Page 17: Redesign Playmobile.pl - Polish IA Summit 2011

17

skonfudowana agencja

Page 18: Redesign Playmobile.pl - Polish IA Summit 2011

warsztaty o rynku mobilnym

18

• Krynica, luty 2010

• specyfika rynku telco

• mechanika budowy ofert

• segmentacja klientów

• strategia produktowa na rok 2010

• plany rozwoju portalu w 2010

Page 19: Redesign Playmobile.pl - Polish IA Summit 2011

warsztaty user experience

• Warszawa, wiosna 2010

• warsztaty wprowadzające dla Działu Ofert

• co to jest AI

• co to jest UX

• rozmowy o konkretnych przypadkach

• ćwiczenia praktyczne

Page 20: Redesign Playmobile.pl - Polish IA Summit 2011
Page 22: Redesign Playmobile.pl - Polish IA Summit 2011

Benchmarki ze świata

Page 23: Redesign Playmobile.pl - Polish IA Summit 2011

23

Page 24: Redesign Playmobile.pl - Polish IA Summit 2011

no fajnie, ale…

24

…to dosyć ryzykowne jest, nie sądzicie? Wzory są fajne,

ale z UK, Rosji i Dalekiego Wschodu. To są estetycznie i

funkcjonalnie inne kultury…

…ale ryzyko jest częścią kultury biznesowej Play. Jedziemy

z tym. Tylko żadnych eksperymentów kreacyjnych, te czasy

minęły. To ma być SZTUKA UŻYTKOWA. UŻYTKOWA!!!

Jak to nie wyjdzie, to mega

obciach, no i roboty trzeba

będzie poszukać.

A tu kryzys :/

Page 25: Redesign Playmobile.pl - Polish IA Summit 2011

25

2010

2011

Page 26: Redesign Playmobile.pl - Polish IA Summit 2011

2010

2011

Page 27: Redesign Playmobile.pl - Polish IA Summit 2011

27

2010

2011

Page 28: Redesign Playmobile.pl - Polish IA Summit 2011

Koledzy z konkurencji

idą inną drogą. Może

jest czas, żeby jeszcze

zawrócić?

klient ma chwilowy dylemat

Page 29: Redesign Playmobile.pl - Polish IA Summit 2011

klient odzyskuje humor

• zupełnie przez przypadek, koncept zmiany serwisu

jest zbieżny z kluczowymi wartościami firmy,

którymi są:

• innowacyjność

• prostota

• pewność siebie

• pasja

Page 30: Redesign Playmobile.pl - Polish IA Summit 2011

Projektowaliśmy

Page 31: Redesign Playmobile.pl - Polish IA Summit 2011

31

216 makiet architektury informacji

w interaktywnym prototypie

Page 32: Redesign Playmobile.pl - Polish IA Summit 2011

32

Page 33: Redesign Playmobile.pl - Polish IA Summit 2011

http://visdynamica.com/

Page 34: Redesign Playmobile.pl - Polish IA Summit 2011

Warsztaty koncepcyjne AI

Page 35: Redesign Playmobile.pl - Polish IA Summit 2011

abonament

mix

karta

internet na abonament

internet na kartę

stacjonarny

portals

eShop

handset

VAS

COPS

upsell

upgrade

35

Trzeba uzgodnić różne punkty widzenia oraz

zmieniające się założenia, ale…

… wszyscy są w procesie!

architekt otwiera puszkę Pandory

Page 36: Redesign Playmobile.pl - Polish IA Summit 2011

demony biznesu atakują

36

…bo ja chcę tylko, żeby mixa było dobrze

widać na głównej

…bez sensu. Data jest ważniejsza…

cena jest najważniejsza,

emocje chowamy z tyłu!

najważniejsze są emocje, a cena

jest wtórna!!!

Page 37: Redesign Playmobile.pl - Polish IA Summit 2011

52,23% 00:23:50

Page 38: Redesign Playmobile.pl - Polish IA Summit 2011

38

Kluczowe

zmiany w portalu

Page 39: Redesign Playmobile.pl - Polish IA Summit 2011

nowa struktura

Mój Play

Abonament

Mix

Karta

Internet Telefony

Usługi

Pomoc

Przejdź do Play

Telefony i modemy

Oferta

Promocje

Obsługa klienta

Page 40: Redesign Playmobile.pl - Polish IA Summit 2011

nowa nawigacja

Page 41: Redesign Playmobile.pl - Polish IA Summit 2011

nowe ścieżki użytkowników

Page 42: Redesign Playmobile.pl - Polish IA Summit 2011

uczymy się cały czas

Page 43: Redesign Playmobile.pl - Polish IA Summit 2011

Pierwsza wersja konfiguratora oferty Obecna wersja konfiguratora oferty

Page 44: Redesign Playmobile.pl - Polish IA Summit 2011

44

teraz portal

Page 45: Redesign Playmobile.pl - Polish IA Summit 2011

45

Page 46: Redesign Playmobile.pl - Polish IA Summit 2011

46

Page 47: Redesign Playmobile.pl - Polish IA Summit 2011

Projekty graficzne

Page 48: Redesign Playmobile.pl - Polish IA Summit 2011

gfx in numbers

• 3 grafików

• 4 linie graficzne

• ponad 200 layoutów

• każdy layout po kilka wersji...

• …tyle samo HTMLi

Page 49: Redesign Playmobile.pl - Polish IA Summit 2011

49

Page 50: Redesign Playmobile.pl - Polish IA Summit 2011

50

Page 51: Redesign Playmobile.pl - Polish IA Summit 2011

Zorganizowaliśmy

Wybory w Play

Page 52: Redesign Playmobile.pl - Polish IA Summit 2011
Page 53: Redesign Playmobile.pl - Polish IA Summit 2011

finalne projekty graficzne strony głównej

Dla klientów biznesowych Dla klientów indywidualnych

Page 54: Redesign Playmobile.pl - Polish IA Summit 2011

Warsztaty graficzne

Page 55: Redesign Playmobile.pl - Polish IA Summit 2011

Badania

Page 56: Redesign Playmobile.pl - Polish IA Summit 2011

Prawie 100 osób przebadanych

podczas badań użyteczności

i eye-trackingowych

56

Page 57: Redesign Playmobile.pl - Polish IA Summit 2011

57

Testy użyteczności Eye-tracking

Badania pilotażowe

Page 58: Redesign Playmobile.pl - Polish IA Summit 2011

obecny cykl badawczy

58

• badania satysfakcji

• badania użyteczności

• badania ET

• ClickTale

• nowy system analityczny

Page 59: Redesign Playmobile.pl - Polish IA Summit 2011

Wdrożenie

Page 60: Redesign Playmobile.pl - Polish IA Summit 2011

jak wdrażaliśmy?

• hardkorowo! i sami wiecie czego nie ma;)

• wyzwanie organizacyjne (4 różnych dostawców)

• wyzwanie biznesowe:

– opóźniona w stosunku do założeń implementacja

– uruchomienie wersji beta

– wdrożenie tuż przed sezonem sprzedażowym

60

Page 61: Redesign Playmobile.pl - Polish IA Summit 2011

Efekty i plany

Page 62: Redesign Playmobile.pl - Polish IA Summit 2011

trochę wykresów

Page 63: Redesign Playmobile.pl - Polish IA Summit 2011

+40% 63

jedna duża liczba

Page 64: Redesign Playmobile.pl - Polish IA Summit 2011

co już wkrótce?

• nowa domena play.pl (wreszcie!)

• nowe strony telefonów

• nowa strona zbiorcza telefonów

• oferty personalizowane

• nowy system analityczny

• audyt użyteczności

• więcej testów

64

Page 65: Redesign Playmobile.pl - Polish IA Summit 2011

A jak się zaczęło?

Page 66: Redesign Playmobile.pl - Polish IA Summit 2011

Grudzień 2009, pora lunchowa, kuchnia K2. Dzwoni telefon.

Hej Agata, jest taki case, że wchodzi

nam oferta stacjonarna i musimy ją

jakoś pokazać w menu. Dorzućcie ją

pls i podeślijcie kod i css’y.

OK., zobaczymy

co się da zrobić.

Odezwiemy się.

Page 67: Redesign Playmobile.pl - Polish IA Summit 2011

Dwa tygodnie później:

Chcemy zaproponować wam

kompleksowe podejście do sprawy.

Wydaje się, że przydałby się jakiś

mały redesign…

No nie sądzę. Ale

możemy spotkać

się i pogadać.

Redesign? Ja

wam $%&@# dam

redesign…

Page 68: Redesign Playmobile.pl - Polish IA Summit 2011

opowiadali

Marcin Piotrowski

[email protected]

Paulina Rzymska

[email protected]

68

Page 69: Redesign Playmobile.pl - Polish IA Summit 2011