BLOG
UI Tools Mobile Menu
Suggest Tool
A

Arui-Feather

We are sure that designers and front-end developers should work in tandem, using all the advantages of a design system for testing hypotheses and developing products.

Visit Website

About Arui-Feather

In the fast-evolving landscape of digital banking, the ability to rapidly innovate, test new ideas, and deliver high-quality products is crucial for staying competitive and meeting the ever-increasing expectations of users. This requires a seamless and highly collaborative relationship between the teams responsible for designing the user experience and those who build the underlying code. At Alfa-Bank, a leading Russian bank, this critical partnership is at the heart of their design system, Arui-Feather, built on the core belief that designers and front-end developers should work in tandem, leveraging all the advantages of a design system for testing hypotheses and developing products.

Arui-Feather is more than just a repository of design assets and code; it is a strategic tool designed to break down traditional silos between design and development and foster a truly collaborative workflow. The fundamental belief that designers and front-end developers should work in tandem underscores a recognition that the best digital products emerge when these disciplines are tightly integrated, sharing knowledge, and contributing to the product development process from conception to implementation.

The design system facilitates this tandem work by providing a shared language, common resources, and a single source of truth for both designers and developers. This eliminates ambiguity and ensures that both teams are aligned on the visual language, interaction patterns, and underlying technical implementation of Alfa-Bank's digital products. When designers and developers are working from the same system, communication becomes more efficient, handoffs are smoother, and the potential for misinterpretation is significantly reduced.

A key advantage highlighted by Arui-Feather is the ability to leverage the design system for testing hypotheses. In a fast-paced digital environment like banking, quickly validating design ideas and user flows with real users is essential for building successful products. Arui-Feather supports this by providing
reusable components and established patterns that can be rapidly assembled into prototypes or minimal viable products (MVPs). Designers can create interactive
mockups using the design system's components, and developers can quickly build functional prototypes using the corresponding code, allowing for faster testing and iteration cycles. This ability to quickly translate hypotheses into testable prototypes is invaluable for gathering user feedback early in the development process and making data-driven design decisions.

Furthermore, Arui-Feather streamlines the process of developing products. By providing a library of
reusable UI components, pre-defined styles, and documented patterns, the design system significantly accelerates the development of new features and entire products. Developers can leverage existing, tested code, reducing the need to build common interface elements from scratch. This efficiency allows development teams to focus on implementing core functionality and addressing complex technical challenges, rather than spending time on routine UI development. The tandem approach, facilitated by the design system, ensures that the implemented product accurately reflects the intended design, minimizing the need for rework.

The advantages of this tandem approach, empowered by Arui-Feather, are numerous for Alfa-Bank. It leads to significantly increased efficiency and speed in the product development lifecycle, allowing Alfa-Bank to bring new digital banking products and features to market faster than competitors. The ability to quickly test hypotheses reduces the risk of investing in features that do not resonate with users. Furthermore, the close collaboration between design and development, facilitated by the shared resources of Arui-Feather, results in higher quality digital products that are consistent, intuitive, and reliable – crucial attributes for building trust in the banking sector.

For Alfa-Bank's users, the benefits are experienced through a more user-friendly, consistent, and innovative digital banking experience. The efficiency and speed gained through Arui-Feather mean that users benefit from faster delivery of new features and improvements. The consistent UI/UX across different digital banking touchpoints makes managing their finances easier and more intuitive. The focus on testing hypotheses ensures that the products being developed are truly meeting their needs and solving their problems.

In conclusion, Arui-Feather is more than just a design system for Alfa-Bank; it is a strategic enabler of a collaborative, tandem workflow between designers and front-end developers. By providing a unified system and leveraging its advantages for testing hypotheses and developing products, Arui-Feather empowers Alfa-Bank to accelerate innovation, enhance efficiency, and deliver high-quality digital banking products that are consistent, user-centric, and meet the evolving demands of the market. It is the foundational system that fuels a culture of tandem innovation and helps Alfa-Bank maintain its position as a leader in digital banking.

Blog Posts About Design System

Related Products View All
P
Pluralsight Design System

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

H
Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

S
Seek Style Guide

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

S
ServiceNow Design System

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

N
Nachos

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

P
Photon Design System

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

P
Predix Design System

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

C
Canvas Design System

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

G
Global Experience Language (GEL)

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Y
Yelp Styleguide

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.

Suggest Product