102
SHARING SUCCESS: THE ANATOMY OF A DIGITAL PROJECT Cory Hughes DIGITAL EXPERIENCE DIRECTOR Estyn Jones UX CONSULTANT

Anatomy of a digital project seminar - 20th September, London

Embed Size (px)

Citation preview

Page 1: Anatomy of a digital project seminar - 20th September, London

SHARING SUCCESS:THE ANATOMY OF A DIGITAL PROJECT

Cory HughesDIGITAL EXPERIENCE DIRECTOR

Estyn JonesUX CONSULTANT

Page 2: Anatomy of a digital project seminar - 20th September, London

PART ONE:PRINCIPLES

@precedentcomms #precsem

Page 3: Anatomy of a digital project seminar - 20th September, London

WHAT IS DIGITAL?

@precedentcomms #precsem

Page 4: Anatomy of a digital project seminar - 20th September, London

WHAT IS DIGITAL?IN-HOUSE:– Websites– Tablet & mobile– Social profiles– Blogs & articles

EXTERNAL:– Content

syndication– SEO & SEM– Social marketing– Online campaigns

PHYSICAL:– Digital signage– Digital kiosk– Virtual guide– Virtual host

@precedentcomms #precsem

Page 5: Anatomy of a digital project seminar - 20th September, London

WHERE DO I START?:

@precedentcomms #precsem

DEFININGDIGITALTRANSFORMATION

Page 6: Anatomy of a digital project seminar - 20th September, London

LOTRANSFORMATION

EVERYONEES@precedentcomms #precsem

Page 7: Anatomy of a digital project seminar - 20th September, London

Evolving an organisation’s ways of working in order to continue delivering its mission in the face of changing technology, competition, audience need and behaviour.

@precedentcomms #precsem

Page 8: Anatomy of a digital project seminar - 20th September, London

MEANINGFUL IDEAS,INTELLIGENTLY DELIVERED.”

@precedentcomms #precsem

Page 9: Anatomy of a digital project seminar - 20th September, London

@precedentcomms #precsem

Page 10: Anatomy of a digital project seminar - 20th September, London

26 YEARS+100 EXPERTS IN DESIGN, TECH, STRATEGY & UX 6 LOCATIONS

PRECEDENT.COM@precedentcomms #precsem

Page 11: Anatomy of a digital project seminar - 20th September, London

DIGITAL STRATEGYWEBSITES, TABLET & MOBILEDIGITAL TRANSFORMATION

PRECEDENT.COM@precedentcomms #precsem

Page 12: Anatomy of a digital project seminar - 20th September, London

WHERE DO I START?:SIX GLOBALTRENDS

@precedentcomms #precsem

Page 13: Anatomy of a digital project seminar - 20th September, London

Generation Z don’t want what came before them.1

Page 14: Anatomy of a digital project seminar - 20th September, London

47% of all jobs will disappear over the next 20 years.2

Page 15: Anatomy of a digital project seminar - 20th September, London

‘Global’ is achievable and everyone’s a jetsetter.3

Page 16: Anatomy of a digital project seminar - 20th September, London

We experience life through our devices.4

Page 17: Anatomy of a digital project seminar - 20th September, London

We’re about to be blindsided by climate change.5

Page 18: Anatomy of a digital project seminar - 20th September, London

Local, bespoke & personalised are the new Big Business.6

Page 19: Anatomy of a digital project seminar - 20th September, London

WHERE DO I START?:3 STEPS TOSUCCESS

@precedentcomms #precsem

Page 20: Anatomy of a digital project seminar - 20th September, London

THINK BIGSTART SMALLACT QUICKLYMAKE THE MISSION MEANINGFUL FOR YOUR STAFF AND FOR YOUR CUSTOMERS

Page 21: Anatomy of a digital project seminar - 20th September, London

“To organise the world’s information and make it universally accessible.”

@precedentcomms #precsem

Page 22: Anatomy of a digital project seminar - 20th September, London
Page 23: Anatomy of a digital project seminar - 20th September, London

“Transportation as reliable as running water, everywhere, for everyone

