BTV

Implementation of a design system for a bank a design system for a bank

BTV Vier Länder Bank was faced with the challenge of creating a uniform design for all digital channels - analogous to the existing printed corporate design manual.

Especially with regard to BTV's planned digital projects and initiatives, a consistent user experience for its customers and employees was to be ensured and the development of new touchpoints was to be made more efficient. The solution: a design system that simplifies the design and development process for all stakeholders and ensures a consistent digital presence.

9

months

Duration of project

8

Project team members

Joint challenge

The intranet was selected as the pilot project for the implementation of the design system. All components that were important for this touchpoint were recreated in a component library in Adobe XD, used in the screen designs for the intranet and expanded in collaboration with an external development team.

Once the most important components had been defined, the resulting system was used in another touchpoint - the digital assistant. As the UI design had already been completed, the challenge lay in choosing a common path with the agency in charge in order to implement the resulting system without weakening the user experience. We also realized that this tool required additional UI elements that did not yet exist in the design system. The central question was therefore: which components should definitely be included in the design system and which should not.

Focus of the Project

🧑‍🎨

Interface Inventory

With the help of a requirements workshop, all digital touchpoints were screened and a pilot project was selected.

🧩

Structure of the design system

A design system was set up and documented in Adobe XD according to the Atomic Design principle.

💡

Coordination and training

The design system was gradually expanded in close consultation with the customer and external stakeholders, and finally handed over to the customer with a training concept.

Edge Cases

The decision as to which component is relevant for the design system was based on the frequency of use. Components that are product-specific, such as special comment functions, were defined in the respective design files. This ensured clarity in the system.

Design system structure

As many different stakeholders, such as external agencies, development teams and product managers, work with the system, it is particularly important to ensure a clear, well-organized structure.

Training courses

A design system is a product that is constantly growing and evolving. For this reason, remote training sessions were held. In this way, we were able to ensure that BTV's internal team can carry out the further development and maintenance of the design system independently and as efficiently as possible.

The result

With the help of the intranet pilot project, a design system was created that was expanded and adapted for use in other BTV digital touchpoints. Thanks to constant further development and collaboration with other stakeholders, the new design was implemented quickly. A consistent and visually uniform user experience is now possible across a wide range of digital touchpoints. In addition, new products and websites can be designed and developed more efficiently.

The developed system has now been handed over to BTV's internal team. With the help of training and selective support, the independent maintenance and further development is now completely and successfully in their hands.

In the course of digitalization, the Bank für Tirol und Vorarlberg was faced with the task of developing a digital solution for bank guarantees in the corporate customer business for end customers and the specialist department.

The result: a platform that manages to radically simplify existing processes and thus make them more efficient

For BTV end customers, it is now possible to create a draft, which then leads to an application via an approval process.

The application guides customers step by step through the warranty creation process and allows them to upload various warranty texts and documents.

Customers check their entries in the summary and select a supervisor for approval.

The application is then received by the specialist department and processed until the warranty is created. The application is therefore a central tool for the specialist department.

🔥 Projects that we are proud of

Cases & references from previous projects