Geek’s Guide
Producing the
What’s Inside
• UBM’s main goals
• ion’s process and timeline
• Why Interactive Content?
• Behind the design
• Key findings

Background
UBM is a global events-led marketing and communications 

services business.
• We help businesses do business
by connecting them through live
events, and digital and print
media.

• We operate in over 20 countries
around the world

• Our 5,000 expert staff are deeply
embedded in the many specialist
communities we serve

Background
Established content
businesses include
InformationWeek.com, IFSEC
Global and others. However,
we do not have a content
presence in many of our
markets.
Content Competition
Marketers are competing in
a noisy content marketing
landscape which requires
more than publishing the
same content as everyone
else.
You must stand out. 

You must have a unique
value proposition.
The Role of Content
Content plays an important
role:
• Builds our lead database
• Nurtures leads to attend
our live events.
Backdrop for events is highly
competitive market.
A modest content team = the
need for a different approach
to boost engagement.
Discovery
• Is there existing content we 

can leverage?

• How will content be distributed?

• What are the main goals of 

this interactive content? 

Luke and team wanted to leverage
interactive content to promote London
Technology Week. We had a
conversation to identify:
Leverage Existing Content
• The UBM team was currently
working on a static download
titled “The Geek’s Guide to
London” which listed techie hot
spots around London.

• This content would be perfect for
an interactive tour. 

Traffic
• Users would access this 

interactive tour guide via 

informationweek.com.

• To drive traffic, ion 

created a banner ad.

The banner enabled tight
messaging and visual
consistency between 

the ad and the interactive
experience. 

Success Metrics
• The primary goal of this experience 

was to enable users to sign up for 

London Technology Week.

• A secondary goal was to 

encourage user engagement.

• Social sharing was also a key 

metric and would facilitate additional 

awareness and promotion of London 

Technology Week.



The ion Process
DISCOVER PLAN ANALYZEEXECUTE
The four stages of the ion process:



The ion Process
STEP 1
Discovery

STEP 2
Concept Brief

STEP 3
Interactive Wireframe
STEP 4
Design/Build

STEP 5
QA
STEP 6
Launch
STEP 7
Review & 

Measurement
Concept Brief
Following the initial
discovery, a concept brief
was created that outlined the
key functionality and
engagement points that
would be woven into 

the experience. 



An interactive wireframe was created to show functionality, look and 

feel in action, allowing UBM to provide early feedback.



Wireframe
Design
Finally, the design phase was carried out bringing this

interactive content to to life.
Static to Interactive
Launch

Launch Date: 6/8
Timeline
Discovery

Kickoff: 4/22
Concept Brief

Reviewed and
Approved: 4/30
Interactive wireframe

Reviewed: 5/13

Approved: 5/20
Design/Build

Time Spent: 

5/20 - 5/25
QA

Completed: 6/1

Delivered: 6/2
Review &
Measurement

Ongoing
Value of Interactive Content
Why the proposed solution 

was a good fit? 
UBM didn’t have significant
content presence at London
Technology Week.



As part of week’s events we
were introducing our U.S. -
based event, Interop to the
UK for the first time.
Value of Interactive Content
Prefer analytics that provide
insight before committing to
larger strategic initiatives. 

Performed audit of articles
that performed well in the U.S.
for Interop, noticing a
slideshow called ‘Geek’s
Guide to New York’ leading
the list.

Decided that a Geek’s Guide
to London, as part of London
Technology Week was a great
fit.
Value of Interactive Content
Had some familiarity with ion
which spurred internal
conversation about utilizing
interactive content.

How could we use
interactive content to engage
and differentiate?
Value of Interactive Content
Without the prospect of
interactive content as an
engagement tool, we would
resort to traditional, static
content.
We couldn’t let that happen
Value of Interactive Content
Interactive content offers highest
value features
UBM craved unique, visually
compelling experiences, made to
pop in a cluttered sea of content.

Bonus: Huge lead gen and
conversion potential
Inside the

Design
– Steve Jobs
Modern Design
The experience has a sleek and modern feel to align with the 

overall brand of London Technology Week.
Responsive Content
All content is mobile responsive to encourage users to 

travel and utilize the Geek’s Guide on the go!
Scrollable
This long scrollable experience is the perfect layout 

for an interactive tour guide.
Engagement Points
The Geek’s Guide provides multiple opportunities to engage 

with the main CTA and sign up for London Technology Week.



Engagement Points
The experience includes multiple engagement 

points so users can interact in a variety of ways.
Engagement Points
An interactive map provides a visual outline of the content while

also serving to encourage engagement.
Engagement Points
Hamburger navigation enables users