@precedentcomms #precsem

Page 24: Anatomy of a digital project seminar - 20th September, London
Page 25: Anatomy of a digital project seminar - 20th September, London

“Help create a world where you can belong anywhere.”

@precedentcomms #precsem

Page 26: Anatomy of a digital project seminar - 20th September, London
Page 27: Anatomy of a digital project seminar - 20th September, London

“To be the earth’s most customer-centric company.”

@precedentcomms #precsem

Page 28: Anatomy of a digital project seminar - 20th September, London
Page 29: Anatomy of a digital project seminar - 20th September, London
Page 30: Anatomy of a digital project seminar - 20th September, London

BH AG

@precedentcomms #precsem

Page 31: Anatomy of a digital project seminar - 20th September, London

BIGHAIRY AUDACIOUS GOAL

@precedentcomms #precsem

Page 32: Anatomy of a digital project seminar - 20th September, London

“To organise the world’s information and make it universally accessible.”

@precedentcomms #precsem

Page 33: Anatomy of a digital project seminar - 20th September, London

THINK BIGSTART SMALLACT QUICKLYDESIGN ITERATIVELY TO VALIDATE THE CASE FOR WIDER DIGITAL TRANSFORMATION.

Page 34: Anatomy of a digital project seminar - 20th September, London

“To organise the world’s information and make it universally accessible.”

@lindzeiy @precedentcomms #precsem

Page 35: Anatomy of a digital project seminar - 20th September, London

“A complex system that works is invariably found to have evolved from a simple system that worked.

@precedentcomms #precsem

Page 36: Anatomy of a digital project seminar - 20th September, London

“The inverse proposition also appears to be true; a complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a simple system.”

- John Gall, Systems Therorist

Page 37: Anatomy of a digital project seminar - 20th September, London

“… the inverse proposition also appears to be true; a complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a simple system.”

- John Gall, Systems Therorist

Page 38: Anatomy of a digital project seminar - 20th September, London

THINK BIGSTART SMALLACT QUICKLYIN-FLIGHT OPTIMSATION TO CREATE MOMENTUM THAT IS DRIVEN BY AWARENESS

Page 39: Anatomy of a digital project seminar - 20th September, London
Page 40: Anatomy of a digital project seminar - 20th September, London

“When the facts change, I change my mind. What do you do, sir?

@precedentcomms #precsem

- John Maynard Keynes

Page 41: Anatomy of a digital project seminar - 20th September, London
Page 42: Anatomy of a digital project seminar - 20th September, London

$1 BILLION IN 17 MINS

Page 43: Anatomy of a digital project seminar - 20th September, London
Page 44: Anatomy of a digital project seminar - 20th September, London

BEFORE YOUSTART

@precedentcomms #precsem

Page 45: Anatomy of a digital project seminar - 20th September, London

8 Pillars of Innovation1. Have a mission that matters2. Think big, start small3. Strive for continual innovation, not instant perfection4. Look for ideas everywhere5. Share everything6. Spark with imagination, fuel with data7. Be a platform8. Never fail to fail

- Susan Wojcicki, CEO of Youtube

@precedentcomms #precsem

Page 46: Anatomy of a digital project seminar - 20th September, London

START WHERE YOU ARE

THE ANATOMY OF A DIGITAL PROJECT:

Page 47: Anatomy of a digital project seminar - 20th September, London

DISCUSSION TIME:WHAT’S YOUR(& WHAT ARE THE BARRIERS?)B.H.A.G?

@precedentcomms #precsem

Page 48: Anatomy of a digital project seminar - 20th September, London

@precedentcomms #precsem

PART TWO:PRACTICE

Page 49: Anatomy of a digital project seminar - 20th September, London

THE ANATOMY OF A DIGITAL PROJECT

@precedentcomms #precsem

Page 50: Anatomy of a digital project seminar - 20th September, London

GETTING DOWN TO BUSINESSUNDERSTAND YOUR AUDIENCECRAFT THE EXPERIENCEMAKE IT A REALITYEVOLVE THE CONVERSATION

@precedentcomms #precsem

