Flutter Brasil - Caso de Uso Unico 2022

Transcript

2. Quem somos? Rodrigo Plácido Engineering Manager Vinícius Moisés Tech Lead
3. Somos a Unico Criamos soluções que desburocratizam a vida de milhares de pessoas R$70 BI foram economizados com a prevenção de fraudes no ano de 2021. 720K pessoas contratadas sem sair de casa. 38M de pessoas acessaram serviços financeiros com a nossa tecnologia. A IDTech brasileira a frente da transformação da sociedade por meio da identidade digital.
4. +15 milhões de transações autenticadas mensais Reduz 80% do tempo gasto no faturamento de um veículo Produtos Criamos soluções que transformam a relação entre pessoas e empresas +700k pessoas contratadas, por meio da admissão digital
5. Unico You
6. Histórico
7. 1 Squad You Apenas um time desenvolvia o app e apenas um serviço oferecido. 1 App 3 Engenheiros
8. Hoje
9. 7 Squads You - Hoje Hoje temos 7 times trabalhando no app do You com 3 miniapps para serviços dedicados 3 Miniapps 13 Engenheiros
10. Arquitetura
11. Arquitetura CORE Authentication Network Notification Geolocation Analytics Device Mini App 1 Mini App 2 Mini App 3 MINI APPS UNICO APP DESIGN SYSTEM
12. Arquitetura APP UNICO BFF MS MS MS STORAGE/REMOTE CONFIG REST
13. Stack
14. O que estamos utilizando?
15. Design System
16. O Design System do ecossistema de produtos digitais da Unico
17. 1 2 3 4 5 Consistência Qualidade Consistência e padronização levam a maior qualidade da interface. Erros se tornam raros e a experiência do usuário é aprimorada. Comunicação Agilidade no processo Foco na experiência Permite a escalabilidade do processo de design. Dessa forma, o desenvolvimento de interfaces se torna bem mais ágil e fácil. Permitem que os desenvolvedores criem interfaces mais consistentes, uma vez que os elementos de UI estão padronizados e sob as corretas diretrizes de uso. Design System é a “fonte da verdade”, portanto as discussões entre desenvolvedores e designers tendem a se amenizar uma vez que todas as diretrizes e elementos estão oficializados. Uma vez que os elementos estão padronizados, os designers conseguem dar mais foco para a experiência de uso ao invés da criação dos componentes diferentes em cada lugar ou produtos da mesma marca. Quais são os benefícios do Genoma? elementos revisados– padrões definidos– – componentes e código prontos – mesma experiência entre produtos documentação centralizada e canais de comunicação –
18. + Design System Biblioteca no Figma Componentes reutilizáveis e estilos para desenho das telas e protótipos navegáveis Código no Github Código dos componentes prontos para implementação nas aplicações em Flutter
19. Stack Design System Genoma Design System Library Design Widgetbook Engenharia GitHub Engenharia zeroheight Documentação única
20. Organisms Atoms Foundations • Widgetbook é o storybook do Flutter; • Torna visível em tempo real os componentes existentes em código e permite a realização de testes de UI; • Pode ser entendido como um modelo de documentação viva. Widgetbook
21. Obrigadx TEMOS VAGAS! :) Vinicius Moisés viniciusmo Rodrigo Plácido rodrigoplacido