This talk was given by Magnolians Ben Price and Tomas Gregovsky at Magnolia Conference 2015 in Basel. Magnolia’s Marketing Manager Ben Price and Interactive Developer Tomas Gregovsky will present the new implementation of magnolia-cms.com. Find out how we introduced content personalization, marketing automation integration and multiple custom content apps - all with a highly responsive, flexible bootstrap front end framework, including angular js, REST and many other tools.

2. Ben Price
Marketing Manager
Tomáš Gregovský
Interactive Developer

3. GOALS FOR THE
NEW WEBSITE
Make editing the site a joy!
Make it easier to engage with Magnolia
Provide a relevant & personalized visitor experience

4. AND WE ALSO WANT...
TO
DRINK
OUR OWN
CHAMPAGNE !

5. EDITOR
FLEXIBILITY
REQUIREMENTS

6. BOOTSTRAP HTML FRAMEWORK
(TWITTER-BOOTSTRAP MODULE 1.3)
REDUCED NUMBER OF COMPONENTS:
OLD WEBSITE
32 page def.
85 component def.
*not counting STK and other
modules
NEW WEBSITE
TWITTER-BOOTSTRAP
MODULE:
2 page def.
5 component def.
WEBSITE MODULE:
+ 2 page def.
+ 5 comp. def.
+ 9 comp. for
content apps
vs

7. WITH ONE TEASER COMPONENT WE CAN:
- POINT TO 7 DIFFERENT LOCATIONS
- CREATE 30 DIFFERENT LOOKING TEASERS
- USE DAM IMAGES OR ANY OF 650+ ICONS
FLEXIBLE COMPONENTS

8. MARKETING AUTOMATION INTEGRATION
REQUIREMENTS

9. Set up
automation
campaign
Create
page on
the site
Paste
form snippet
(hopefully
right one)
Publish the
page
(hopefully
style ok)
MARKETING AUTOMATION
PREVIOUSLY...

10. INFUSIONSOFT INTEGRATION (EXTERNAL-FORMS MODULE 1.1)
ONE CLICK TO GET FORM INTO PAGE
SOON: PERSONALISATION TRAITS
MARKETING AUTOMATION
NOW...

11. SEARCH
REQUIREMENTS
SEARCH

12. SEARCH
NEW FASTER AND MORE FLEXIBLE SOLR
(SOLR-SEARCH PROVIDER + CONTENT-INDEXED MODULES 2.2.1)
SEARCH RESULT INSTEAD OF 404

13. CONTENT APPS
CONTENT APPS
REQUIREMENTS

14. 9 NEW CONTENT APPS
CONNECTED TOGETHER (e.g. PARTNERS & REFERENCES)
REST CALLS + ANGULARJS
1 COMPONENT FOR ANY CONTENT APP LIST
PERSONALIZED BY COUNTRY

15. ONE
CONTENT
APP TO
RULE THEM
ALL
MIGHTY TEASERS APP

16. REQUIREMENTS
DELIVER THIS BEFORE THE CONFERENCE

17. JAVA LIGHTWEIGHT (CUSTOM JAVA ONLY FOR CONTENT APPS)
FREEMARKER HEAVYWEIGHT (CMSFN, STKFN, DAMFN, …)
CHANGES IN UI AND IN CONFIGURATION
APPROACH

18. 4 MONTHS
TOTAL DELIVERY TIME
Front end
development
Java
dev
THAT’S
DEVELOPING WITH

19. WE ARE RUNNING OUT OF TIME SO SORRY BUT...
QUESTIONS...
DURING THE BREAK :)

20. TIME FOR
CHAMPAGNE!!