- 62.12
+ 12.01
- 62.12
- 62.12
+ 12.01
+ 132.01
+ 2.89
+ 12.01
+ 46.29
+/- 00.00
- 129.68
- 56.24
LudicDesign UNDERSTANDING THROUGH VISUAL EXPLANATION
n?
ac
De
nt
sig
Co gi
ng
is I
e
Fu
tu
re
to
Li
Ho
Co lla bo
fe
ork eW wW
Case Stud
ra tiv e W
ies
or ki ng
ig n in g
in
th
ord
Des
Br
Rec
at
ack
Wh
r Tr
nfo
rm
ati
on
t
Ou
a n In it ia t iv e
ABOUT THIS REPORT This report is intended to be a visual introduction to our work. Because a lot of what we do is commercially sensitive, we decided to practice what we preach and create some brand new information graphics to illustrate our case studies. We’ve also tried to eschew the normal corporate lists and tables and bring our story to life in a more visual way. We hope you enjoy our efforts. LD
Hello. We’re Ludic Design, a multidisciplinary Information Design Consultancy Our work is about creating understanding through visual communication. We’re part of The Ludic Group, an international organisation which has been working with a portfolio of blue-chip clients from around the world for more than five years. We use information design, graphics, films, animations and new media to help you communicate to multiple audiences from customers to workforces. We’d like to take this opportunity to introduce you to what we do...
What Is Information Design? (and why you need it) Information design plays a vital role in making complex information easy to understand and use. It is a rapidly growing discipline which emerged in response to a need to understand and use such things as forms, legal documents, signs, technical information, operating/ assembly instructions and is of particular importance in a world dominated by online systems and applications. Information designers use typography and graphic design to organise and articulate information in a way that makes it easy to understand and attractive but they also employ skills in process and systems analysis to understand the communication needs of a project. They understand that documents have contexts. They exist in real organisations and have real jobs to do. To make them work may well mean changing the way the organisation works as well as
changing the way a document looks and reads. It may mean adding new, or removing existing, documents, or changing the way information moves - for instance from paper to electronic means. It means being ready and able to measure the business impact of new ways of doing things. The discipline of information design is a user-centred one. Usually, it is iterative - design solutions are tested and modified repeatedly. Sometimes the testing is local and informal; sometimes a project justifies formal and extensive usability testing and evaluation. In this way information designers serve the needs of both information providers and information users. They consider the selection, structuring and presentation of the information provider’s message in relation to the purposes, skills, experience, preferences and circumstances of the intended users.
From reducing costs to making life easier for customers, good information design is crucial to the success of businesses. As customer communication becomes ever more complex, with brand values informing everything from letters, forms, call-centre dialogues and shop-floor conversations, the role of clear and consistent messaging and understanding becomes increasingly important. Internally, applying information design principles to documents such as forms, spreadsheets, databases and reports helps to ensure the efficient and effective gathering, processing and dissemination of information. Decision-makers in particular, benefit from clear internal reports and presentations.
How we work
1 Our approach is content driven; we work with you to analyse your data, business objectives and audience 2 We help our clients with challenges such as visualising data, envisioning the future or explaining complex ideas 3 We work iteratively with you to create the right assests to communicate what you want to say.
Information design can directly benefit the bottom line... By allowing quicker and better decisions; By clarifying organizational and project strategies; By revealing the value of a company’s products or services; By exposing anomalies in data.
6
Ludic Design – What Is Information Design?
1
Who we are Business analysts Researchers Art Directors Designers Illustrators
2
What we work on Branding Online tools Webinars Presentation materials Strategy visualisations Systems diagrams Big-Picture visuals Training materials Exhibitions
3
What we create Reports Books Presentations Diagrams Illustrations Maps and schematics Large format graphics Interactive Installations Animations Digital media and web
Ludic Design – How We Work
7
What Is Information Design? (and why you need it) Information design plays a vital role in making complex information easy to understand and use. It is a rapidly growing discipline which emerged in response to a need to understand and use such things as forms, legal documents, signs, technical information, operating/ assembly instructions and is of particular importance in a world dominated by online systems and applications. Information designers use typography and graphic design to organise and articulate information in a way that makes it easy to understand and attractive but they also employ skills in process and systems analysis to understand the communication needs of a project. They understand that documents have contexts. They exist in real organisations and have real jobs to do. To make them work may well mean changing the way the organisation works as well as
changing the way a document looks and reads. It may mean adding new, or removing existing, documents, or changing the way information moves - for instance from paper to electronic means. It means being ready and able to measure the business impact of new ways of doing things. The discipline of information design is a user-centred one. Usually, it is iterative - design solutions are tested and modified repeatedly. Sometimes the testing is local and informal; sometimes a project justifies formal and extensive usability testing and evaluation. In this way information designers serve the needs of both information providers and information users. They consider the selection, structuring and presentation of the information provider’s message in relation to the purposes, skills, experience, preferences and circumstances of the intended users.
From reducing costs to making life easier for customers, good information design is crucial to the success of businesses. As customer communication becomes ever more complex, with brand values informing everything from letters, forms, call-centre dialogues and shop-floor conversations, the role of clear and consistent messaging and understanding becomes increasingly important. Internally, applying information design principles to documents such as forms, spreadsheets, databases and reports helps to ensure the efficient and effective gathering, processing and dissemination of information. Decision-makers in particular, benefit from clear internal reports and presentations.
How we work
1 Our approach is content driven; we work with you to analyse your data, business objectives and audience 2 We help our clients with challenges such as visualising data, envisioning the future or explaining complex ideas 3 We work iteratively with you to create the right assests to communicate what you want to say.
Information design can directly benefit the bottom line... By allowing quicker and better decisions; By clarifying organizational and project strategies; By revealing the value of a company’s products or services; By exposing anomalies in data.
6
Ludic Design – What Is Information Design?
1
Who we are Business analysts Researchers Art Directors Designers Illustrators
2
What we work on Branding Online tools Webinars Presentation materials Strategy visualisations Systems diagrams Big-Picture visuals Training materials Exhibitions
3
What we create Reports Books Presentations Diagrams Illustrations Maps and schematics Large format graphics Interactive Installations Animations Digital media and web
Ludic Design – How We Work
7
CASE STUDY
EN
IP
3
ES N SI BU
AG AN M
AD LE 6
S
EM
SH ER
E IT SU C1
ON-
MAKI
NG WO
RK SHOP
OPERATING MOD
EL / TR
ANSF
1
8
ORM
ATIO N
VIS
ION
>>
larg
ef
or m
at
po
ste
rs
rm
at
po
st
er
s
1
AD
fo >>
LE
l ar
OR
ge
NI SH
CO
RM
IP
AT IO
N
2
ER
BAL
5
GLO
18
e do
9
7
l-ti m
10
rea
22
>>
50
CE
TRA
EN
NS
ER
FO
NF
2 4
cum
8
2
4
4
6
22
35
9
NG WO
DE CI SION-MAKI
Ludic
ABOUT THE GRAPHIC
ation
ers
6
t ma
st po
S PE
N IO AT
EX
>>
ER
g la r
CU
4
TO M
2
or ef
(Opposite page) A visual mapping of all emails and telephone calls to the US and UK during the project.
5
facilit
(This page) The number of people we worked with at different levels across each stages of the project .
CHANGE WORKSHOP >> graph ic
6
3
6
CULTURE
4
tion
RKSH
OP
3
ent a
This 9 month project included design of a large number of information graphics across print and digital media as well as real-time documentation during workshops and conferences in the UK and the US.
ISI DEC
SE
Ludic Design were commissioned by a transatlantic energy company to assist with a large organisational transformation programme. We worked with different teams within the company to produce information-driven communication for multiple audiences from board-level decision making panels to employees and investors. The key challenge of the project was to bring to life very technical and process-based data to highlight the role of staff and customers within the transformation.
T
Collaborative Working
M OR
R
IE N
R
IEN
CY
“D
I AY
N
TH
EL
IFE
OF
S”
>>
inte
OB
AL
T
r act
ive m
ot i on
graph
ics
11
IC
GL
20
FE
2
EF
40
8
NG
4
TI RA
3
PE
AN
/O
SF
5
CE
7
UNITED KINGDOM UNITED STATES OF AMERICA phone conversation conference call (dot = caller) email sent
4
Ludic Design – Collaborative Working
Ludic Design – Collaborative Working
5
CASE STUDY
EN
IP
3
ES N SI BU
AG AN M
AD LE 6
S
EM
SH ER
E IT SU C1
ON-
MAKI
NG WO
RK SHOP
OPERATING MOD
EL / TR
ANSF
1
8
ORM
ATIO N
VIS
ION
>>
larg
ef
or m
at
po
ste
rs
rm
at
po
st
er
s
1
AD
fo >>
LE
l ar
OR
ge
NI SH
CO
RM
IP
AT IO
N
2
ER
BAL
5
GLO
18
e do
9
7
l-ti m
10
rea
22
>>
50
CE
TRA
EN
NS
ER
FO
NF
2 4
cum
8
2
4
4
6
22
35
9
NG WO
DE CI SION-MAKI
Ludic
ABOUT THE GRAPHIC
ation
ers
6
t ma
st po
S PE
N IO AT
EX
>>
ER
g la r
CU
4
TO M
2
or ef
(Opposite page) A visual mapping of all emails and telephone calls to the US and UK during the project.
5
facilit
(This page) The number of people we worked with at different levels across each stages of the project .
CHANGE WORKSHOP >> graph ic
6
3
6
CULTURE
4
tion
RKSH
OP
3
ent a
This 9 month project included design of a large number of information graphics across print and digital media as well as real-time documentation during workshops and conferences in the UK and the US.
ISI DEC
SE
Ludic Design were commissioned by a transatlantic energy company to assist with a large organisational transformation programme. We worked with different teams within the company to produce information-driven communication for multiple audiences from board-level decision making panels to employees and investors. The key challenge of the project was to bring to life very technical and process-based data to highlight the role of staff and customers within the transformation.
T
Collaborative Working
M OR
R
IE N
R
IEN
CY
“D
I AY
N
TH
EL
IFE
OF
S”
>>
inte
OB
AL
T
r act
ive m
ot i on
graph
ics
11
IC
GL
20
FE
2
EF
40
8
NG
4
TI RA
3
PE
AN
/O
SF
5
CE
7
UNITED KINGDOM UNITED STATES OF AMERICA phone conversation conference call (dot = caller) email sent
4
Ludic Design – Collaborative Working
Ludic Design – Collaborative Working
5
CASE STUDY
Designing an Initiative word documents (1)
We were approached by a global IT services company to act as the design team for to introduce new best practice operating procedures across the organisation. The initial challenge of the project was to raise awareness and gain buy-in of employees and senior leadership.
powerpoint documents (5)
DOCUMENT TEMPLATES
A visual breakdown of all of the items designed during the course of the engagement, from project phases to deliverables to assets and the number of pages produced.
KEY
PROJECT
PAGE
ASSET (FRONT PAGE) 6
*
NUMBER OF PEOPLE ENGAGED
pictograms (18)
400% INDEXING SYSTEM
*
system mapping ‘ future state’ (6)
OPTIMISED PROCESS
document (9 pages)
document (9 pages)
system mapping ‘current state’ (1)
DOCUMENT 2
CUSTOMER JOURNEY
GUIDELINES
hypothesis document (12 pages)
stage H (2) high resolution (9)
system mapping ‘ future state’ (6)
stage G (6)
system mapping ‘current state’ (2) stage F (4) low resolution (9)
tools (8)
stage E (3) stage D (2)
LOGO
presentation (15)
stage C (3)
templates (8)
stage B (3) stage A (3)
WORKSHOP 2
METHODOLGY
document (25 pages)
NDIN
G
assignment (18)
WORKSHOP 1
PRO
GR A
MME
DE S
IGN
manual document (112 pages)
DOCUMENT 1
WOR
K SH
OP M
AT E R
IAL
MANUAL
ASSET
* Target to be reached by 2012 DELIVERABLE
*
REALISED BENEFITS
BR A
ABOUT THE GRAPHIC
£16m
indexing system guidelines (3)
Ludic Design developed branding and guidelines for all programme collateral, including a referencing system that allowed quick and simple identification and categorisation of documents. As the project progressed, we worked with them in developing a new methodology for accelerating the rollout the programme. Design outcomes included processes and materials for workshops, strategies for communicating dynamic information in the workplace and tools for collaborative mapping and data capture. As a result of our involvement, the client were able to accelerate programme deploymenttime by 400%, and increased the effectiveness of the programme to enable the realisation of bottom line benefits totally £16m [opex] per annum.
4000
indesign documents (5)
Ludic Design – Designing an initiative
DEP
L OY
MEN
TS MAN
UA L
Ludic Design – Designing an initiative
7
CASE STUDY
Designing an Initiative word documents (1)
We were approached by a global IT services company to act as the design team for to introduce new best practice operating procedures across the organisation. The initial challenge of the project was to raise awareness and gain buy-in of employees and senior leadership.
powerpoint documents (5)
DOCUMENT TEMPLATES
A visual breakdown of all of the items designed during the course of the engagement, from project phases to deliverables to assets and the number of pages produced.
KEY
PROJECT
PAGE
ASSET (FRONT PAGE) 6
*
NUMBER OF PEOPLE ENGAGED
pictograms (18)
400% INDEXING SYSTEM
*
system mapping ‘ future state’ (6)
OPTIMISED PROCESS
document (9 pages)
document (9 pages)
system mapping ‘current state’ (1)
DOCUMENT 2
CUSTOMER JOURNEY
GUIDELINES
hypothesis document (12 pages)
stage H (2) high resolution (9)
system mapping ‘ future state’ (6)
stage G (6)
system mapping ‘current state’ (2) stage F (4) low resolution (9)
tools (8)
stage E (3) stage D (2)
LOGO
presentation (15)
stage C (3)
templates (8)
stage B (3) stage A (3)
WORKSHOP 2
METHODOLGY
document (25 pages)
NDIN
G
assignment (18)
WORKSHOP 1
PRO
GR A
MME
DE S
IGN
manual document (112 pages)
DOCUMENT 1
WOR
K SH
OP M
AT E R
IAL
MANUAL
ASSET
* Target to be reached by 2012 DELIVERABLE
*
REALISED BENEFITS
BR A
ABOUT THE GRAPHIC
£16m
indexing system guidelines (3)
Ludic Design developed branding and guidelines for all programme collateral, including a referencing system that allowed quick and simple identification and categorisation of documents. As the project progressed, we worked with them in developing a new methodology for accelerating the rollout the programme. Design outcomes included processes and materials for workshops, strategies for communicating dynamic information in the workplace and tools for collaborative mapping and data capture. As a result of our involvement, the client were able to accelerate programme deploymenttime by 400%, and increased the effectiveness of the programme to enable the realisation of bottom line benefits totally £16m [opex] per annum.
4000
indesign documents (5)
Ludic Design – Designing an initiative
DEP
L OY
MEN
TS MAN
UA L
Ludic Design – Designing an initiative
7
CASE STUDY
Bringing the Future to Life We were commissioned by a UK broadcaster to work alongside internal producers to create an immersive and interactive environment to communicate the client’s new 10 year “Future Media” strategy. Our brief was to inform, engage and entertain staff nationwide with a travelling exhibition and design material to create awareness of the exhibition and communicate the strategy.
1
3D NEON SIGNAGE We developed a bespoke 3D typeface which was then constructed as a large hanging neon sign
We were involved from the start of the process, working on exhibition design and layout, communication, interaction design and art direction. This resulted in a consistent design approach that included bespoke 3D neon signage, wall graphics, interactive exhibits, laser cut RFID enabled objects and screen-printed packaging. At every stage project owners were involved to ensure content and designs were aligned to the strategic message. The resulting outcomes provided an engaging experience that communicated future scenarios in a direct and tangible way and attracted thousands of visitors over a two week period.
WALL GRAPHICS
6
2
PRINTED TAKEAWAYS
The exhibition featured the interior of a full scale family house, requiring over 200m of wall mounted graphics
4 RFID READERS Detected when a visitor used an RFID object and triggered animations
5
ABOUT THE GRAPHIC A diagramatic account of the different elements of the project.
RFID ENABLED OBJECTS Laser cut models of media devices were positioned throughtout the space. Each one of these contained an RFID tag which could be read by readers (4). When an object was swiped over these, projected information graphics appeared on the walls of the room.
12
Ludic Design – Bringing the future to Life
Information about the exhibition and other Future Media projects in development were presented in a bespoke screen-printed cardboard laptop
3
DATA TABLE Visitors could hold the RFID objects over a six metre projected surface which would ripple with related information
Ludic Design – Bringing the future to Life
13
CASE STUDY
Bringing the Future to Life We were commissioned by a UK broadcaster to work alongside internal producers to create an immersive and interactive environment to communicate the client’s new 10 year “Future Media” strategy. Our brief was to inform, engage and entertain staff nationwide with a travelling exhibition and design material to create awareness of the exhibition and communicate the strategy.
1
3D NEON SIGNAGE We developed a bespoke 3D typeface which was then constructed as a large hanging neon sign
We were involved from the start of the process, working on exhibition design and layout, communication, interaction design and art direction. This resulted in a consistent design approach that included bespoke 3D neon signage, wall graphics, interactive exhibits, laser cut RFID enabled objects and screen-printed packaging. At every stage project owners were involved to ensure content and designs were aligned to the strategic message. The resulting outcomes provided an engaging experience that communicated future scenarios in a direct and tangible way and attracted thousands of visitors over a two week period.
WALL GRAPHICS
6
2
PRINTED TAKEAWAYS
The exhibition featured the interior of a full scale family house, requiring over 200m of wall mounted graphics
4 RFID READERS Detected when a visitor used an RFID object and triggered animations
5
ABOUT THE GRAPHIC A diagramatic account of the different elements of the project.
RFID ENABLED OBJECTS Laser cut models of media devices were positioned throughtout the space. Each one of these contained an RFID tag which could be read by readers (4). When an object was swiped over these, projected information graphics appeared on the walls of the room.
12
Ludic Design – Bringing the future to Life
Information about the exhibition and other Future Media projects in development were presented in a bespoke screen-printed cardboard laptop
3
DATA TABLE Visitors could hold the RFID objects over a six metre projected surface which would ripple with related information
Ludic Design – Bringing the future to Life
13
Our Track Record... Sectors
Clients
International Work
ABN Amro
Government
12%
Accenture Baltic Bankinter
Pharmaceuticals
5%
BASF Barclays
Education
BBC
12%
BP Brit Insurance BT Department of Work and Pensions
Financial Services
Dubai Government Duke Corporate Education
26%
Ernst & Young Fujitsu GlaxoSmithKline
4
HBOS ICI
5
ING
Professional Services
13%
6
1
Immigration Services KPMG
14
8
London School of Economics
9
2
McKinsey
12
16
10
Monitor Group National Grid
18%
13
7
Liverpool Biennale Lloyds TSB
Telecommunication & Media
15
3
Nestle
11
17
Nokia O2 Ofcom
Energy & Chemicals
9%
PriceWaterhouseCoopers
1
Prudential Royal College of Art & Design
Culture
14
Ludic Design – Our Track Record...
5%
Boston
4
Dublin
9
Paris
New York
5
London
10
Dresden
San Jose
6
Amsterdam
Frankfurt
University of Cambridge
2
Lima
7
Copenhagen
Vodafone
3
Rio De Janero
8
Brussels
11
12
Madrid
Mumbai
Cape Town
New Delhi
Johannesburg
Hamburg
13
Dubai
Barcelona
14
Bangalore
15
17
Melbourne Sydney
Beijing Hong Kong
16
Bangkok
Ludic Design – Our Track Record
11
Our Track Record... Sectors
Clients
International Work
ABN Amro
Government
12%
Accenture Baltic Bankinter
Pharmaceuticals
5%
BASF Barclays
Education
BBC
12%
BP Brit Insurance BT Department of Work and Pensions
Financial Services
Dubai Government Duke Corporate Education
26%
Ernst & Young Fujitsu GlaxoSmithKline
4
HBOS ICI
5
ING
Professional Services
13%
6
1
Immigration Services KPMG
14
8
London School of Economics
9
2
McKinsey
12
16
10
Monitor Group National Grid
18%
13
7
Liverpool Biennale Lloyds TSB
Telecommunication & Media
15
3
Nestle
11
17
Nokia O2 Ofcom
Energy & Chemicals
9%
PriceWaterhouseCoopers
1
Prudential Royal College of Art & Design
Culture
14
Ludic Design – Our Track Record...
5%
Boston
4
Dublin
9
Paris
New York
5
London
10
Dresden
San Jose
6
Amsterdam
Frankfurt
University of Cambridge
2
Lima
7
Copenhagen
Vodafone
3
Rio De Janero
8
Brussels
11
12
Madrid
Mumbai
Cape Town
New Delhi
Johannesburg
Hamburg
13
Dubai
Barcelona
14
Bangalore
15
17
Melbourne Sydney
Beijing Hong Kong
16
Bangkok
Ludic Design – Our Track Record
11
Contact Us If what you saw in this report looks interesting to you or want to find out more about Ludic Design then please do not hesitate to contact us for more information.
Ludic Design Limited
Matthew Falla Managing Director m: +44(0)79 5028 8352 e: matthewfalla@ludicgroup.com Christian Th端mer Creative Director m: +44(0)79 6688 0583 e: christianthumer@ludicgroup.com
24-26 Fournier Street London, E1 6QE United Kingdom