Elevating user experience with UI-kit

Landsbankinn has developed, designed and implemented a UI-Kit, a cutting-edge component library that powers all Web and Mobile Apps within their banking products. Itera had the chance to be part of the project as a digital realisation partner.

About Landsbankinn

Landsbankinn, Iceland's largest bank, has been a cornerstone of the nation's financial services since 1885. Known for its commitment to value creation and innovation, the bank continues to strengthen its digital products and infrastructure.

 

Cost reduction, rapid deployment and standardization

The project's primary objectives are multifaceted. First and foremost, the aim is to reduce development costs by leveraging shared resources, which minimizes expenses associated with app development.

Additionally, the project strives to accelerate the time it takes to bring new features to market, as rapid deployment is essential in today’s competitive landscape. Standardizing development practices is another key objectiveestablishing uniformity in design and functionality across applications enhances user familiarity and satisfaction. 

Furthermore, increasing productivity is crucial; empowering the teams to focus on innovation rather than repetitive tasks can foster growth. Lastly, ensuring cross-app consistency significantly strengthens the brand identity by providing users with a cohesive look and feel across all applications. 

To address these challenges effectively, we implemented common UI patterns through a robust component library. This strategic approach provides developers with diverse pre-built UI components that save significant time and effort. As a result, UI/UX designers and developers no longer need to design and develop these components from scratch. 

Unlocking efficiency

The benefits of using component libraries are manifold. They allow for the standardization of development practices, thereby reducing code duplication and making maintenance easier and more efficient. Moreover, enhanced team collaboration becomes possible as they can seamlessly share resources and best practices.

This approach also drives scalability; the library facilitates growth by easily integrating new features without disrupting existing functionalities. 

By utilizing top-tier component libraries, developers can significantly reduce overall development costs while maintaining high standards of quality throughout their work. 

The technology stack includes TypeScript, React, Storybook, and Chromatic. This combination empowers the team to build dynamic and responsive applications that effectively meet modern user needs. 

 

Improved productivity and reduced risk

The impact of this initiative has been profound. Using pre-built components has increased productivity, and developers can now dedicate their expertise to solving complex challenges.

Moreover, enhanced quality has been achieved alongside reduced risk; the well-tested libraries ensure high-quality outputs while minimizing the likelihood of introducing bugs into applications. 

Get in touch

Get in touch

Head of Itera Iceland

Snæbjörn Ingi Ingolfsson