with an easy way to quickly jump to content.
Engagement Points
Prominent calls to
action are included
throughout the
experience, driving
users to sign up for
London Technology
Week.
Social share icons
allow for easy social
exposure and
interaction.
Engagement Points
Users can leverage
the interactive map,
hamburger navigation
or simply scroll down
the page to interact
with the Geek’s Guide.
Each stop featured
within the guide
includes a prominent
CTA along with the
option to share the
guide socially
Engagement Points
Users can select ‘learn more’ in the hero section to gain 

insights on how to maximize the guide and its value.
Royal Observatory Greenwich
Engagement Points
Each location featured in the
guide includes a map paired with
Google directions so users can
easily find their destination



A brief description of each location
is included and paired with the
location coordinates and 

nearest tube station.
Engagement Points
In addition to spotlighting the top
10 London Techie hotspots, direct
access to more details about
London Tech Week events was
showcased within the Geeks’
Guide to help inform users about
the event.



Engagement Points
Additionally, there are many
opportunities to share the site
socially to attract additional traffic
and leverage the social media
networks to highlight the events.


Key Findings
• Users spent an average of 2+ minutes
exploring the guide indicating high
engagement.
• Facebook was the preferred method of
social sharing for visitors who chose to
engage socially.
• Interactive content can help to drive
additional social buzz.
• 1/4 of users who viewed this page did so on
a mobile device.

– Steve Jobs
Mobile Traffic
24.6% of traffic came to this experience via a mobile device!
Top Engagement Points
1) View All Events : We found that
respondents we interested in learning
more about the events that London Tech
week had to offer.
2) Learn More High engagement with the
learn more CTA indicates that visitors
were interested in finding out more about
what London Tech week has to offer.
3) Sign Up for Updates This CTA had
the third highest engagement rate. Its eye
catching color and prominent placement
throughout the experience helped attract
users to this main CTA.
1
23
User data tells us that the highest
engagement points within this experience
aligns perfectly with the goals for this
interactive content.
Top Engagement Points
4) Museum Computing
5) Flux Lounge 
6) Lawrence Walk 
7) Eccleston Square 
8) Interop London 
9) iPilot 
1
23
4
5
6
7
8
9
We also gained a sneak peak into the top
locations if interest based on user
engagement.
Thanks!
Learn more about how we can
help you rapidly deploy effective,
engaging interactive content.



Try the Geek’s Guide:

http://go.ioninteractive.com/
example/ubm-london





Sales: 561-235-7474
info@ioninteractive.com

More Related Content

PDF
Sales and Marketing Alignment Starts with Content Marketing
PDF
2017 Interactive Content Marketing Trends
PDF
The Truth About Digital Body Language
PDF
Get to Know ion interactive
PDF
Interactive Content for Demand Generation
PDF
2016 Interactive Content Marketing Trends
PDF
Interactive Content For Demand Generation
PDF
SMX Summit: The 4th Wave of Content Marketing
Sales and Marketing Alignment Starts with Content Marketing
2017 Interactive Content Marketing Trends
The Truth About Digital Body Language
Get to Know ion interactive
Interactive Content for Demand Generation
2016 Interactive Content Marketing Trends
Interactive Content For Demand Generation
SMX Summit: The 4th Wave of Content Marketing

What's hot (20)

PDF
Boost Your Content Marketing Results
PDF
Building Relationships with Content
PDF
Boost Your Results with Innovative Landing Pages
PDF
Deliver Engaging Content to Your Buyers: A Tale of Two Journeys
PDF
The Interactive Content Playbook
PDF
Testing Interactive Content
PDF
How to Use Interactive Content to Tell Your Story & Accelerate the Buyer's Jo...
PDF
Make the Most of Your Traffic
PDF
Marketing Apps [Infographic]
PDF
Digital Differentiation: Using Interactivity to Separate Your Brand From the ...
PDF
How to Make Your Content Interactive
PDF
A Tale of Two Journeys: Delivering Engaging Content to Your Buyers
PDF
How a Content Marketing Company Does Content Marketing
PDF
2014 Digital Marketing Trends
PDF
Marketing Apps: How To Turn Interaction into Business Action
PDF
How to Engage, Generate, and Qualify More Leads Using Interactive Content
PDF
Campaign Digital Experiences Your Visitors Will Love
PDF
2015 Interactive Content Marketing Trends
PDF
Producing Engaging Content
PDF
Demand Gen Report's Killer Content Awards 2016
Boost Your Content Marketing Results
Building Relationships with Content
Boost Your Results with Innovative Landing Pages
Deliver Engaging Content to Your Buyers: A Tale of Two Journeys
The Interactive Content Playbook
Testing Interactive Content
How to Use Interactive Content to Tell Your Story & Accelerate the Buyer's Jo...
Make the Most of Your Traffic
Marketing Apps [Infographic]
Digital Differentiation: Using Interactivity to Separate Your Brand From the ...
How to Make Your Content Interactive
A Tale of Two Journeys: Delivering Engaging Content to Your Buyers
How a Content Marketing Company Does Content Marketing
2014 Digital Marketing Trends
Marketing Apps: How To Turn Interaction into Business Action
How to Engage, Generate, and Qualify More Leads Using Interactive Content
Campaign Digital Experiences Your Visitors Will Love
2015 Interactive Content Marketing Trends
Producing Engaging Content
Demand Gen Report's Killer Content Awards 2016
Ad

