UI / UX Design
CityBank - UI Design App
O foco deste projeto foi estruturar visualmente os principais fluxos de um app bancário, organizando a jornada do usuário desde o primeiro contato com o produto até as principais ações dentro da plataforma.
Year :
2025
Industry :
Finanças
Client :
CityBank
Project Duration :
1 mês
Objetivo do projeto
Criar uma experiência visual clara e confiável para um banco digital, cobrindo os principais pontos da jornada do usuário:
Primeiro contato com o produto
Processo de autenticação
Visualização de informações financeiras
Acesso às funcionalidades essenciais do app
O desafio foi estruturar interfaces que transmitissem segurança, simplicidade e eficiência, características fundamentais para produtos financeiros.
Abordagem e processo
Embora este projeto não tenha seguido todas as etapas formais de UX (como pesquisa com usuários ou testes de usabilidade), ele foi desenvolvido com base em:
Referências de produtos bancários digitais já consolidados
Boas práticas de UI para fintechs
Princípios de hierarquia visual, legibilidade e consistência
Estudo autodidata sobre fluxos comuns em aplicativos financeiros
O processo foi majoritariamente hands-on, com foco direto na construção da interface no Figma, usando o projeto como ferramenta de aprendizado prático.
Estrutura da jornada do usuário
1. Onboarding (Pré-login)
As telas iniciais apresentam o produto, seus benefícios e a proposta do banco digital, preparando o usuário para seguir para o acesso à plataforma.
Objetivo:
Apresentar o valor do produto
Gerar confiança
Conduzir o usuário para o login ou criação de conta
2. Fluxo de Autenticação
Inclui as telas de:
Login
Criação de conta
Verificação de código
Objetivo:
Garantir um fluxo simples e direto para entrada do usuário, reduzindo fricções e mantendo clareza nas ações.
3. Dashboard
Tela principal do app, onde o usuário visualiza:
Saldo disponível
Resumo financeiro
Acesso rápido às principais ações
Objetivo:
Centralizar informações importantes e permitir leitura rápida do estado financeiro do usuário.
4. Cartões
Área dedicada à visualização e gerenciamento dos cartões do usuário.
Objetivo:
Facilitar o controle dos cartões e destacar informações essenciais de forma organizada.
5. Transferências
Tela focada em envio de dinheiro e histórico de transações.
Objetivo:
Criar um fluxo claro e seguro para movimentações financeiras, priorizando simplicidade.
6. Investimentos
Seção voltada para acompanhamento e visualização de investimentos.
Objetivo:
Apresentar dados financeiros de forma acessível, mesmo para usuários com pouco conhecimento técnico.
7. Perfil e Configurações
Tela com informações pessoais e ajustes da conta.
Objetivo:
Permitir que o usuário gerencie seus dados com autonomia e clareza.
Meu papel no projeto
UI Design
Estruturação de fluxos
Criação de componentes visuais
Organização da jornada do usuário
Este projeto representa um estudo prático de UI aplicado a Product Design e faz parte do meu processo contínuo de aprendizado e evolução na área.
More Projects
UI / UX Design
CityBank - UI Design App
O foco deste projeto foi estruturar visualmente os principais fluxos de um app bancário, organizando a jornada do usuário desde o primeiro contato com o produto até as principais ações dentro da plataforma.
Year :
2025
Industry :
Finanças
Client :
CityBank
Project Duration :
1 mês
Objetivo do projeto
Criar uma experiência visual clara e confiável para um banco digital, cobrindo os principais pontos da jornada do usuário:
Primeiro contato com o produto
Processo de autenticação
Visualização de informações financeiras
Acesso às funcionalidades essenciais do app
O desafio foi estruturar interfaces que transmitissem segurança, simplicidade e eficiência, características fundamentais para produtos financeiros.
Abordagem e processo
Embora este projeto não tenha seguido todas as etapas formais de UX (como pesquisa com usuários ou testes de usabilidade), ele foi desenvolvido com base em:
Referências de produtos bancários digitais já consolidados
Boas práticas de UI para fintechs
Princípios de hierarquia visual, legibilidade e consistência
Estudo autodidata sobre fluxos comuns em aplicativos financeiros
O processo foi majoritariamente hands-on, com foco direto na construção da interface no Figma, usando o projeto como ferramenta de aprendizado prático.
Estrutura da jornada do usuário
1. Onboarding (Pré-login)
As telas iniciais apresentam o produto, seus benefícios e a proposta do banco digital, preparando o usuário para seguir para o acesso à plataforma.
Objetivo:
Apresentar o valor do produto
Gerar confiança
Conduzir o usuário para o login ou criação de conta
2. Fluxo de Autenticação
Inclui as telas de:
Login
Criação de conta
Verificação de código
Objetivo:
Garantir um fluxo simples e direto para entrada do usuário, reduzindo fricções e mantendo clareza nas ações.
3. Dashboard
Tela principal do app, onde o usuário visualiza:
Saldo disponível
Resumo financeiro
Acesso rápido às principais ações
Objetivo:
Centralizar informações importantes e permitir leitura rápida do estado financeiro do usuário.
4. Cartões
Área dedicada à visualização e gerenciamento dos cartões do usuário.
Objetivo:
Facilitar o controle dos cartões e destacar informações essenciais de forma organizada.
5. Transferências
Tela focada em envio de dinheiro e histórico de transações.
Objetivo:
Criar um fluxo claro e seguro para movimentações financeiras, priorizando simplicidade.
6. Investimentos
Seção voltada para acompanhamento e visualização de investimentos.
Objetivo:
Apresentar dados financeiros de forma acessível, mesmo para usuários com pouco conhecimento técnico.
7. Perfil e Configurações
Tela com informações pessoais e ajustes da conta.
Objetivo:
Permitir que o usuário gerencie seus dados com autonomia e clareza.
Meu papel no projeto
UI Design
Estruturação de fluxos
Criação de componentes visuais
Organização da jornada do usuário
Este projeto representa um estudo prático de UI aplicado a Product Design e faz parte do meu processo contínuo de aprendizado e evolução na área.
More Projects
UI / UX Design
CityBank - UI Design App
O foco deste projeto foi estruturar visualmente os principais fluxos de um app bancário, organizando a jornada do usuário desde o primeiro contato com o produto até as principais ações dentro da plataforma.
Year :
2025
Industry :
Finanças
Client :
CityBank
Project Duration :
1 mês
Objetivo do projeto
Criar uma experiência visual clara e confiável para um banco digital, cobrindo os principais pontos da jornada do usuário:
Primeiro contato com o produto
Processo de autenticação
Visualização de informações financeiras
Acesso às funcionalidades essenciais do app
O desafio foi estruturar interfaces que transmitissem segurança, simplicidade e eficiência, características fundamentais para produtos financeiros.
Abordagem e processo
Embora este projeto não tenha seguido todas as etapas formais de UX (como pesquisa com usuários ou testes de usabilidade), ele foi desenvolvido com base em:
Referências de produtos bancários digitais já consolidados
Boas práticas de UI para fintechs
Princípios de hierarquia visual, legibilidade e consistência
Estudo autodidata sobre fluxos comuns em aplicativos financeiros
O processo foi majoritariamente hands-on, com foco direto na construção da interface no Figma, usando o projeto como ferramenta de aprendizado prático.
Estrutura da jornada do usuário
1. Onboarding (Pré-login)
As telas iniciais apresentam o produto, seus benefícios e a proposta do banco digital, preparando o usuário para seguir para o acesso à plataforma.
Objetivo:
Apresentar o valor do produto
Gerar confiança
Conduzir o usuário para o login ou criação de conta
2. Fluxo de Autenticação
Inclui as telas de:
Login
Criação de conta
Verificação de código
Objetivo:
Garantir um fluxo simples e direto para entrada do usuário, reduzindo fricções e mantendo clareza nas ações.
3. Dashboard
Tela principal do app, onde o usuário visualiza:
Saldo disponível
Resumo financeiro
Acesso rápido às principais ações
Objetivo:
Centralizar informações importantes e permitir leitura rápida do estado financeiro do usuário.
4. Cartões
Área dedicada à visualização e gerenciamento dos cartões do usuário.
Objetivo:
Facilitar o controle dos cartões e destacar informações essenciais de forma organizada.
5. Transferências
Tela focada em envio de dinheiro e histórico de transações.
Objetivo:
Criar um fluxo claro e seguro para movimentações financeiras, priorizando simplicidade.
6. Investimentos
Seção voltada para acompanhamento e visualização de investimentos.
Objetivo:
Apresentar dados financeiros de forma acessível, mesmo para usuários com pouco conhecimento técnico.
7. Perfil e Configurações
Tela com informações pessoais e ajustes da conta.
Objetivo:
Permitir que o usuário gerencie seus dados com autonomia e clareza.
Meu papel no projeto
UI Design
Estruturação de fluxos
Criação de componentes visuais
Organização da jornada do usuário
Este projeto representa um estudo prático de UI aplicado a Product Design e faz parte do meu processo contínuo de aprendizado e evolução na área.