Building a consistent and flexible design standard
A major Canadian bank was undergoing an overhaul of their iOS and Android tablet experience. Current applications were not optimized for tablet and suffered from a fragmented design standard. We were challenged with the task of creating a coherent design system that brought parity to both platforms.
Using System Design to Create a Visual Framework
By defining the parts of the framework, we can create a predictable and scalable system.
Everything can be reduced to an element. Elements are the basic building blocks of an interface and include things like shapes, fonts, and colours.
Patterns include not only groups of elements that are stitched together to form meaningful items such as input fields, but also the predictable movement associated with interacting with them.
Patterns come together to create the components of an interface that users can understand and interact with.
Multiple components can be combined together to create a unique structure such as a mobile screen.
Having defined mobile components, we needed a comprehensive reference library of each element with the necessary specifications, identification, and behaviours for each platform.
Each element was meticulously documented and stored in a central location for the entire organization to access and reference for implementation.
Delivery of a complete UI component library that has been adopted as a standard for the organization.