Digital Bank
Design guideline

Seamless cross-device integration for a consistent and user-friendly online banking experience.

Digital Bank Design Guideline

Guideline Achievements

1- Modular system improved team workflow

2- Design tokens reduced cross-platform inconsistencies

3- Reusable patterns sped up onboarding and scaling

4- UI bug reports dropped 25% post-launch

Esun.

Outer Design

The external design system of Esun.Bank primarily serves customers; therefore, we have established certain guidelines to ensure a consistent user experience across all external interactions.

Guideline Objective

Esun.outer is a design system font that is easy to read and includes many different typefaces for a variety of uses. The following are the principles that guide our font system.

Less is more

We optimized for fewer style options so that product designers don’t have to hesitate when choosing the right style.

Simple semantics

Our meaningful groupings allow engineers to reference quickly and without confusion.

User First

We try to make it easier for users to read and navigate comfortably.

Color

Create accessible and personalized color schemes that effectively communicate product hierarchy, status, and brand identity.

Components Library

Designing accessible products requires following WCAG standards and best practices. Esun Outer's framework provides guidance on how to transform visual UI into a linear text experience that complies with code standards. Color and contrast help ensure accessible navigation.

| 1 | What is Digital Bank | 2 | Design guideline | 3 | Travel Insurance | 4 | Fund Subscription

More