Similar to Producing UBM's Geek's Guide to London (20)

PPT
Information Architecture and the Distributed User Experience
PDF
EXPERIENTIAL WEB
PDF
15 Types of Interactive Content
PDF
7 types of interactive content to get you started
PPTX
Are we nearly there yet?
PDF
Behind the Scenes of Interactive Content
PDF
Intro to UX with Huge
PPTX
Slides for blog to slideshare
PDF
Digital service experience trends
PDF
The Best Web Designs Of 2015 and 2016
PPTX
Masterclass Content Journeys
PPTX
Functional Design Lab
PDF
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
PDF
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
PDF
How to use interactive content for deeper engagement.pdf
PPTX
SXSW Interactive 2011
PDF
Masterclass Content Journeys
PPT
Random House Widget
PDF
Wine is Not Just Grape Juice: How Content is Essential to UX
PDF
ISMAR 2014 AR Workshop: Designing Location Based Experiences
Information Architecture and the Distributed User Experience
EXPERIENTIAL WEB
15 Types of Interactive Content
7 types of interactive content to get you started
Are we nearly there yet?
Behind the Scenes of Interactive Content
Intro to UX with Huge
Slides for blog to slideshare
Digital service experience trends
The Best Web Designs Of 2015 and 2016
Masterclass Content Journeys
Functional Design Lab
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
How to use interactive content for deeper engagement.pdf
SXSW Interactive 2011
Masterclass Content Journeys
Random House Widget
Wine is Not Just Grape Juice: How Content is Essential to UX
ISMAR 2014 AR Workshop: Designing Location Based Experiences
Ad

More from ion interactive (12)

PDF
Creating Better Sales with Interactive Content
PDF
How to Create Better Leads with Interactive Content
PDF
The ion “Better” Series_ Creating Better Engagement
PDF
ion "Better" Series Part 2: Creating Better Content Keynote
PDF
Customer Webinar: eBooks 101
PDF
Creating Better Awareness
PDF
Customer Webinar: Interactive Infographics 101
PDF
Top 2018 Trends and Predictions
PPTX
Win with Content: ion + ScribbleLive
PDF
How to Launch a Successful Interactive Content Program Now
PDF
Hacking Marketing
PDF
Creating an Interactive Content Strategy that Works with Technology
Creating Better Sales with Interactive Content
How to Create Better Leads with Interactive Content
The ion “Better” Series_ Creating Better Engagement
ion "Better" Series Part 2: Creating Better Content Keynote
Customer Webinar: eBooks 101
Creating Better Awareness
Customer Webinar: Interactive Infographics 101
Top 2018 Trends and Predictions
Win with Content: ion + ScribbleLive
How to Launch a Successful Interactive Content Program Now
Hacking Marketing
Creating an Interactive Content Strategy that Works with Technology

Recently uploaded (20)

