Desenvolvido pela X-Apps
O novo site do Banco Arbi, desenhado e desenvolvido pela X-Apps.
A X-Apps redesenhou e desenvolveu o site do Banco Arbi: uma vitrine para um banco que atende fintechs, o mercado de capitais, empresas e pessoas, com a marca de sempre, um caminho para cada perfil e uma página para cada linha de negócio.
- Cliente
- Banco Arbi
- Produto
- Site institucional e de soluções
- Escopo
- UX/UI design e desenvolvimento do site
Um banco de ponta a ponta, com um site que mostra isso.
O desafio
O Arbi atende públicos muito diferentes, de fintechs e gestoras a empresas e pessoas físicas. O site precisava apresentar tudo isso sem confundir quem chega e transmitir a solidez de um banco que está no mercado desde 1980.
A atuação da X-Apps
UX/UI design e desenvolvimento: arquitetura de conteúdo por perfil, nova linguagem visual a partir da marca, home, páginas de solução, institucional e contato, em versões para computador e celular.
A entrega
Uma home com navegação por perfil, Banking as a Service explicado em camadas, páginas de mercado de capitais, fintechs, empresas e pessoas, a trajetória desde 1980 e os canais de atendimento.
Home
Desenhamos uma home que mostra o banco inteiro em uma rolagem.
Organizamos a primeira página do mais institucional ao mais específico: quem é o Arbi, para quem ele trabalha e o que oferece a cada perfil.
- 01
Uma abertura com a solidez do banco.
Título direto, os fatos que só o Arbi tem (desde 1980, Pix direto, câmbio autorizado, três escritórios) e a foto cortada no traço do símbolo da marca.
- 02
Um caminho para cada perfil.
Criamos abas para fintechs, mercado de capitais, empresas e pessoas: cada visitante vê primeiro as soluções feitas para ele.
- 03
Banking as a Service explicado em camadas.
Um diagrama mostra a marca do cliente por cima, as APIs e a plataforma white label no meio e o core bancário do Arbi por baixo.
- 04
Seis serviços lado a lado.
Conta Escrow, Banco Liquidante, CCB, recebíveis, cobrança e câmbio, cada um com ícone e uma frase.
- 05
ERPs e soluções PJ com foto e lista.
A integração com ERPs e as soluções para empresas ganharam blocos com fotos novas e os itens de cada oferta.
- 06
A história desde 1980, em resumo.
Oito marcos do banco levam à página institucional.
Home
Desenhamos uma home que mostra o banco inteiro em uma rolagem.
Organizamos a primeira página do mais institucional ao mais específico: quem é o Arbi, para quem ele trabalha e o que oferece a cada perfil.
Role dentro da janela para ver a página inteira.
- 01
Uma abertura com a solidez do banco.
Título direto, os fatos que só o Arbi tem (desde 1980, Pix direto, câmbio autorizado, três escritórios) e a foto cortada no traço do símbolo da marca.
- 02
Um caminho para cada perfil.
Criamos abas para fintechs, mercado de capitais, empresas e pessoas: cada visitante vê primeiro as soluções feitas para ele.
- 03
Banking as a Service explicado em camadas.
Um diagrama mostra a marca do cliente por cima, as APIs e a plataforma white label no meio e o core bancário do Arbi por baixo.
- 04
Seis serviços lado a lado.
Conta Escrow, Banco Liquidante, CCB, recebíveis, cobrança e câmbio, cada um com ícone e uma frase.
- 05
ERPs e soluções PJ com foto e lista.
A integração com ERPs e as soluções para empresas ganharam blocos com fotos novas e os itens de cada oferta.
- 06
A história desde 1980, em resumo.
Oito marcos do banco levam à página institucional.
Home
Desenhamos uma home que mostra o banco inteiro em uma rolagem.
Organizamos a primeira página do mais institucional ao mais específico: quem é o Arbi, para quem ele trabalha e o que oferece a cada perfil.
- Banco Arbi
A home do novo site, do topo ao rodapé.
- 01 / 06 · Abertura
Uma abertura com a solidez do banco.
Título direto, os fatos que só o Arbi tem (desde 1980, Pix direto, câmbio autorizado, três escritórios) e a foto cortada no traço do símbolo da marca.
- 02 / 06 · Perfis
Um caminho para cada perfil.
Criamos abas para fintechs, mercado de capitais, empresas e pessoas: cada visitante vê primeiro as soluções feitas para ele.
- 03 / 06 · Banking as a Service
Banking as a Service explicado em camadas.
Um diagrama mostra a marca do cliente por cima, as APIs e a plataforma white label no meio e o core bancário do Arbi por baixo.
- 04 / 06 · Mercado de capitais
Seis serviços lado a lado.
Conta Escrow, Banco Liquidante, CCB, recebíveis, cobrança e câmbio, cada um com ícone e uma frase.
- 05 / 06 · Empresas
ERPs e soluções PJ com foto e lista.
A integração com ERPs e as soluções para empresas ganharam blocos com fotos novas e os itens de cada oferta.
- 06 / 06 · Trajetória
A história desde 1980, em resumo.
Oito marcos do banco levam à página institucional.
Páginas de solução
Uma página para cada linha de negócio, com a mesma linguagem.
Fintechs, mercado de capitais, empresas e pessoas ganharam páginas próprias, todas abrindo pela promessa, com foto, conteúdo e contato no mesmo lugar.
- 01
A promessa logo no topo.
Sua fintech pode se tornar um banco digital completo e seguro: título, foto e contato na primeira dobra.
- 02
O que a conta white label oferece.
Pagamentos, motores de crédito, esteiras e conexão com o ERP em quatro blocos.
- 03
Do primeiro contato à operação.
Três passos mostram como a fintech sai da conversa e chega à conta com a própria marca.
- 04
Operações estruturadas desde o título.
A página fala com gestoras, securitizadoras e factorings já na abertura.
- 05
Os seis serviços em detalhe.
Cada serviço com ícone, nome e o que ele resolve na operação.
- 06
Os perfis de clientes em etiquetas.
Gestoras, administradores, securitizadoras, factorings, consultores e associações.
Páginas de solução
Uma página para cada linha de negócio, com a mesma linguagem.
Fintechs, mercado de capitais, empresas e pessoas ganharam páginas próprias, todas abrindo pela promessa, com foto, conteúdo e contato no mesmo lugar.
Role dentro da janela para ver a página inteira.
- 01
A promessa logo no topo.
Sua fintech pode se tornar um banco digital completo e seguro: título, foto e contato na primeira dobra.
- 02
O que a conta white label oferece.
Pagamentos, motores de crédito, esteiras e conexão com o ERP em quatro blocos.
- 03
Do primeiro contato à operação.
Três passos mostram como a fintech sai da conversa e chega à conta com a própria marca.
Role dentro da janela para ver a página inteira.
- 04
Operações estruturadas desde o título.
A página fala com gestoras, securitizadoras e factorings já na abertura.
- 05
Os seis serviços em detalhe.
Cada serviço com ícone, nome e o que ele resolve na operação.
- 06
Os perfis de clientes em etiquetas.
Gestoras, administradores, securitizadoras, factorings, consultores e associações.
Páginas de solução
Uma página para cada linha de negócio, com a mesma linguagem.
Fintechs, mercado de capitais, empresas e pessoas ganharam páginas próprias, todas abrindo pela promessa, com foto, conteúdo e contato no mesmo lugar.
- Soluções para fintechs
A página de soluções para fintechs.
- Mercado de capitais
Um toque leva ao mercado de capitais.
- 01 / 06 · Fintechs
A promessa logo no topo.
Sua fintech pode se tornar um banco digital completo e seguro: título, foto e contato na primeira dobra.
- 02 / 06 · Recursos
O que a conta white label oferece.
Pagamentos, motores de crédito, esteiras e conexão com o ERP em quatro blocos.
- 03 / 06 · Como funciona
Do primeiro contato à operação.
Três passos mostram como a fintech sai da conversa e chega à conta com a própria marca.
- 04 / 06 · Mercado de capitais
Operações estruturadas desde o título.
A página fala com gestoras, securitizadoras e factorings já na abertura.
- 05 / 06 · Serviços
Os seis serviços em detalhe.
Cada serviço com ícone, nome e o que ele resolve na operação.
- 06 / 06 · Para quem
Os perfis de clientes em etiquetas.
Gestoras, administradores, securitizadoras, factorings, consultores e associações.
Institucional e contato
A história do banco e um atendimento sem labirinto.
A página institucional conta mais de quatro décadas em uma linha do tempo, e o contato reúne todos os canais em uma tela.
- 01
A história começa no Rio.
A página abre com o Leblon, onde fica a matriz, e a apresentação do banco.
- 02
O jeito do banco, em destaque.
Um texto grande resume a visão do Arbi, seguido de dois valores: digital e humano, comprometido com a inovação.
- 03
A linha do tempo completa.
De 1980 a 2023: a distribuidora, o banco múltiplo, o Pix, o câmbio e os novos escritórios.
- 04
Os três escritórios.
Rio de Janeiro, Salvador e São Paulo, com endereço completo.
- 05
Todos os canais em uma tela.
Atendimento, SAC, ouvidoria e WhatsApp reunidos logo na abertura.
- 06
Canais e formulário lado a lado.
Telefones e e-mails por assunto e um formulário curto para quem prefere escrever.
Institucional e contato
A história do banco e um atendimento sem labirinto.
A página institucional conta mais de quatro décadas em uma linha do tempo, e o contato reúne todos os canais em uma tela.
Role dentro da janela para ver a página inteira.
- 01
A história começa no Rio.
A página abre com o Leblon, onde fica a matriz, e a apresentação do banco.
- 02
O jeito do banco, em destaque.
Um texto grande resume a visão do Arbi, seguido de dois valores: digital e humano, comprometido com a inovação.
- 03
A linha do tempo completa.
De 1980 a 2023: a distribuidora, o banco múltiplo, o Pix, o câmbio e os novos escritórios.
- 04
Os três escritórios.
Rio de Janeiro, Salvador e São Paulo, com endereço completo.
Role dentro da janela para ver a página inteira.
- 05
Todos os canais em uma tela.
Atendimento, SAC, ouvidoria e WhatsApp reunidos logo na abertura.
- 06
Canais e formulário lado a lado.
Telefones e e-mails por assunto e um formulário curto para quem prefere escrever.
Institucional e contato
A história do banco e um atendimento sem labirinto.
A página institucional conta mais de quatro décadas em uma linha do tempo, e o contato reúne todos os canais em uma tela.
- Conheça o Arbi
A página institucional do banco.
- Fale com o Arbi
Um toque leva ao contato.
- 01 / 06 · Abertura
A história começa no Rio.
A página abre com o Leblon, onde fica a matriz, e a apresentação do banco.
- 02 / 06 · Manifesto
O jeito do banco, em destaque.
Um texto grande resume a visão do Arbi, seguido de dois valores: digital e humano, comprometido com a inovação.
- 03 / 06 · Trajetória
A linha do tempo completa.
De 1980 a 2023: a distribuidora, o banco múltiplo, o Pix, o câmbio e os novos escritórios.
- 04 / 06 · Escritórios
Os três escritórios.
Rio de Janeiro, Salvador e São Paulo, com endereço completo.
- 05 / 06 · Contato
Todos os canais em uma tela.
Atendimento, SAC, ouvidoria e WhatsApp reunidos logo na abertura.
- 06 / 06 · Canais
Canais e formulário lado a lado.
Telefones e e-mails por assunto e um formulário curto para quem prefere escrever.
Escolha o banco certo. Escolha o Banco Arbi.
Mais cases
Conheça os outros produtosque construímos.
PróximoPrime Spirits ClubVarejo e bebidasPrime Spirits ClubE-commerce de destilados premium
Estratégia, UX/UI e desenvolvimento do e-commerce da Prime Spirits Club, com home de campanha, catálogo, produto com vários vendedores e checkout.
Estratégia de produtoUX/UI DesignE-commerceVer o case
HOXX TVMídia e streamingHOXX TVStreaming: app mobile, app de TV e backoffice
App mobile, app de TV e backoffice de uma plataforma de streaming pensada para cada tela e cada família.
Estratégia de produtoUX/UI DesignApp mobileApp de TVBackofficeVer o case
BMW Motorrad BrasilAutomotivoBMW Motorrad BrasilRiders by BMW Motorrad Brasil, aplicativo da comunidade
O aplicativo Riders, da BMW Motorrad Brasil, leva a comunidade de motociclistas para antes, durante e depois de cada encontro.
Estratégia de produtoUX/UI DesignApp mobileVer o case
FunnelerMarketing e IAFunnelerPlataforma web de agentes de IA para sites
Agentes de IA de chat e de voz no site, treinados com a empresa, que entregam cada conversa como um lead.
Estratégia de produtoUX/UI DesignPlataforma webAgentes de IAVer o case
AntecipeiFintech e RHAntecipeiAplicativo de antecipação salarial
O aplicativo de antecipação salarial que mostra o saldo, explica as taxas e acompanha cada pedido.
Estratégia de produtoUX/UI DesignApp mobileVer o case
Stock CarEsporte e entretenimentoStock CarPaddockFan, aplicativo para o torcedor
O aplicativo em que o torcedor compra e valida o ingresso e acompanha o campeonato etapa por etapa.
Estratégia de produtoUX/UI DesignApp mobileVer o case
Unimed NacionalSaúdeUnimed NacionalAplicativo interno de diretório da rede
O aplicativo que reúne as Unimeds da rede, seus dirigentes, cargos e contatos em um só lugar.
Estratégia de produtoUX/UI DesignApp mobileVer o case
TranspetroEnergia e indústriaTranspetroAplicativo de inspeções industriais
Um aplicativo para apoiar profissionais em campo na inspeção de equipamentos e no registro das condições encontradas.
UX/UI DesignApp mobileVer o case
Volvo Financial ServicesServiços financeirosVolvo Financial ServicesPortal de relacionamento e serviços financeiros
O portal de relacionamento e serviços financeiros para clientes Volvo.
Design de interfacePortal webBackofficeVer o case
YakultBens de consumoYakultGestor de Vendas
Um aplicativo para as vendedoras, um painel para os gestores e um assistente de IA por voz, ligados aos mesmos dados.
Estratégia de produtoUX/UI DesignApp mobileBackoffice webAssistente de IA por vozVer o case
Casa & VídeoVarejoCasa & VídeoAplicativo de varejo iOS e Android
Conta, lojas, catálogo, produto e carrinho em uma jornada de varejo que acompanha a decisão de compra.
Estratégia de produtoUX/UI DesignApp iOS e AndroidVer o case
GimbaSuprimentos B2BGimbaAplicativo B2B iOS e Android
O aplicativo de compras B2B construído sobre um sistema sem API: do armário que esvazia ao pedido que chega na recepção.
Estratégia de produtoUX/UI DesignApp iOS e AndroidVer o case
YourWayAlimentação e deliveryYourWayPlataforma web e aplicativo
O aplicativo que leva cardápio, comanda e pagamento do restaurante para o celular de quem está à mesa.
Estratégia de produtoUX/UI DesignAppBackofficeVer o case
EasyFitsModaEasyFitsRede social de moda com IA
O aplicativo que organiza o closet, conecta pessoas pela moda e usa IA para sugerir looks com o que cada um já tem.
Estratégia de produtoUX/UI DesignApp com IAVer o case
BigPagMeios de pagamentoBigPagCarteira digital de pagamentos
Saldo, boletos, Pix, recargas, transferências e comprovantes com o mesmo jeito de conferir e confirmar.
Estratégia de produtoUX/UI DesignApp mobileVer o case
Box UPInovação corporativaBox UPPlataforma de inovação da Votorantim: app e painel web
Um app para capturar ideias, um funil com portões e um painel web para quem decide o portfólio.
Estratégia de produtoUX/UI DesignAppDashboardVer o case
BradescoBancoBradescoBradesco Net Empresa: app, Navegador Exclusivo e BIA
A X-Apps criou o Navegador Exclusivo Bradesco, redesenhou o app Bradesco Net Empresa e conectou o app à BIA. Mais de 1,2 milhão de clientes por dia na Nova Forma de Acesso.
App mobileNavegador ExclusivoIntegração com a BIAVer o case
EthernaMateriais e decoraçãoEthernaAplicativo de catálogo com simulação por IA
O aplicativo da Etherna reúne o catálogo de materiais sintéticos e um aplicador de texturas com IA que mostra o material na foto do ambiente.
Estratégia de produtoUX/UI DesignAplicativo com IAVer o case
Grupo GPSServiços e facilitiesGrupo GPSGPSi: checklists e inspeções de campo
A X-Apps construiu do zero o GPSi para iPhone, o app de checklists e inspeções do Grupo GPS, especificando a API pelo tráfego de um app Android sem código-fonte nem documentação.
Engenharia reversaApp iOS nativoEspecificação de APIVer o case
JBS CourosIndústriaJBS CourosSoftware de totem para showrooms e feiras
A X-Apps criou o software do totem da JBS Couros: o visitante lê o QR Code da amostra e o totem abre a ficha do couro, mesmo sem internet na feira.
Software de totemQR CodeConteúdo offlineVer o case
PolishopVarejoPolishopAplicativo de e-commerce omnichannel
A X-Apps redesenhou e desenvolveu o app de e-commerce da Polishop, com vídeo, cashback, retirada na loja, Entrega Express e VTEX. A nota do app subiu de 2,3 para 4,6.
UX/UI DesignApp de e-commerceIntegração VTEXVer o case
RocheSaúde e diagnósticoRocheApps de compliance integrados ao SAP e ao Salesforce
A X-Apps criou o Werken, o Dia Legal e o Calc Pro Chile para a Roche: suporte técnico, políticas e propostas comerciais integrados ao SAP e ao Salesforce, agora com IA.
Apps de complianceIntegração SAP e SalesforceIAVer o case
StartSeEducação e eventosStartSeApp de eventos e conteúdo, iOS e Android
A X-Apps migrou o app da StartSe do React Native 0.55 para o 0.60 com o produto no ar e entregou networking, trilhas e push com deep link. Nota de 3,5 para 4,8.
Migração React NativeApp iOS e AndroidPush com deep linkVer o case
TecnobankServiços financeirosTecnobankSis Registro: aplicativo de registro de contratos de veículos
A X-Apps recuperou o app Sis Registro da Tecnobank no iOS e no Android e desenhou as novas jornadas de contratos, veículos, QR Code e cobrança.
Estabilização iOS e AndroidNovas jornadasQR Code e cobrançaVer o case
ZEISSÓptica e saúde visualZEISSAplicativo B2B para óticas parceiras e backoffice de gestão
A X-Apps criou o app que conecta as óticas parceiras à ZEISS: pedidos e OS, segunda via em autoatendimento, assistente de IA com transbordo ao trader e backoffice de conteúdo.
App B2BAssistente de IABackofficeVer o case
Depoimentos
Quem já construiucom a X-Apps.
O que os clientes dizem sobre entender o briefing, cumprir o prazo e entregar o produto que o negócio pedia.
A X-Apps entendeu exatamente o guideline da marca e o que a BMW queria transmitir, estou muito feliz com o resultado dessa parceria.