thisisoke

CV

thisisoke

CV

thisisoke

CV

Intro

Intro

Overview

Overview

Design Goal

Design Goal

Design System Changes

Design System Changes

Light Mode Home Page

Light Mode Home Page

Dark Mode Homepage

Dark Mode Homepage

Issues with Colour System

Issues with Colour System

Action Colours

Action Colours

Harmonizing PC's mobile banking

Harmonizing PC's mobile banking

President's Choice Financial

Role: Senior Product Designer

Contribution: Design System Governance, Visual Design Audit, Figma & Storybook management

Project Outcomes:

+ Built semantic colour system for 3 million PC mobile bank clients. Used scalable design token approach.

+ Renovated governance model around how elements are added and maintained in design system

Intro

Intro

Overview

Overview

Design Goal

Design Goal

Design System Changes

Design System Changes

Light Mode Home Page

Light Mode Home Page

Dark Mode Homepage

Dark Mode Homepage

Issues with Colour System

Issues with Colour System

Action Colours

Action Colours

Overview

Overview

PC Bank serves about 3 million customers primarily through the mobile app. With such success, the design org has scaled in a way that hurt the consistency and usability of the mobile applications. We needed to launch several initiatives to win back consistency in the app experience.

PC Bank serves about 3 million customers primarily through the mobile app. With such success, the design org has scaled in a way that hurt the consistency and usability of the mobile applications. We needed to launch several initiatives to win back consistency in the app experience.

Design Objectives

Design Objectives

Audit all banking platforms

Web, iOS, and Android had been out of sync for years. Littered with visual bugs.

Create Semantic Colour system

Apply a scalable semantic colour system, so that users can have a consistent experience.

Connect Design to Engineering

Design team need to share the design system with development teams to ensure adherence

Contact Seyitan to keep reading

Contact →

Contact →

Contact →

Connect via

LinkedIn

or

Mail

.

Follow on

Threads

.

© 2024 made with figma & framer

Connect via

LinkedIn

or

Mail

.

Follow on

Threads

.

© 2024 made with figma & framer