SlideShare a Scribd company logo
Episerver
Episerver
LAB: How to focus your
digital strategy on UX
JACOB KHAN › EPISERVER
JARED WOODEN › MIRUM
Episerver
• MIRUM AGENCY
• Global marketing agency with 46 offices in 20 countries
• 2016 Gartner Magic Quadrant Visionary
• Primarily focused on business transformation, experience design, and
commerce activation
• MAZDA NORTH AMERICA
• Global automotive manufacturer headquartered in Japan/Irvine, CA.
• Transitioning from economy to premium brand
• Recently migrated to Episerver as their global CMS solution
Who We Are
Episerver
What is
Digital Strategy
Digital is the application of information and
technology to raise human performance.
Strategy is setting a direction, sequencing
resources and making commitments.
We use strategy to make the intersection of
creativity and technology meaningful.
Episerver
or, in one word…
Enablement
Episerver
Design and maintain a data-driven, modern
digital platform that builds brand, improves
service and sales loyalty, and positively
serves customers at any stage of their
relationship with Mazda.
Strategic Vision
Strategic
Framework
Episerver
Episerver
Then & Now
Building a
Component
Library
Episerver
Epi as
a UX tool
Component library made
available as Blocks in
Episerver.
UX designs the content
hierarchy and page structure
directly in the CMS.
Allows for multiple variations, so
testing is a breeze.
Episerver
In Episerver
Terms
Block: Flexible components and
reusable content parts
Episerver
In Episerver
Terms
Block: Flexible components and
reusable content parts
Content Area: Blocks are drag
and dropped into content areas
to build pages
Episerver
In Episerver
Terms
Block: Flexible components and
reusable content parts
Content Area: Blocks are drag
and dropped into Content Areas
to build pages
Display Option: Configurations
for a specific instance of a Block
to control the way it is presented
on a page
Episerver
Understand how a content editor at Mazda
can leverage existing media/content parts to
quickly and easily stand up a marketing
landing page.
Today’s Focus
Episerver
Mazda wishes to create a landing page to
support an upcoming new vehicle launch.
The Challenge
Episerver
Attract, engage and convert the end user
through a visually appealing and informative
design.
The Goal
Episerver
Head to the
Demo URL
mazda.demo.na.episerver.com/l
abs
Episerver
Follow the instructions on your screen, and
create a new landing page for Mazda. Use
existing media from the library to make your
page unique and visually appealing.
The Exercise
Episerver
• With great flexibility comes great responsibility.
Approval workflows and roles can be used to
limit content editors accordingly.
• With the employment of Display Options,
blocks are extremely powerful and can be
combined for a virtually unlimited number of
variations.
• Whenever possible, content should be built as
HTML text in your blocks, avoid using copy in
imagery as this has SEO and responsive
design implications
What We Learned
Episerver
Contact Us
Jacob Khan, Episerver
jacob.khan@episerver.com
Jared Wooden, Mirum
Agency
jared.wooden@mirumagency.com
Episerver

More Related Content

PDF
Resum Adobe Summit 2015
PPTX
LeadGen - Multipurpose Marketing Landing Page Pack with Page Builder
PPTX
Introduction to digital marketing
PDF
Building an Ad Server to Optimize House (Internal) Ads
PPTX
Ecommerce web development company
PPT
WebzoneUK web developement company in Surrey, UK.
PDF
Website design and development company
PDF
e-commerce project II
Resum Adobe Summit 2015
LeadGen - Multipurpose Marketing Landing Page Pack with Page Builder
Introduction to digital marketing
Building an Ad Server to Optimize House (Internal) Ads
Ecommerce web development company
WebzoneUK web developement company in Surrey, UK.
Website design and development company
e-commerce project II

What's hot (7)

PDF
Emerging leaders web redesign proposal
PPTX
Eb aquesha
PPSX
Cheese Care Worx review
PPTX
AdWords Sitelinks
PPTX
Website design development
PPTX
Php developers in india
PPTX
Bizness Apps Webinar - 11/14/12
Emerging leaders web redesign proposal
Eb aquesha
Cheese Care Worx review
AdWords Sitelinks
Website design development
Php developers in india
Bizness Apps Webinar - 11/14/12
Ad

