Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

59
PETER FRANCIS, T-MOBILE MIKE SELMAN, RAZORFISH BUILDING THE UN-CARRIER WEBSITE

description

Building the Uncarrier Website: Simplicity & Transparency on tmobile.com Peter Francis, T-Mobile Mike Selman, Razorfish In March 2013, T-Mobile USA relaunched itself as the Uncarrier— a mobile company willing to shake up the industry by being transparent about the things that don’t make sense to customers. The T-Mobile web team, together with the creative team at Razorfish, will present the journey behind the site reset that transformed t-mobile.com, bring the core brand principles of transparency and simplicity to life.

Transcript of Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Page 1: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

PETER FRANCIS, T-MOBILE MIKE SELMAN, RAZORFISH BUILDING THE UN-CARRIER WEBSITE

Page 2: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com
Page 3: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE MOST DANGEROUS MAN IN WIRELESS

Page 4: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

UN-RESTRICTED

UN-COMPLICATED

UN-COMPROMISING

UN-BOUND

Page 5: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

UN-RESTRICTED

UN-COMPROMISING

UN-COMPLICATED

UN-BOUND

NO ANNUAL SERVICE CONTRACTS

BLAZING FAST, NATIONWIDE 4G LTE

UNLIMITED TALK, TEXT, WEB ON EVERY PLAN

FREE DATA ROAMING IN 100+ COUNTRIES

Page 6: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

CREATING THE DIGITAL EXPERIENCE

Page 7: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com
Page 8: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

SAP, Billing etc…

.net HTML

TMOBILE.COM m.*

SAP, Billing etc…

Content (Adobe CQ5)

TMOBILE.COM RESPONSIVE!

SOA Services

Web Catalog / Commerce

BACKEND

UI

LOGIC

Desktop

Page 9: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE CHALLENGE

DRIVE RADICAL RECONSIDERATION OF THE BRAND

BE SIMPLE & STRAIGHTFORWARD

ENABLE EFFORTLESS DISCOVERY, SALES, AND eSERVICE

Page 10: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE GOALS

IMPROVE SELF-SERVICE EXPERIENCE

INCREASE SALES CONVERSION

EMBODY THE UN-CARRIER BRAND

REDUCE EARLY CUSTOMER CHURN

Page 11: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE STAKEHOLDERS

MARKETING + BRANDING

DIGITAL CUSTOMER DIRECT

ENTERPRISE IT + WEB DEV.

RAZORFISH

Page 12: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE STAKEHOLDERS

SKEPTICAL OF REAL CHANGE

Page 13: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE STAKEHOLDERS

CONCERNED ABOUT THE CONSEQUENCES

Page 14: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE STAKEHOLDERS

EXCITED ABOUT THE POSSIBILITIES

Page 15: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE STAKEHOLDERS

READY TO BREAK SOME RULES!

Page 16: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

STRATEGIC PRINCIPLES

Radically simple

Fearlessly transparent

Visually tactile

Intelligent experiences

Continually optimized

Page 17: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

DETERMINING THE STRATEGY IS NOT THE HARD PART. STICKING TO IT IS.

Page 18: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

PRINCIPLES IN ACTION

Simplicity

Transparent

Tactile

Intelligent

Optimizing

Page 19: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

FROM 28 LINKS ABOVE THE FOLD

Simplicity

Page 20: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

TO 9 LINKS ABOVE THE FOLD

Simplicity

Page 21: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

From confusing plan selector

Simplicity

Page 22: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

To simple 3-step flow

Simplicity

Page 23: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Simplicity

Transparent

Tactile

Intelligent

Optimizing

PRINCIPLES IN ACTION

Page 24: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Transparent

New paradigm for device pricing

Page 25: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Transparent

Balance transparent and simple through self-guided discovery

Page 26: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Transparent

Balance transparent and simple through self-guided discovery

Page 27: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Transparent

Credit is important

Page 28: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Transparent

Balance transparent and simple: self-select disclosure option

Page 29: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Transparent

Making coverage easy to understand through a better UI

