Unify and restructure financial holding group websites to improve cross-selling and meet new brand image


Cathay Financial Holding Co. (Taiwanese Financial Holding Group) 
June – August 2014

Challenge

  • The websites of Cathay Financial Holding’s seven companies (holding, bank, life insurance, century insurance, securities, investment trust, and investment consulting) were made separately without any mutual consistency.

  • As Cathay renewed their corporate identity (CI), they needed to synthesize the seven sites for stronger brand image.

  • The seven sites had to have similar appearance, at the same time the layout and content should be optimized for each company’s customers.

Approach

  • Interviewed seven companies’ department managers to understand business needs and goals.

  • Utilized heuristic review method to create wireframes for websites and mobile sites; used card sorting to restructure the global navigation.

  • Conducted 21 usability tests with target users to verify the effect and identify usability issues of new structure and layout

Role

I took full responsibility of the project and executed alone, worked on every detail from user researching to website guideline defining. I also managed design and HTML companies, communicated our thoughts on user experience, and ensured design quality.

Result

  • Aligned the sites with consistent header and footer, and similar homepage layout, at the same time satisfied different target users’ needs.

  • Improved information architecture and navigators to make important contents easier to access, which led to the growth of visitors who reached 2nd layer’s web pages.

  • Delivered PSD files of websites and mobile sites, with new design that fits the group’s new CI.

  • Build a 180-page web guideline that defines roles for mobile and computer sites in the entire holding group.

ux3

Before the project, each website was designed in different ways, with no consistency and low usability. After the project, websites share consistent appearance and better visual design. The connection between sites increased, which strengthened brand image and increased cross-selling opportunity.

 

proto2

Drafted the wireframe of home page with Power Point based on user research findings and website log data.  

 

國泰人壽

Worked with visual design company to turn concept into real interface.  Communicated the grounds of wireframes to designers, and monitored the process to ensure design quality.

 

GL2GL

I wrote a  180-page web guideline that defines roles for mobile and computer sites in the entire holding group. In the guideline there are contents explaining the role and function of each area, as well as detail guidance such as how the padding and margin should be.

 

GL4

The guideline also defined things like how to guide users back to mobile site if they flowed into computer website during the browsing process.

 

01-iPhone-5-Flat-Mockup

01-iPhone-5-Flat-Mockup_2

01-iPhone-5-Flat-Mockup_3

Before went into visual design, mobile prototype was also created and made by Axure: http://hu4q7d.axshare.com/Password: bebit123

Below is the overview of the projects I worked on with Cathay Financial holding groups. I helped the group overhaul digital strategy and build competitiveness in digital services.

cathay