Recently uploaded (20)

PPTX
A Presentation on Artificial Intelligence
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Electronic commerce courselecture one. Pdf
PDF
cuic standard and advanced reporting.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
1. Introduction to Computer Programming.pptx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
Machine Learning_overview_presentation.pptx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Getting Started with Data Integration: FME Form 101
PPTX
Big Data Technologies - Introduction.pptx
A Presentation on Artificial Intelligence
“AI and Expert System Decision Support & Business Intelligence Systems”
Electronic commerce courselecture one. Pdf
cuic standard and advanced reporting.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
The Rise and Fall of 3GPP – Time for a Sabbatical?
Advanced methodologies resolving dimensionality complications for autism neur...
Dropbox Q2 2025 Financial Results & Investor Presentation
SOPHOS-XG Firewall Administrator PPT.pptx
Digital-Transformation-Roadmap-for-Companies.pptx
1. Introduction to Computer Programming.pptx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Machine Learning_overview_presentation.pptx
Assigned Numbers - 2025 - Bluetooth® Document
Unlocking AI with Model Context Protocol (MCP)
MIND Revenue Release Quarter 2 2025 Press Release
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Getting Started with Data Integration: FME Form 101
Big Data Technologies - Introduction.pptx
Ad

Episerver Ascend '17 | How to focus your digital strategy on UX

  • 2. Episerver LAB: How to focus your digital strategy on UX JACOB KHAN › EPISERVER JARED WOODEN › MIRUM
  • 3. Episerver • MIRUM AGENCY • Global marketing agency with 46 offices in 20 countries • 2016 Gartner Magic Quadrant Visionary • Primarily focused on business transformation, experience design, and commerce activation • MAZDA NORTH AMERICA • Global automotive manufacturer headquartered in Japan/Irvine, CA. • Transitioning from economy to premium brand • Recently migrated to Episerver as their global CMS solution Who We Are
  • 4. Episerver What is Digital Strategy Digital is the application of information and technology to raise human performance. Strategy is setting a direction, sequencing resources and making commitments. We use strategy to make the intersection of creativity and technology meaningful.
  • 5. Episerver or, in one word… Enablement
  • 6. Episerver Design and maintain a data-driven, modern digital platform that builds brand, improves service and sales loyalty, and positively serves customers at any stage of their relationship with Mazda. Strategic Vision
  • 11. Episerver Epi as a UX tool Component library made available as Blocks in Episerver. UX designs the content hierarchy and page structure directly in the CMS. Allows for multiple variations, so testing is a breeze.
  • 12. Episerver In Episerver Terms Block: Flexible components and reusable content parts
  • 13. Episerver In Episerver Terms Block: Flexible components and reusable content parts Content Area: Blocks are drag and dropped into content areas to build pages
  • 14. Episerver In Episerver Terms Block: Flexible components and reusable content parts Content Area: Blocks are drag and dropped into Content Areas to build pages Display Option: Configurations for a specific instance of a Block to control the way it is presented on a page
  • 15. Episerver Understand how a content editor at Mazda can leverage existing media/content parts to quickly and easily stand up a marketing landing page. Today’s Focus
  • 16. Episerver Mazda wishes to create a landing page to support an upcoming new vehicle launch. The Challenge
  • 17. Episerver Attract, engage and convert the end user through a visually appealing and informative design. The Goal
  • 18. Episerver Head to the Demo URL mazda.demo.na.episerver.com/l abs
  • 19. Episerver Follow the instructions on your screen, and create a new landing page for Mazda. Use existing media from the library to make your page unique and visually appealing. The Exercise
  • 20. Episerver • With great flexibility comes great responsibility. Approval workflows and roles can be used to limit content editors accordingly. • With the employment of Display Options, blocks are extremely powerful and can be combined for a virtually unlimited number of variations. • Whenever possible, content should be built as HTML text in your blocks, avoid using copy in imagery as this has SEO and responsive design implications What We Learned
  • 21. Episerver Contact Us Jacob Khan, Episerver jacob.khan@episerver.com Jared Wooden, Mirum Agency jared.wooden@mirumagency.com

Editor's Notes

  • #5: Focused on user Solving business problems
  • #11: Expand on benefits of component library