PDF
Social Media Optimization Basic Introduction
PPTX
AI Search Demystified: Future‑Proof Your Brand For AI‑Driven Queries
PPTX
Segmentation_EM[1]_Powerpoint prese.pptx
PDF
AI powered Digital Marketing- How AI changes
PPTX
CH 1 AN INTRODUCTION OF INTEGRATED MARKETING COMMUNICATION (COMBINE)
PPTX
Events Management Overview of Events Management
PDF
Top-Rated Marketplaces to Buy Verified Cash App Accounts Safely.pdf
PDF
Retaining SEO Rankings During Website Redesign.pdf
PPTX
Fixing AI Hallucinations: The NeuroRank™ Approach
PDF
Social Media Marketing in 2025 blog 1 2.pdf
PPTX
Top Digital Marketing Companies in Mumbai
PDF
EX Kathmandu _Kailash Mansarovar Yatra 2025 by Nagarjuna Travels.pdf
PDF
Digital Marketing Training in Hyderabad
PDF
6 AI Marketing Myths That Are Slowing You Down & Draining Your Budgets
PDF
It Takes a Village Campaign Plan Book; Sidra Medicine
PPTX
1 percent Clicks, percent Traffic Loss-Your SEO Stack Isn’t Built for AI
PPTX
The Rise of Chatbots in Conversational Commerce.pptx
PDF
Chapter 8,9.pdfVGGGCFDRGFDXCRFTGDSEDSFCTGHNHGBVHG
PPT
Introduction to consumer behavior(1).PPT
PPTX
APA Examples Reference Examples Style and
Social Media Optimization Basic Introduction
AI Search Demystified: Future‑Proof Your Brand For AI‑Driven Queries
Segmentation_EM[1]_Powerpoint prese.pptx
AI powered Digital Marketing- How AI changes
CH 1 AN INTRODUCTION OF INTEGRATED MARKETING COMMUNICATION (COMBINE)
Events Management Overview of Events Management
Top-Rated Marketplaces to Buy Verified Cash App Accounts Safely.pdf
Retaining SEO Rankings During Website Redesign.pdf
Fixing AI Hallucinations: The NeuroRank™ Approach
Social Media Marketing in 2025 blog 1 2.pdf
Top Digital Marketing Companies in Mumbai
EX Kathmandu _Kailash Mansarovar Yatra 2025 by Nagarjuna Travels.pdf
Digital Marketing Training in Hyderabad
6 AI Marketing Myths That Are Slowing You Down & Draining Your Budgets
It Takes a Village Campaign Plan Book; Sidra Medicine
1 percent Clicks, percent Traffic Loss-Your SEO Stack Isn’t Built for AI
The Rise of Chatbots in Conversational Commerce.pptx
Chapter 8,9.pdfVGGGCFDRGFDXCRFTGDSEDSFCTGHNHGBVHG
Introduction to consumer behavior(1).PPT
APA Examples Reference Examples Style and

