Diana Design System

Diana is a design system made for Sicredi, a system of credit cooperatives founded 117 years ago by the priest Theodor Amstad. The story goes that Amstad traveled around Brazil with his mule, Diana. That's why the design system got its name.

sicredi-hero-image.png

context

With the advancement of technology, any company is forced to offer quality digital experiences. When we talk about a company that serves more than 4 million people with constant product growth, it is impossible to support healthy and consistent growth without organizing an ecosystem of reusable visual styles and code.

That is why Diana was created.

Today, the Design System is being applied to new Sicredi applications, with a focus on self-service and CRM. It serves Android, iOS, and Web platforms.

sicredi-tech.png

process

To gain speed and quality, we work with a collaborative Design System. For this, we created a process where any UX Designer or Developer can report a need that, if approved, goes through the design process.

process.png
Sala com várias pessoas. Algumas pessoas sentam envolta de uma mesa longa e outras estão de pé em frente à um quadro branco com post its.

design result

Tokens.png
Components.png
Templates.png

summary

The tokens and components shown here are just a small part of what has already been implemented and designed. As mentioned before, Sicredi's Design System works collaboratively but is orchestrated by a central team. It represents more than the modularization of design and code, but a way to evolve and products in a sustainable and accessible way, improving the experience of all users.