Design Life. Simplify it.

Design Template System

Template System & Service Design
Case Study

Information Architecture, Holistic Design, UX Frameworks

Role: Team Lead/ Sr. User Experience Architect, Experience, Applications and Integrations Team


Service Design

Statefarm wanted to identify where the customer actions starts and finish within the organization. So we designed a customer-focused approach for service innovation and service improvement for the various touch-points to .com & self service applications.

We identified the customer actions within the resolve a claim process and wanted to find out the touch points and consistency for filing a claim with SF.

We identified the customer actions within the resolve a claim process and wanted to find out the touch points and consistency for filing a claim with SF.


ATS Engagement Model

The ASIA Template System was created to highlight the importance of a consistent experience within the State Farm .COM domain. The template system will provide several page-types, namely, Acquisition, Servicing, Informational and Advertising. 

Statefarm.com Value Proposition


Template Types within ASIA

ASIA template system, that categorize information, using IA components to create consistent experience throughout the State Farm digital channel.

ATS Engagement Model

State Farm ASIA Template System (ATS) will provide structural and visual cohesion and a consistent, flexible, personalized, and mobile-first customer experience.


ASIA Template System Overview

Within each Template type we are focusing on the content structure and consistent elements from the global architecture ecosystem. Here is a breakdown:

Template 1.jpg
  1. Hero: In the Hero area, an H1 header is required. Other elements such as Body copy and Call to Action (CTA) are optional when Hero Action module is not present.

  2. Hero Quick Action: A module that allows the user to take action such as Get a Quote or File a Claim. The main focus is on the primary action - secondary actions are discouraged though an optional link is provided.

 
Template 3.jpg
  1. Learn With Us: This section offers general topic awareness related to a product of service: such as “Furnace Maintenance Must Knows” for Home and Property. This is educational sectional for Statefarm.com

Template 2.jpg
  1. Product Navigation: Will showcase the available products offered under the umbrella category of the Level 0 page and Level 1 pages, as well as the correlating sub categories.

  2. Marketing Content Zone: Will showcase the available products offered under the umbrella category of the Level 0 page and Level 1 pages, as well as the correlating sub categories.

 
Template 4.jpg
  1. Global Footer:

  2. Disclaimers: This section will be displayed if it is required by compliance.


Live Preview of Statefarm Templates