Page 30: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

New technology, new investments

Page 31: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Simplicity

Transparent

Tactile

Intelligent

Optimizing

PRINCIPLES IN ACTION

Page 32: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Tactile

Rich, HTML5 UI

Page 33: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Simplicity

Transparent

Tactile

Intelligent

Optimizing

PRINCIPLES IN ACTION

Page 34: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Intelligent

Responsive UI eliminates need for separate mobile site

Page 35: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Intelligent

No more carousel marquee

Page 36: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Intelligent

Relevant UX must be curated

Page 37: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Simplicity

Transparent

Tactile

Intelligent

Optimizing

PRINCIPLES IN ACTION

Page 38: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

OPTIMIZATION TAKES NEW MUSCLES: TOOLS, SKILLS, PROCESS, AND MINDSET

Page 39: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Optimizing

Page 40: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

Optimizing

Needs individual campaign creative, segmentation, analysis

Page 41: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

STRATEGIC PRINCIPLES

Radically simple

Fearlessly transparent

Visually tactile

Intelligent experiences

Continually optimized

Page 42: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THE RESULTS

Page 43: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

5

4

1,287

3,567

SPRINTS

COME-TO-JESUS MEETINGS

COMPS

JIRA TICKETS

Page 44: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com
Page 45: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com
Page 46: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com
Page 47: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

SATISFACTION 50% TOP BOX (~10% BEFORE)

Page 48: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

SATISFACTION

EASE OF USE

50% TOP BOX (~10% BEFORE)

57% TOP BOX (~22% BEFORE)

Page 49: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

SATISFACTION

TIME TO COMPLETE

EASE OF USE

50% TOP BOX (~10% BEFORE)

50% IMPROVEMENT (ADD TO CART)

57% TOP BOX (~22% BEFORE)

Page 50: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

SATISFACTION

TIME TO COMPLETE

EASE OF USE

PAGE LOAD TIMES

50% TOP BOX (~10% BEFORE)

50% IMPROVEMENT (ADD TO CART)

57% TOP BOX (~22% BEFORE)

40% IMPROVEMENT

Page 51: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

SATISFACTION

TIME TO COMPLETE

EASE OF USE

PAGE LOAD TIMES

50% TOP BOX (~10% BEFORE)

50% IMPROVEMENT (ADD TO CART)

57% TOP BOX (~22% BEFORE)

40% IMPROVEMENT

CONVERSION DOUBLE DIGIT INCREASE

Page 52: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

LESSONS LEARNED

Page 53: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

START WITH STABLE BRAND

DEFINITION/ STRATEGY

HAVE CLEAR MEASURES OF SUCCESS / QUANTITATIVE TOUCHSTONES

CHECK UNDERSTANDING WITH EXAMPLE PROOFPOINTS / HERO FLOWS

DEFINING HARD PROBLEMS EARLY ON IS CRITICAL

Page 54: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

HAVING TECH+DESIGN

TOGETHER HELPS INCLUDE POST-LAUNCH OPS PEOPLE IN

THE ROOM IN ADDITION TO DESIGN

… BUT OVER-RELIANCE ON AGILE COULD LEAD TO PROCRASTINATION ON STRATEGIC DECISIONS

Page 55: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

DECIDE ON HOW DEEP

THE REDESIGN GOES

HARD TRADEOFF BETWEEN RADICAL TRANSFORMATION AND TIME TO MARKET

GOOD DESIGN CHANGES UNDERLYING PROCESSES, NOT JUST UI

TECH-FOCUSED PROOF-OF-CONCEPT VALIDATES TEAM UNDERSTANDING OF CURRENT AND NEW TECHNOLOGY

Page 56: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

COMMUNICATING VS

DOING

SINGLE SOURCE OF PROJECT TRUTH

REGULAR MILESTONE CHECKINS

GOOD PM = GOLD!

Page 57: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com

THANK YOU

Page 58: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com
Page 59: Building the Uncarrier Website: Simplicity & Transparency on tmobile.com