Bank of the Philippine Islands Website
A CMS Migration: Enhancing experience, ensuring compliance
THE OVERVIEW
Bank of the Philippine Islands (BPI) is the largest banking organisation in the Philippines, serving over 3.8 million active users. BPI offers a wide range of financial products and solutions for both domestic and foreign clients. As the business segment and product offerings continue to grow, BPI recognised the need for an improved governance system to manage their information and enhance user experience. Therefore, they have engaged our team to revise their current website.
MY ROLE
Stakeholder interviews
Customer sessions
LEAD Assessment
Affinity Mapping
Ideation Workshop
Customer Journey
Information Architecture
Wireframes
DURATION
Sept 2022 - June 2023
(10 months)
EXPERIENCE TEAM
1 Experience Director
1 Experience Lead
1 Design Lead
3 UX Designers (including myself)
3 UI Designers
THE DELIVERY
HOMEPAGE
GOAL
To improve homepage and content discovery
OUTCOME
With a focus on user engagement, I proposed the Homepage flow and structure which integrates components that provide a seamless experience and foster trust in BPI's offerings
Annotated Homepage
Hero Banner
Hero banners showcase products, aligning with BPI's seasonal campaigns, featuring compelling visuals and clear calls-to-action.
Self-Serve/Goals
This component offers quick access to popular website sections, catering to user needs and encouraging self-service interaction.
Banking Products
This component offers direct access to BPI's main product portfolio, guiding users to explore further details.
Promotions
Carousel promotions enable users to browse multiple offers efficiently, with distinct description and tagging for each detail and a main CTA for more options.
Testimonials
Carousel testimonials offer diverse feedback, fostering trust in BPI's service and products, vital for user decision-making.
What’s New (media section)
The "Explore more articles" feature offers users easy access to a diverse range of timely information.
Additional links
The "Additional links" section offers users quick access to inner sections of the website.
PRODUCT DETAIL PAGE
GOAL
To improve the navigation flow for products and services
OUTCOME
By speaking to Users and understanding their goals and motivations, I helmed the redesign that streamlined and enhanced user journey for information and actions
OVERALL
GOAL
To address the lack of brand cohesion across business segments
OUTCOME
Working closely with the UI Designer, I established the Design System and ensured unity to the look and feel across all business segments, therefore creating a cohesive and singular brand
THE RESULT
We have a solution that is a mobile-first, future-ready, and scalable website on the Adobe Experience Manager Cloud Saas platform. This is made possible by the creation of a full-fledged Design System, which captures all design elements including the component and templates.