Page 51: Anatomy of a digital project seminar - 20th September, London

GETTING DOWN TO BUSINESS

@precedentcomms #precsem

Page 52: Anatomy of a digital project seminar - 20th September, London

GETTING DOWN TO BUSINESS

o Getting underneath your organisation’s drivers and objectives

o Identifying what is truly achievable

o Acknowledging and understanding any existing constraints

@precedentcomms #precsem

Page 53: Anatomy of a digital project seminar - 20th September, London

GETTING DOWN TO BUSINESS: TOOLS

o Digital SWOT analysis

o Expert reviews

o Stakeholder maps and RACI matrices

@precedentcomms #precsem

Page 54: Anatomy of a digital project seminar - 20th September, London
Page 55: Anatomy of a digital project seminar - 20th September, London

University of Sussex

Page 56: Anatomy of a digital project seminar - 20th September, London
Page 57: Anatomy of a digital project seminar - 20th September, London
Page 58: Anatomy of a digital project seminar - 20th September, London

To define a digital vision for the University; to ensure that this is embedded in University strategy, and to help assess what people, systems and processes are necessary to deliver this vision.

University of Aberdeen

Page 59: Anatomy of a digital project seminar - 20th September, London

University of Aberdeen

Page 60: Anatomy of a digital project seminar - 20th September, London

GETTING DOWN TO BUSINESS

o Develops a value-focussed business roadmap

o Optimises investment with clear measures

o Provides identification of competitive advantage

@precedentcomms #precsem

Page 61: Anatomy of a digital project seminar - 20th September, London

UNDERSTAND YOUR AUDIENCE

@precedentcomms #precsem

Page 62: Anatomy of a digital project seminar - 20th September, London

UNDERSTAND YOURAUDIENCE

o Solves real problems and identifies low-hanging fruit

o Discovers a user’s scenarios, emotional state and environment at key touchpoints with you

o Removes reliance from outdated demographics e.g. ‘young people’

@precedentcomms #precsem

Page 63: Anatomy of a digital project seminar - 20th September, London

UNDERSTAND YOURAUDIENCE: TOOLS

o ‘3 dot’ audience prioritisation

o Qual and quant research techniques: surveys, interviews, focus groups, contextual observations

o Persona development (critical tasks and pain points)

@precedentcomms #precsem

Page 64: Anatomy of a digital project seminar - 20th September, London
Page 65: Anatomy of a digital project seminar - 20th September, London
Page 66: Anatomy of a digital project seminar - 20th September, London
Page 67: Anatomy of a digital project seminar - 20th September, London
Page 68: Anatomy of a digital project seminar - 20th September, London
Page 69: Anatomy of a digital project seminar - 20th September, London
Page 70: Anatomy of a digital project seminar - 20th September, London

UNDERSTAND YOURAUDIENCE

o Quantifies opportunities to deliver competitive advantage

o Provides real world examples for replicationacross the business

@precedentcomms #precsem

Page 71: Anatomy of a digital project seminar - 20th September, London

CRAFT THE EXPERIENCE

@precedentcomms #precsem

Page 72: Anatomy of a digital project seminar - 20th September, London

CRAFT THEEXPERIENCE

o Whole team approach – design, process and development

o Validate quickly with users directly

o Focuses on solving the right problem

@precedentcomms #precsem

Page 73: Anatomy of a digital project seminar - 20th September, London

CRAFT THEEXPERIENCE: TOOLS

o ‘Post-it note’ information architecture

o Lo-fi, paper and browser prototyping

o Refining and removing content

o Visual design flow and mood-boarding

@precedentcomms #precsem

Page 74: Anatomy of a digital project seminar - 20th September, London
Page 75: Anatomy of a digital project seminar - 20th September, London
Page 76: Anatomy of a digital project seminar - 20th September, London
Page 77: Anatomy of a digital project seminar - 20th September, London
Page 78: Anatomy of a digital project seminar - 20th September, London

CRAFT THEEXPERIENCE

o Reduces the risk of errors in final designand development

o Enables optimisation of customer experience without costly revisions