Producing UBM's Geek's Guide to London

  • 2. What’s Inside • UBM’s main goals • ion’s process and timeline • Why Interactive Content? • Behind the design • Key findings

  • 3. Background UBM is a global events-led marketing and communications 
 services business. • We help businesses do business by connecting them through live events, and digital and print media.
 • We operate in over 20 countries around the world
 • Our 5,000 expert staff are deeply embedded in the many specialist communities we serve

  • 4. Background Established content businesses include InformationWeek.com, IFSEC Global and others. However, we do not have a content presence in many of our markets.
  • 5. Content Competition Marketers are competing in a noisy content marketing landscape which requires more than publishing the same content as everyone else. You must stand out. 
 You must have a unique value proposition.
  • 6. The Role of Content Content plays an important role: • Builds our lead database • Nurtures leads to attend our live events. Backdrop for events is highly competitive market. A modest content team = the need for a different approach to boost engagement.
  • 7. Discovery • Is there existing content we 
 can leverage?
 • How will content be distributed?
 • What are the main goals of 
 this interactive content? 
 Luke and team wanted to leverage interactive content to promote London Technology Week. We had a conversation to identify:
  • 8. Leverage Existing Content • The UBM team was currently working on a static download titled “The Geek’s Guide to London” which listed techie hot spots around London.
 • This content would be perfect for an interactive tour. 

  • 9. Traffic • Users would access this 
 interactive tour guide via 
 informationweek.com.
 • To drive traffic, ion 
 created a banner ad.
 The banner enabled tight messaging and visual consistency between 
 the ad and the interactive experience. 

  • 10. Success Metrics • The primary goal of this experience 
 was to enable users to sign up for 
 London Technology Week.
 • A secondary goal was to 
 encourage user engagement.
 • Social sharing was also a key 
 metric and would facilitate additional 
 awareness and promotion of London 
 Technology Week.
 

  • 11. The ion Process DISCOVER PLAN ANALYZEEXECUTE The four stages of the ion process:
 

  • 12. The ion Process STEP 1 Discovery
 STEP 2 Concept Brief
 STEP 3 Interactive Wireframe STEP 4 Design/Build
 STEP 5 QA STEP 6 Launch STEP 7 Review & 
 Measurement
  • 13. Concept Brief Following the initial discovery, a concept brief was created that outlined the key functionality and engagement points that would be woven into 
 the experience. 
 

  • 14. An interactive wireframe was created to show functionality, look and 
 feel in action, allowing UBM to provide early feedback.
 
 Wireframe
  • 15. Design Finally, the design phase was carried out bringing this
 interactive content to to life.
  • 17. Launch
 Launch Date: 6/8 Timeline Discovery
 Kickoff: 4/22 Concept Brief
 Reviewed and Approved: 4/30 Interactive wireframe
 Reviewed: 5/13
 Approved: 5/20 Design/Build
 Time Spent: 
 5/20 - 5/25 QA
 Completed: 6/1
 Delivered: 6/2 Review & Measurement
 Ongoing
  • 18. Value of Interactive Content Why the proposed solution 
 was a good fit?  UBM didn’t have significant content presence at London Technology Week.
 
 As part of week’s events we were introducing our U.S. - based event, Interop to the UK for the first time.
  • 19. Value of Interactive Content Prefer analytics that provide insight before committing to larger strategic initiatives. Performed audit of articles that performed well in the U.S. for Interop, noticing a slideshow called ‘Geek’s Guide to New York’ leading the list. Decided that a Geek’s Guide to London, as part of London Technology Week was a great fit.
  • 20. Value of Interactive Content Had some familiarity with ion which spurred internal conversation about utilizing interactive content. How could we use interactive content to engage and differentiate?
  • 21. Value of Interactive Content Without the prospect of interactive content as an engagement tool, we would resort to traditional, static content. We couldn’t let that happen
  • 22. Value of Interactive Content Interactive content offers highest value features UBM craved unique, visually compelling experiences, made to pop in a cluttered sea of content. Bonus: Huge lead gen and conversion potential
  • 24. – Steve Jobs Modern Design The experience has a sleek and modern feel to align with the 
 overall brand of London Technology Week.
  • 25. Responsive Content All content is mobile responsive to encourage users to 
 travel and utilize the Geek’s Guide on the go!
  • 26. Scrollable This long scrollable experience is the perfect layout 
 for an interactive tour guide.
  • 27. Engagement Points The Geek’s Guide provides multiple opportunities to engage 
 with the main CTA and sign up for London Technology Week.
 

  • 28. Engagement Points The experience includes multiple engagement 
 points so users can interact in a variety of ways.
  • 29. Engagement Points An interactive map provides a visual outline of the content while
 also serving to encourage engagement.
  • 30. Engagement Points Hamburger navigation enables users
 with an easy way to quickly jump to content.
  • 31. Engagement Points Prominent calls to action are included throughout the experience, driving users to sign up for London Technology Week. Social share icons allow for easy social exposure and interaction.
  • 32. Engagement Points Users can leverage the interactive map, hamburger navigation or simply scroll down the page to interact with the Geek’s Guide. Each stop featured within the guide includes a prominent CTA along with the option to share the guide socially
  • 33. Engagement Points Users can select ‘learn more’ in the hero section to gain 
 insights on how to maximize the guide and its value.
  • 34. Royal Observatory Greenwich Engagement Points Each location featured in the guide includes a map paired with Google directions so users can easily find their destination
 
 A brief description of each location is included and paired with the location coordinates and 
 nearest tube station.
  • 35. Engagement Points In addition to spotlighting the top 10 London Techie hotspots, direct access to more details about London Tech Week events was showcased within the Geeks’ Guide to help inform users about the event.
 

  • 36. Engagement Points Additionally, there are many opportunities to share the site socially to attract additional traffic and leverage the social media networks to highlight the events. 

  • 37. Key Findings • Users spent an average of 2+ minutes exploring the guide indicating high engagement. • Facebook was the preferred method of social sharing for visitors who chose to engage socially. • Interactive content can help to drive additional social buzz. • 1/4 of users who viewed this page did so on a mobile device.

  • 38. – Steve Jobs Mobile Traffic 24.6% of traffic came to this experience via a mobile device!
  • 39. Top Engagement Points 1) View All Events : We found that respondents we interested in learning more about the events that London Tech week had to offer. 2) Learn More High engagement with the learn more CTA indicates that visitors were interested in finding out more about what London Tech week has to offer. 3) Sign Up for Updates This CTA had the third highest engagement rate. Its eye catching color and prominent placement throughout the experience helped attract users to this main CTA. 1 23 User data tells us that the highest engagement points within this experience aligns perfectly with the goals for this interactive content.
  • 40. Top Engagement Points 4) Museum Computing 5) Flux Lounge  6) Lawrence Walk  7) Eccleston Square  8) Interop London  9) iPilot  1 23 4 5 6 7 8 9 We also gained a sneak peak into the top locations if interest based on user engagement.
  • 41. Thanks! Learn more about how we can help you rapidly deploy effective, engaging interactive content.
 
 Try the Geek’s Guide:
 http://go.ioninteractive.com/ example/ubm-london
 
 
 Sales: 561-235-7474 info@ioninteractive.com