UI / UX Design
CityBank — Case de estudo
Product Designer
Year :
2025
Industry :
Finanças
Client :
CityBank
Project Duration :
2 semanas
Visão Geral do Projeto
O CityBank é um projeto conceitual criado para explorar a construção de uma experiência bancária digital no formato web.
Usei este case para exercitar a criação de um sistema visual consistente, uma arquitetura clara e uma interface funcional.
Mesmo não sendo um projeto real, tratei como um desafio profissional para demonstrar minha capacidade em organizar informações complexas e transformá-las em uma interface intuitiva.
Objetivo do Projeto
Primeiramente uma landing page mobile first com foco em conversão e clareza visual.
Os elementos principais incluem:
Hero section com CTA direto e headline clara sobre o propósito do banco.
Sessão de benefícios em cards modulares para facilitar leitura e escaneabilidade.
Simulação de conta e destaque de segurança como gatilhos de confiança.
Layout responsivo e grid fluido, priorizando performance e acessibilidade.
Processo e decisões
Pesquisa e Benchmarking
Analisei bancos digitais e fintechs para compreender boas práticas e padrões de mercado, como Nubank, Inter e C6 Bank. O foco foi identificar oportunidades de diferenciação visual e de usabilidade.
Arquitetura da Informação
Estruturei um fluxo simples, com navegação clara e hierarquia de informações priorizando o que o usuário mais busca: saldo, transações e pagamentos rápidos.
Wireframes e Protótipo
Criei wireframes de baixa fidelidade para testar o fluxo principal e validar a lógica de navegação.
Em seguida, evoluí para um protótipo de alta fidelidade no Figma, aplicando grid de 8 pontos, 12 colunas e design mobile first.
UI Design e Identidade Visual
A interface foi construída com uma paleta de cores que transmite confiança e modernidade, combinando azul escuro, branco e detalhes em amarelo para contraste e destaque de CTA.
A tipografia principal escolhida foi Aeonik TRIAL, pela legibilidade e estilo contemporâneo.
Resultado
O resultado é uma interface limpa, moderna e consistente, que equilibra estética e funcionalidade.
More Projects
UI / UX Design
CityBank — Case de estudo
Product Designer
Year :
2025
Industry :
Finanças
Client :
CityBank
Project Duration :
2 semanas
Visão Geral do Projeto
O CityBank é um projeto conceitual criado para explorar a construção de uma experiência bancária digital no formato web.
Usei este case para exercitar a criação de um sistema visual consistente, uma arquitetura clara e uma interface funcional.
Mesmo não sendo um projeto real, tratei como um desafio profissional para demonstrar minha capacidade em organizar informações complexas e transformá-las em uma interface intuitiva.
Objetivo do Projeto
Primeiramente uma landing page mobile first com foco em conversão e clareza visual.
Os elementos principais incluem:
Hero section com CTA direto e headline clara sobre o propósito do banco.
Sessão de benefícios em cards modulares para facilitar leitura e escaneabilidade.
Simulação de conta e destaque de segurança como gatilhos de confiança.
Layout responsivo e grid fluido, priorizando performance e acessibilidade.
Processo e decisões
Pesquisa e Benchmarking
Analisei bancos digitais e fintechs para compreender boas práticas e padrões de mercado, como Nubank, Inter e C6 Bank. O foco foi identificar oportunidades de diferenciação visual e de usabilidade.
Arquitetura da Informação
Estruturei um fluxo simples, com navegação clara e hierarquia de informações priorizando o que o usuário mais busca: saldo, transações e pagamentos rápidos.
Wireframes e Protótipo
Criei wireframes de baixa fidelidade para testar o fluxo principal e validar a lógica de navegação.
Em seguida, evoluí para um protótipo de alta fidelidade no Figma, aplicando grid de 8 pontos, 12 colunas e design mobile first.
UI Design e Identidade Visual
A interface foi construída com uma paleta de cores que transmite confiança e modernidade, combinando azul escuro, branco e detalhes em amarelo para contraste e destaque de CTA.
A tipografia principal escolhida foi Aeonik TRIAL, pela legibilidade e estilo contemporâneo.
Resultado
O resultado é uma interface limpa, moderna e consistente, que equilibra estética e funcionalidade.
More Projects
UI / UX Design
CityBank — Case de estudo
Product Designer
Year :
2025
Industry :
Finanças
Client :
CityBank
Project Duration :
2 semanas
Visão Geral do Projeto
O CityBank é um projeto conceitual criado para explorar a construção de uma experiência bancária digital no formato web.
Usei este case para exercitar a criação de um sistema visual consistente, uma arquitetura clara e uma interface funcional.
Mesmo não sendo um projeto real, tratei como um desafio profissional para demonstrar minha capacidade em organizar informações complexas e transformá-las em uma interface intuitiva.
Objetivo do Projeto
Primeiramente uma landing page mobile first com foco em conversão e clareza visual.
Os elementos principais incluem:
Hero section com CTA direto e headline clara sobre o propósito do banco.
Sessão de benefícios em cards modulares para facilitar leitura e escaneabilidade.
Simulação de conta e destaque de segurança como gatilhos de confiança.
Layout responsivo e grid fluido, priorizando performance e acessibilidade.
Processo e decisões
Pesquisa e Benchmarking
Analisei bancos digitais e fintechs para compreender boas práticas e padrões de mercado, como Nubank, Inter e C6 Bank. O foco foi identificar oportunidades de diferenciação visual e de usabilidade.
Arquitetura da Informação
Estruturei um fluxo simples, com navegação clara e hierarquia de informações priorizando o que o usuário mais busca: saldo, transações e pagamentos rápidos.
Wireframes e Protótipo
Criei wireframes de baixa fidelidade para testar o fluxo principal e validar a lógica de navegação.
Em seguida, evoluí para um protótipo de alta fidelidade no Figma, aplicando grid de 8 pontos, 12 colunas e design mobile first.
UI Design e Identidade Visual
A interface foi construída com uma paleta de cores que transmite confiança e modernidade, combinando azul escuro, branco e detalhes em amarelo para contraste e destaque de CTA.
A tipografia principal escolhida foi Aeonik TRIAL, pela legibilidade e estilo contemporâneo.
Resultado
O resultado é uma interface limpa, moderna e consistente, que equilibra estética e funcionalidade.