Banking as a Service

Esse projeto foi feito para renovar a interface de BaaS da Logbank, trazendo modularidade e responsividade para um sistema que estava desatualizado.

Empresa

Logbank

Logbank

Logbank

Softwares Utilizados

Figma

Figma

Figma

Metodologias

Double Diamond e Bibliotecas de Componentes

Double Diamond e Bibliotecas de Componentes

Double Diamond e Bibliotecas de Componentes

O Objetivo -

O projeto teve como foco reconstruir a interface de BaaS (Banking as a Service) para se tornar moderna e que atendesse as necessidades de diferentes tipos de clientes e projetos que usavam nossa plataforma, sendo que existiam também whitelabels que trabalharam conosco. O meu foco foi em criar o Design System e também as interfaces que compunham o projeto.

A Abordagem -

Minha abordagem teve um foco mais direto em conhecer os usuários e saber quais eram as necessidades específicas deles. Como o projeto envolvia whitelabels, já conhecíamos bem o que eles precisavam e conseguimos ter uma ideia geral do fluxo ideal para esse projeto. Em conjunto com a PO, construímos um fluxo ideal para seguirmos.

O Desafio -

O desafio principal foi começar a criar os componentes do zero - afinal, não tínhamos nada em relação ao design. Tínhamos a necessidade de:

  • Componentes de Cards.

  • Componentes de Botões.

  • Ícones


Além também de termos a necessidade de uma padronização do layout para propósitos de responsividade.

O Trabalho -

O trabalho principal foi criar o Design System do zero. Abaixo está grande parte do trabalho (com alguns detalhes sensíveis que não posso compartilhar censurados):

As Interfaces Finais -

Depois da criação dos componentes e do Design System, grande parte das interfaces foram feitas com muito mais facilidade. Algumas delas ficaram assim:

Create a free website with Framer, the website builder loved by startups, designers and agencies.