your customer engagement transformation starts here · your customer engagement transformation...

© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.

Your customer engagement transformation starts here

© Copyright 2014 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.2Engage 2014


Single Page Architecture

Case Study by Cigna

David Petriashvili / September 22, 2014


New Screens are taking over our lives


Web Apps Architecture is fundamentally changing

Content Repository


Single Page Architecture at Cigna

Business Benefits

Leveraging single page architecture allows Cigna digital marketing and product organizations to take advantage of the latest customer trends and position the products and services via more diversified and unique channels.

• Gamification

− Additional channel for customer outreach via engaging user experience.

• Animation

− UI that is fun and interactive making the user experience more responsive compared to the traditional web apps.

• Native App like experience

− SPA based responsive applications provide user experience of a mobile native app.


Objectives

Business drivers behind the initiative

Design a web platform that provides application delivery which is quick to market, portable between traditional desktop and mobile devices, and is supported by web content management, while providing business capabilities:

• User event driven content personalization

• Client selectable content personalization

• Application look and feel personalization

• Business content owner managed site configuration

• Consistent user experience across various devices


Functional Requirements

Technical Drivers Behind the Implementation

Design a light weight, easily extendable, scalable, web application platform that is quick to market and inexpensive to implement and support. The must have capabilities:

• Responsive across all devices

• Integration with enterprise WCMS

− Template based solution

− Business workflows/governance

• In-application administration

• Reduced release impact (duration, frequency, and vulnerability)

• Support for project-in-a-box approach

• Modular architecture of web components


Technology Choices

Why AngularJS?

Front-end development framework supporting application development best practices.

• MVC (or MVVC) pattern extended to JavaScript

• Well Supported codebase

• Comprehensive list of inbuilt functionality

− HTML extension

− Data-binding and Dependency injection

− Well organized code

• Easy to get started


Technology Choices

Why TeamSite/LiveSite?

Comprehensive integrated web content management solution.

• Authoring support for run-time application

• Established ease of governance process

• Pre-built integration functionality

• Existing support for content targeting and segmentation


Video Demo


Solution Overview


TeamSite Page Authoring View


Key server-side functionality

Design Overview

LiveSite

• Aggregation of Data

• JSON Conversion

• Component Load Delay

• IDOL Engine Driven Targeting

• WebSeal Integration


Key client-side functionality

Design Overview

AngularJS

• Global scope schema

• Page scope schema

• Delaying JSON object request

• AngularJS management


Future Considerations

TeamSite

Establishing a consistent user experience between the design-time preview and run-time application.

• Full visual site-publisher preview

• Site structure configuration in the site publisher templates

• UI customization/configuration in the site publisher templates


Conclusion

Return on Investment

• Gamified application build and support via LiveSite

• Single Page Application supported via Web Content Management

− Adjustment to non-traditional architecture without loss of the WCM capabilities

− Ease of site setup and configuration based on predefined branding templates with real-time preview

− Continued support for targeting and segmentation within SPA application

• Increased speed-to-market achieved by leveraging TeamSite/LiveSite supporting underlying JavaScript based SPA framework.

− 1.5 Month to design and implement the end-to-end product prototype

− 7 member team scrum


THANK YOU



Call to action

Questions?

your customer engagement transformation starts here · your customer engagement transformation...

Documents