Flame Design System

Empresa

Santander Brasil

Nome do Projeto

Flame Design System

Duração

2018, 1 ano e 6 meses

Plataforma

iOS, Android e Web

Função

UI Designer

Time

Jeison Valejo, Bianca Fidelix, Regina Menezes

Descrição

Centralização de padrões visuais, comportamentais, interativos e comunicacionais de plataformas digitais móveis e web.

Desafio

Unir padrões de diferentes áreas e plataformas em um só lugar, potencializando o desenvolvimento e melhorando a eficiência em diferentes projetos. O maior problema eram as inconsistências no mesmo produto.

Resultados

Criação de +800 componentes mobile e web, + 35% de redução no tempo de desenvolvimento e ampliação do projeto para se tornar global.

Processo de Design

O primeiro passo foi reunir mais de 60 designers, desenvolvedores e a equipe de marketing para entender suas principais dores principalmente no processo de criação de soluções. Entender os diferentes cenários foi fundamental porque eram realidades diferentes com ferramentas, tempo de desenvolvimento, plataformas e públicos diferentes.

Com todo o cenário mapeado, iniciamos o processo de criação do Design System e o tratamos com um produto da área de Design. Este tinha um roadmap, KPIs, processos e uma equipe exclusiva.

Priorizamos o desenvolvimento de componentes para mobile por serem as plataformas mais novas e posteriormente expandidas para a web. Isso possibilitou padronizar os canais e experiências do banco, unificando tecnologia e documentação central para todos que criassem uma solução para canais digitais.

Flame Global Release

O Ecossistema de Design Flame foi lançado globalmente em abril de 2021 para reforçar a identidade visual da marca em todos os países. E tive a oportunidade de fazer parte da idealização inicial de todo sistema de design global para trabalhar com eles na produção do lançamento oficial do Flame.

Manifesto de Design

Existem designers do Santander espalhados por todo o mundo, mas existem princípios comuns que os representam e descrevem os seus objetivos e compromissos.

O Manifesto de Design foi criado e apresentado pela equipe global de design a todos os designers. Sua produção teve o objetivo de reforçar, valorizar e mostrar de forma mais dinâmica os nove princípios deste manifesto.

Design System Training

Treinamento e aperfeiçoamento de Designers, impulsionando a criatividade e a excelência na introdução do Design System. No mundo atual, onde a estética e a experiência do usuário exercem um papel fundamental na criação de produtos e serviços bem-sucedidos, o treinamento e continuidade contínua de alcança-lo é essencial para todos os designers.

"A Design System isn’t a Project. It’s a Product, Serving Products."

"Um Design System não é um projeto. É um Produto, Servindo Produtos. O valor de um sistema de design é percebido quando os produtos enviam recursos usando peças do sistema."

Nathan Curtis

Design System isn’t a Project

Portal Comercial

Empresa

Santander Brasil

Nome do Projeto

Novo site do Santander

Duração

2017, 1 ano

Plataforma

Web | Angular

Função

Product Designer

Time

Fabiano Silva, Vinicius Cruz, Cesar Gama, Cristiane Monteiro

Descrição

O novo conceito conversacional do site do Santander trazendo uma experiência de e-commerce para a plataforma.

Desafio

Facilitar a tomada de decisão na contratação de um produto financeiro para clientes e não clientes. A experiência conversacional foi criada para conduzir a pessoa da melhor forma possível para que ela encontre o que deseja de forma natural e sem atritos. Foram introduzidos elementos de e-commerce na plataforma potenciando a aquisição de produtos de acordo com as necessidades de cada cliente.

Resultados

+ Aumento de 200% em novos visitantes, 20% menos tempo para comprar um produto e o primeiro banco a participar da Black Friday no Brasil.

Processo de Design

O início do processo foi entender quais eram as necessidades que as pessoas tinham ao acessar o site do banco e quais eram os problemas mais frequentes que precisariam resolver. Realizamos diversos estudos com diferentes perfis de todo o Brasil utilizando métodos qualitativos e quantitativos para mapear diferentes necessidades, modos de uso e nível de conhecimento sobre produtos financeiros.

O pilar central deste projeto foi trazer uma interface conversacional para facilitar o processo de navegação, trazendo fluidez e movimento ao site. Isso mudou a percepção das pessoas sobre o que um site de banco poderia ser, permitindo aumentar o número de interações, engajamento e retenção durante o acesso.

Portal Comercial Release

Em parceria com a Work.co definimos a visão de um futuro onde a tecnologia aprimora holisticamente a experiência do cliente em cada interação. A partir daí, a nova experiência levou a maior eficiência no ecossistema multicanal de pontos de contato digitais, incluindo o site, as ferramentas internas e o marketplace.

Novo Brand Santander

Em conjunto com a equipe de design e marketing global, iniciamos nosso processo de rebranding com o objetivo não apenas de evoluir nossa identidade de marca, mas também de revitalizar nossa cultura corporativa e a área de Design Brasil com princípios consistentes.

Marketplace Global

Trabalhamos juntos para criar um marketplace otimizado em torno das oportunidades mais importantes da atualidade, como tráfego de pesquisa, mídias sociais e responsividade em dispositivos móveis. O site foi construído com um sistema de design escalável que ajuda na integração social e guia de estilo fotográfico que tornar a marca mais moderna.

Flame Design Ecossystem

Santander, Nov - 2018

© 2023 Italo Alexandro - Todos os direitos reservados.