IBM

Global Insurance Website Localisation and Revamp

Agile

UI Design

Overview

During my time at IBM iX, I had the wonderful opportunity to lead the design of a website revamp and localisation project. To accomplish this, my team works closely with product and content owners from the client's side to create and propose new designs for the localised website.My work is under NDA, so please reach out to me for more details.

Team

IBM iX

Timeline

5 months (6 sprints)

Tools and skills

Figma, Agile methodologies, JIRA, Design workshop with content owners, AEM

My role

Lead UI Designer

• Led the design of 10+ page clusters and 500+ subpages for three languages and mobile and desktop views.
• Customised three components and two UX flows for HK site
• Provided detailed design guidelines for developers and reduced clarification communication by 50%

Lead Business Analyst

• Hosted 40+ deep-dive workshops to communicate with 50+ product and content owners to review the new design and collect additional requirements.
• Created 300+ user stories and conducted UI QA for 400+ subpages for mobile and desktop and in three languages.

Lesson Learned

The team successfully rolled out 500+ pages in phase one on Nov 2022 (after I left the team). Looking back at the whole process, I learned a lot about effectively utilising design system components to create designs quickly, communicating my design efficiently with multiple stakeholders, and working within a multidisciplinary team.

Designing for both mobile and web

To improve development efficiency, I identified an initial oversight in mobile responsiveness and implemented comprehensive style guidelines for both desktop and mobile views. This proactive approach enhanced our QA process and reduced review time.

Working with developers

To address technical requirement challenges, I partnered with designers to create clear specifications and a comprehensive padding guide. This collaborative approach streamlined team communication and significantly reduced quality issues.

Broader team-wise enabling

To improve efficiency, I would give developers direct access to Figma files instead of using exported images with manual labels. This would streamline UI requirement checks and reduce communication overhead.