![Page 1: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/1.jpg)
November 01, 2013 _Sector Confidential 1
Agency training – Way of working around Experience manager Philips Component Library
Roel de Laat, Danielle Schmit, Stacey Salazar Digital Services, B2B
March 2015
![Page 2: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/2.jpg)
November 01, 2013 _Sector Confidential 2
Our Adobe EM Pages
![Page 3: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/3.jpg)
November 01, 2013 _Sector Confidential 3
Typical development approach
Typical EM Site
Wireframes
Designs
Build HTML
Build template
Build/extend components
Testing
Compose/assemble master
Localize
Training
![Page 4: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/4.jpg)
November 01, 2013 _Sector Confidential 4
they look the same
![Page 5: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/5.jpg)
November 01, 2013 _Sector Confidential 5
Structure the
choices
Clearer differentiation in
options
Explain benefits
![Page 6: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/6.jpg)
November 01, 2013 _Sector Confidential 6
Why generic components are important
![Page 7: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/7.jpg)
November 01, 2013 _Sector Confidential 7
Because you can create multiple experiences
Stacking them differently and using
“theming”
![Page 8: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/8.jpg)
November 01, 2013 _Sector Confidential 8
![Page 9: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/9.jpg)
November 01, 2013 _Sector Confidential 9
BP_18
GC_11
PC_02
GC_04
PC_05
GC_04
N_11
![Page 10: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/10.jpg)
November 01, 2013 _Sector Confidential 10
![Page 11: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/11.jpg)
November 01, 2013 _Sector Confidential 11
From build to re-use The
component library
Intake process
Re-use + Enhance
Build
CL
LI
HC
CO
Different projects create new
components
Components are added to the
library
Review is done using library and
input from request
Decision made on re-use of
components
![Page 12: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/12.jpg)
November 01, 2013 _Sector Confidential 12
Typical vs Library approach
Using library approach
Typical CQ Site
Wireframes
Designs
Build HTML
Build template
Build/extend components
Testing
Compose/assemble master
Localize
Training optional
![Page 13: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/13.jpg)
November 01, 2013 _Sector Confidential 13
Why are we re-using components?
• Cost: Less investment needed to design and build. Time: • Faster time to market • Faster time to measure and respond • Faster time to revenue • More time available to focus on the content
• Quality: Higher quality and stable platform
![Page 14: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/14.jpg)
November 01, 2013 _Sector Confidential 14
2012 2013 2014
Have a silo approach in experience,
organization setup and technical
landscape
Developing a landscape of common digital
marketing capabilities
Creating a flexible landscape with re-usable
components to drive marketing innovation and relevant content
2013 2014 2012
![Page 15: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/15.jpg)
15
Pages
Unstructured content
Static Images
Documents
Formerly known as: CQ 5.6
Content Management System Adobe Experience Manager
CQ
![Page 16: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/16.jpg)
16
Page templates
Page types
Components
Themes
Renditions
Generic template
Homepage template
Product detail template
Product Group template
Event template
Content Management System Adobe Experience Manager (CQ)
![Page 17: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/17.jpg)
17
Page templates
Page types
Components
Themes
Renditions
Generic template: Topic pages Innovation pages About pages Consulting pages ...
Content Management System Adobe Experience Manager (CQ)
![Page 18: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/18.jpg)
18
Page templates
Page types
Components
Themes
Renditions
Generic template Topic page
Content Management System Adobe Experience Manager (CQ)
![Page 19: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/19.jpg)
19
Generic Content Components
GC04 – Columns
GC11 – Text
GC13 – Image
Social Components
SC01 – Youtube
SC02 – Facebook feed
SC04 – Twitter feed
Other
MH01 – Masthead
N11 – List of links
U54 – Eloqua form
Visit component library ►
Components
![Page 20: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/20.jpg)
20
Page templates
Page types
Components
Themes
Renditions
Generic template Topic page
Generic template Topic page
Generic template Topic page
Content Management System Adobe Experience Manager (CQ)
![Page 21: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/21.jpg)
21
Page templates
Page types
Components
Themes
Renditions
Content Management System Adobe Experience Manager (CQ)
XS S M L
Mobile first
![Page 22: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/22.jpg)
22
Responsive: Breakpoints and renditions
L
M S
XS
L
M
S
XS
![Page 23: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/23.jpg)
23
Thanks for submitting this ticket. Judging by your briefing, this is the best option,
leveraging the existing components. Shall we implement that? Or do you still see
reason for new functionality.
Triage
Help to me to achieve (enter goal) with the
existing set of components
Yes, please implement the option, leveraging existing functionality
No, these options won’t do. I truly need new/additional functionality
in order to achieve my goals
CQ5 Component Library Optionally: DS to touch base with Information Architect
DAP/Digital Services
Digital Lead Market / Digital manager BU Step 2
Enter intake process (see next slide)
(wireframes)
(x-sector examples)
![Page 24: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/24.jpg)
24
If the new functionality is helpful to multiple businesses and/or
markets, and provides a unique ability with sustainable business
value, it has a high chance to be picked up by the central
development project.
If not, your business will need to find funding to finance the
development work within the DAP track.
![Page 25: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/25.jpg)
25
What to deliver to the intake process?
1) Description of the ability (“what are my visitors able to do, and why?”), the functionality (“what it accomplishes”), and the desired behavior on the front-end (“how it accomplishes that in the eye of the visitor”).
2) A short list of acceptance criteria (“we’ll accept it, when it …”) 3) Write the business case: describe in 1 paragraph the level of reusability for other
markets, and other businesses. Which generic value does this bring? 4) Where lies ownership: who is asking (and consequently: who is signing off when it’s
delivered) 5) Predict volume and duration: how often will this new functionality be used, and for
how long? 6) Deliver (if available) gathered evidence of customer preference (either web
statistics, user testing results or scientific research)
You can use the example form below (with pre-set example values)
![Page 26: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/26.jpg)
November 01, 2013 _Sector Confidential 26
Thank you
![Page 27: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/27.jpg)
November 01, 2013 _Sector Confidential 27
![Page 28: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/28.jpg)
November 01, 2013 _Sector Confidential 28
![Page 29: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/29.jpg)
November 01, 2013 _Sector Confidential 29
![Page 30: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/30.jpg)
November 01, 2013 _Sector Confidential 30
![Page 31: Agency training Way of working around Experience manager](https://reader033.vdocuments.us/reader033/viewer/2022052114/62889913aa1b5c10390a1284/html5/thumbnails/31.jpg)
November 01, 2013 _Sector Confidential 31
http://www.philips.co.uk/componentlibrary/home.html