Sapphire

Component Library

Squad

Squad

Squad

Squad

Squad

Squad

Squad

Squad

Squad

Squad

Squad

Squad

Squad

Backend services

Deployment

Mobile Bank integration

Design of user interface

Frontend implementation

Maintenance

Squad

Backend services

Deployment

Mobile Bank integration

Design of user interface

Frontend implementation

Maintenance

Squad

Design of user interface

Frontend implementation

Maintenance

Visual Accessibility

Brand Identity

Consistency

Performance

Functional Accessibility

Reuseability

Improvments

Testing

Squad

Squad

Squad

Design of user interface

Frontend implementation

Maintenance

Visual Accessibility

Brand Identity

Consistency

Performance

Functional Accessibility

Reuseability

Squad

Squad

Improvments

Testing

Squad

Design of user interface

Frontend implementation

Maintenance

Visual Accessibility

Brand Identity

Consistency

Performance

Functional Accessibility

Reuseability

Squad

Squad

Improvments

Testing

Sapphire

Squad

Design of user interface

Frontend implementation

Maintenance

Visual Accessibility

Brand Identity

Consistency

Performance

Functional Accessibility

Reuseability

Squad

Squad

Improvments

Testing

Sapphire

Design Building Blocks

Code Building Blocks

Maintained Building Blocks

Sapphire

The app is build in the same way as consumers of the design system for better testing.

Sapphire

Design System

Sapphire

Design System

Sapphire

Design System

Frontpage

Transaction

Card

Mobile Bank

Old

The new

Mobile Bank

Old

The new

Frontpage

Transaction

Card

The new

Frontpage

Transaction

Card

Mobile Bank

Frontpage

Transaction

Card

The new

Mobile Bank

Menu

Sample

Themes

Menu

Sample

Themes

Menu

Sample

Themes

Menu

Sample

Themes

Components

36

Used in files

149

Imported components

572

Sapphire Design System

What does it mean for you?

Accessibility

Consistant UI

Maintenance

Sapphire Design System

Any Questions?

Sapphire - Tech Intro

By thupi

Sapphire - Tech Intro

  • 191