Creating an engaging consumer-facing website is imperative for many organizations today, especially since the Web serves as a primary means of communication between organizations, their prospects, and existing customers. Liferay Portal provides robust built-in capabilities for building and managing large-scale websites, including e-commerce integration, multi-channel publishing, analytics, and global deployment options, to name a few. This presentation provides a discussion of best practices that should be followed for building a successful consumer-facing website with Liferay.

1. Best Practices for Building Consumer-facing
Websites with Liferay
May 3rd 2012
Rivet Logic Corporation Presented By
11410 Isaac Newton Square N. Alaaeldin El-Nattar
Suite 210 Vice President
Reston, VA 20190 Rivet Logic Corporation
Ph: 703.955.3480 Fax: 703.234.7711
ARTISANS OF OPEN SOURCE

2. Rivet Logic Overview
• Award-winning professional services focused on enabling:
• Collaboration and Community Platforms
• Enterprise Content Management
• Web Content Management and Portals
• Using Leading Open Source Software
• Company Facts
• Headquartered in Reston, VA
• Regional Offices in Boston, New York City, Los Angeles
• Near-shore Development Center in Costa Rica
Copyright © 2009. Rivet Logic Corporation. All rights reserved. 2 ARTISANS OF OPEN SOURCE

3. Rivet Logic and Liferay
• Certified Partner since 2006
• Platinum Partner
• Conduct Public Training on East Coast USA
• Contributor (various means)
• Host of first ever East Coast User Conference in 2009
• 30+ Liferay projects
Copyright © 2009. Rivet Logic Corporation. All rights reserved. 3 ARTISANS OF OPEN SOURCE

4. LIFERAY USE CASES
ARTISANS OF OPEN SOURCE

5. Liferay Use Cases
• Good fit for
• Intranets
• Extranets
• Customer Portals
• Internal Collaboration Sites
• Consumer-facing Web sites??
ARTISANS OF OPEN SOURCE

6. Liferay for WCM
• Complete WCM suite
• Fully integrated within Portal
• Ability to implement dynamic Web content
• Access to Liferay services from within Web
content article templates
• Fully internationalized
• Supports multi-site management
ARTISANS OF OPEN SOURCE

7. Some Examples
• sesamestreet.org
ARTISANS OF OPEN SOURCE

8. Some Examples
• teambeachbody.com
ARTISANS OF OPEN SOURCE

9. Some Examples
• sensus.com
ARTISANS OF OPEN SOURCE

10. Some Examples
• rivetlogic.com
ARTISANS OF OPEN SOURCE

11. CHALLENGES
ARTISANS OF OPEN SOURCE

12. Challenges
• Authoring vs Publishing
• Must be de-coupled
• Must be intuitive
• Must be simple
ARTISANS OF OPEN SOURCE

13. Challenges
• Dynamic Web content
• Used for shared content
PUBLISH
• Helps with multi-site SITE A
___
publishing
ARTICLE
Lorem ipsum this is an article
that I’m writing to show
random text in this box I also
need an image he
Lorem ipsum this is an article
SITE B
• Identifying where
that I’m writing to show
random text in this box I also
need an image
PUBL
Lorem ipsum this is an article
that I’m writing to show
ISH
random text in this box I also
SITE B
dynamic web content
need an image
in this box
can be used is not straight
forward
SITE C
• A good Information
Architecture is necessary
ARTISANS OF OPEN SOURCE

14. Challenges
• SEO Requirements
• Friendly URLs
• Sensitivity towards
Meta information
• The slider dilemma
• Page titles
ARTISANS OF OPEN SOURCE

15. Challenges
• A/B Testing
• Important for
revenue generating
sites
• Must provide
authors a lot of
flexibility to change
portions of a page
ARTISANS OF OPEN SOURCE

16. Challenges
• E-Commerce Integration
• Shopping Cart
• Needs Integration –
possibly with legacy
billing systems
• Could be very
expensive
ARTISANS OF OPEN SOURCE

17. Challenges
• Analytics
• Tracking page views
– easy
• Tracking user
interaction within a
page – not so easy
ARTISANS OF OPEN SOURCE

18. BEST PRACTICES
ARTISANS OF OPEN SOURCE

19. Best Practices
• Can Liferay do all this? YES!
• How? By leveraging Liferay’s strengths
• Dynamic Web content solves:
• De-coupled authoring/publishing
• Multi-site publishing
• SEO
• A/B Testing
• E-Commerce integration
• Analytics
ARTISANS OF OPEN SOURCE

20. De-coupled authoring/publishing
• Use Liferay templates to query Web content
articles by category or tag
• Display on a dynamic page
• Saves authors from having to create Liferay
pages
• Facilitates publishing of global content
• Works very well with product catalogues
ARTISANS OF OPEN SOURCE

21. Multi-site Publishing
• Dynamic templates using categories to determine
which site the content can be displayed in
• A good taxonomy is necessary
• Focuses authoring on content rather than site
look and feel
ARTISANS OF OPEN SOURCE

22. SEO
• Customize Liferay to inject dynamic web content
tile into HTML <title> tag
• Customize Liferay breadcrumb to show dynamic
web content as if it’s an actual page
• Solution to the slider dilemma
• Use AJAX calls to grab portions of a single
Web content article
• Use JavaScript onclick events on slider
controls
ARTISANS OF OPEN SOURCE

23. A/B Testing
• Customize Liferay page to add JavaScript snippet
allowing for A/B swap
• Requires some JavaScript knowledge to make
changes between A/B options
• Easy to implement in Liferay
ARTISANS OF OPEN SOURCE

24. E-Commerce Integration
• Leverage Liferay’s service builder
• Create an e-commerce abstraction layer
• Use those services inside Liferay web content to
extract necessary information as needed
ARTISANS OF OPEN SOURCE

25. Analytics
• OOTB support for Google Analytics for page views
• Customize templates to track dynamic pages
• Customize templates to allow for tracking specific
Web content article views
• Could use model listeners to track CRUD
operations on any asset
ARTISANS OF OPEN SOURCE

26. Q&A
ARTISANS OF OPEN SOURCE

27. Learn More…
rivetlogic.com
blogs.rivetlogic.com
facebook.com/rivetlogic
youtube.com/rivetlogic
twitter.com/rivetlogic
ARTISANS OF OPEN SOURCE