o Allows wider input to verify concept at an early stage

@precedentcomms #precsem

Page 79: Anatomy of a digital project seminar - 20th September, London

MAKE IT AREALITY

@precedentcomms #precsem

Page 80: Anatomy of a digital project seminar - 20th September, London

MAKE ITA REALITY

o Deciding what goes under the hood

o Considering integration points

o Investigating hosting platforms to boost performance

@precedentcomms #precsem

Page 81: Anatomy of a digital project seminar - 20th September, London
Page 82: Anatomy of a digital project seminar - 20th September, London
Page 83: Anatomy of a digital project seminar - 20th September, London
Page 84: Anatomy of a digital project seminar - 20th September, London
Page 85: Anatomy of a digital project seminar - 20th September, London
Page 86: Anatomy of a digital project seminar - 20th September, London
Page 87: Anatomy of a digital project seminar - 20th September, London

EVOLVE THECONVERSATION

@precedentcomms #precsem

Page 88: Anatomy of a digital project seminar - 20th September, London

EVOLVE THE CONVERSATION

o Deepening your ability to measure and monitor success

o Ensuring continuous improvement and senior buy-in

o Developing a fail-fast mentality to all digital initiatives

@precedentcomms #precsem

Page 89: Anatomy of a digital project seminar - 20th September, London

EVOLVE THE CONVERSATION: TOOLS

o Customer feedback surveys

o Continued program of user testing

o Competitor analysis and benchmarking

o Brand recognition and awareness surveys

@precedentcomms #precsem

Page 90: Anatomy of a digital project seminar - 20th September, London

Monash University

Page 91: Anatomy of a digital project seminar - 20th September, London
Page 92: Anatomy of a digital project seminar - 20th September, London

EVOLVE THE CONVERSATION

o Sustainable growth of customer acquisition and retention

o Deepened insight into customer needs, wantsand the purchase lifecycle

o Continued competitive advantage

@precedentcomms #precsem

Page 93: Anatomy of a digital project seminar - 20th September, London

GETTING DOWN TO BUSINESSUNDERSTAND YOUR AUDIENCECRAFT THE EXPERIENCEMAKE IT A REALITYEVOLVE THE CONVERSATION

@precedentcomms #precsem

Page 94: Anatomy of a digital project seminar - 20th September, London

BUT WHAT DOES IT ALL MEAN?

@precedentcomms #precsem

Page 95: Anatomy of a digital project seminar - 20th September, London

WHERE DO I START?:SIX GLOBALTRENDS

@precedentcomms #precsem

Page 96: Anatomy of a digital project seminar - 20th September, London

WHERE DO I START?:3 STEPS TOSUCCESS

@precedentcomms #precsem

Page 97: Anatomy of a digital project seminar - 20th September, London

BIGHAIRY AUDACIOUS GOAL

@precedentcomms #precsem

Page 98: Anatomy of a digital project seminar - 20th September, London

GETTING DOWN TO BUSINESSUNDERSTAND YOUR AUDIENCECRAFT THE EXPERIENCEMAKE IT A REALITYEVOLVE THE CONVERSATION

@precedentcomms #precsem

Page 99: Anatomy of a digital project seminar - 20th September, London

WANT TO LEARN MORE? UPCOMING EVENTS:

o 18th October: Advanced Digital Transformation roundtable

o 16th November: ‘Digital Anatomy’ seminar

o 30th November: Hartsquare’s TechSmart conference 2016

@precedentcomms #precsem

Page 100: Anatomy of a digital project seminar - 20th September, London

EARLY BIRD PASSES BY 30/09FURTHER 10% OFF EARLY BIRD RATE:PrecedentCustomerCode (1 ticket)PrecedentCustomer Code2 (2 tickets)

TECHSMARTNFP.COM

Page 101: Anatomy of a digital project seminar - 20th September, London

MEANINGFUL IDEAS,INTELLIGENTLY DELIVERED.”

@precedentcomms #precsem

Page 102: Anatomy of a digital project seminar - 20th September, London

QUESTIONS & THANK YOU.

@precedentcomms #precsem