Desenvolvido pela X-Apps

Caixa de papelão fechada com fita vermelha.

A X-Apps levou a compra de suprimentos da Gimba para o celular: do armário que esvazia ao pedido que chega na recepção.

Um novo canal de compras conectado à operação que já existia.

A X-Apps idealizou e desenvolveu o aplicativo B2B da Gimba para iOS e Android, conectando a compra mobile a um e-commerce web que operava sobre procedures de banco, com uma camada intermediária que traduz o legado em catálogo, carrinho, pagamento e pedidos.

Abertura do aplicativo Gimba, loja virtual de bolso

Boas-vindas

Um novo canal que não pede uma nova operação.

O app chegou para quem já comprava na web. Por isso as decisões de produto partiram do que o comprador corporativo repete todo mês, e não de uma loja pensada do zero.

Num armário de escritório quase vazio, uma mão pega a última resma de papel.
Acessar loja: e-mail, CPF ou CNPJ, senha e entrada com Google ou Facebook

Acesso

O mesmo acesso da loja web, para empresa ou pessoa.

E-mail, CPF ou CNPJ: o comprador entra com o cadastro que já tinha. A camada de integração valida o acesso nos dados de origem, então nenhuma conta precisou ser recriada para o aplicativo.

Boas-vindas: sua loja virtual de bolso, com acessar loja e criar nova conta

Boas-vindas

Um novo canal que não pede uma nova operação.

O app chegou para quem já comprava na web. Por isso as decisões de produto partiram do que o comprador corporativo repete todo mês, e não de uma loja pensada do zero.

Num armário de escritório quase vazio, uma mão pega a última resma de papel.
Cliente
Gimba
Produto
Aplicativo B2B iOS e Android

40 anos abastecendo empresas. Agora, mais perto de quem compra.

A Gimba abastece empresas com suprimentos indiretos há 40 anos: papelaria, informática, limpeza, copa e manutenção, com 15 mil itens no catálogo. A compra corporativa já acontecia na loja web; faltava levá-la para onde o comprador está.

O desafio

O e-commerce web lia e gravava seus dados por procedures de banco, sem nenhuma API. Um aplicativo precisava do mesmo catálogo, das mesmas regras de preço e do mesmo fluxo de pedido, sem reescrever o sistema que sustenta a operação.

A atuação da X-Apps

Em vez de mexer no legado, criamos uma camada intermediária em Strapi e MongoDB entre o app e o banco. Ela traduz as procedures em um contrato de dados estável: o app conversa com a camada, a camada conversa com o legado.

A entrega

Um aplicativo iOS e Android ligado à operação real: o pedido feito no celular entra no mesmo fluxo de separação e entrega do pedido feito na web, e o comprador acompanha cada etapa.

A situação

A operação de compras existia na web. No celular, ela ainda não existia.

A solução

A caixa leva os suprimentos. Agora o pedido nasce no bolso.

Acessar loja: e-mail, CPF ou CNPJ, senha e entrada com Google ou Facebook
  1. 01Identificar
  2. 02Consultar
  3. 03Comprar
  4. 04Confirmar
  5. 05Acompanhar

Busca

Um catálogo de banco de dados, pesquisável no celular.

As procedures não foram feitas para uma busca rápida no celular. A camada de integração expõe o catálogo com filtros por categoria, promoção e estoque, para quem compra os mesmos itens todo mês.

Produto

Preço, condição e prazo antes da decisão.

Na compra corporativa decide quem vê o custo inteiro: preço, economia, parcelamento e prazo de entrega vêm do back end existente e aparecem juntos, com a quantidade ao lado do botão de compra.

Busca por papel sulfite A4: filtros, 34 produtos encontrados e cartões com preço

Busca

Um catálogo de banco de dados, pesquisável no celular.

As procedures não foram feitas para uma busca rápida no celular. A camada de integração expõe o catálogo com filtros por categoria, promoção e estoque, para quem compra os mesmos itens todo mês.

Busca por papel sulfite A4: filtros, 34 produtos encontrados e cartões com preço

Produto

Preço, condição e prazo antes da decisão.

Na compra corporativa decide quem vê o custo inteiro: preço, economia, parcelamento e prazo de entrega vêm do back end existente e aparecem juntos, com a quantidade ao lado do botão de compra.

Detalhes da boia pato gigante: fotos, preço, entrega rápida e grátis e comprar agora
Na recepção de um escritório, o entregador entrega a caixa com fita vermelha e a recepcionista recebe sorrindo.

Carrinho

As regras comerciais da web, valendo no app.

Frete, descontos, pontos GIM Plus e cupom são calculados pelas mesmas regras do e-commerce. O app não duplica lógica de preço: ele pergunta à camada, e a camada pergunta ao legado.

Pedido concluído

O pedido do app entra no mesmo fluxo do pedido web.

Ao confirmar, o pedido é gravado na operação existente, com número, previsão de entrega e total. Para a separação e a entrega, ele é um pedido como qualquer outro.

Carrinho de compra: endereço, entrega, resumo, descontos GIM Plus e total
  1. ResumoItens do pedido

  2. EntregaThe Flash, grátis

  3. TotalR$ 20,00

  4. Pedido#45456

Carrinho

As regras comerciais da web, valendo no app.

Frete, descontos, pontos GIM Plus e cupom são calculados pelas mesmas regras do e-commerce. O app não duplica lógica de preço: ele pergunta à camada, e a camada pergunta ao legado.

Carrinho de compra: endereço, entrega, resumo, descontos GIM Plus e total
  1. Resumo
  2. Entrega
  3. Total
  4. Pedido

Pedido concluído

O pedido do app entra no mesmo fluxo do pedido web.

Ao confirmar, o pedido é gravado na operação existente, com número, previsão de entrega e total. Para a separação e a entrega, ele é um pedido como qualquer outro.

Seu pedido foi realizado com sucesso: número, entrega estimada e total pago

Pedidos

O status da operação, na mão de quem compra.

Efetuado, separação, transporte e entrega: as etapas saem do back end da Gimba e chegam ao celular, sem ligação ou e-mail para saber onde está o pedido.

Meus pedidos: pedido em transporte, itens, entrega e pagamento

Pedidos

O status da operação, na mão de quem compra.

Efetuado, separação, transporte e entrega: as etapas saem do back end da Gimba e chegam ao celular, sem ligação ou e-mail para saber onde está o pedido.

Meus pedidos: pedido em transporte, itens, entrega e pagamento
No escritório, um funcionário reabastece o armário de suprimentos com o que chegou na caixa de fita vermelha.

Resultado

O que mudou com a nova experiência.

Primeiros seis meses do aplicativo em operação.

  • Quem compra+34%Recompras pelo app
  • Quem compra–28%Tempo médio de compra
  • Operação42%Pedidos digitais via mobile
  • Operação–23%Interações com atendimento
A compradora sorri olhando o celular, ao lado da caixa de suprimentos aberta.

X-Apps

Uma operação de compras que cabe no bolso.

Mais cases

Conheça os outros produtosque construímos.

Ver o portfólio completo
  • PróximoYourWay
    Alimentação e deliveryYourWay

    Plataforma 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 DesignAppBackoffice
    Ver o case
  • EasyFits
    ModaEasyFits

    Rede 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 IA
    Ver o case
  • BigPag
    Meios de pagamentoBigPag

    Carteira 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 mobile
    Ver o case
  • Box UP
    Inovação corporativaBox UP

    Plataforma 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 DesignAppDashboard
    Ver o case
  • Bradesco
    BancoBradesco

    Bradesco 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 BIA
    Ver o case
  • Etherna
    Materiais e decoraçãoEtherna

    Aplicativo 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 IA
    Ver o case
  • Grupo GPS
    Serviços e facilitiesGrupo GPS

    GPSi: 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 API
    Ver o case
  • JBS Couros
    IndústriaJBS Couros

    Software 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 offline
    Ver o case
  • Polishop
    VarejoPolishop

    Aplicativo 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 VTEX
    Ver o case
  • Roche
    Saúde e diagnósticoRoche

    Apps 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 SalesforceIA
    Ver o case
  • StartSe
    Educação e eventosStartSe

    App 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 link
    Ver o case
  • Tecnobank
    Serviços financeirosTecnobank

    Sis 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ça
    Ver o case
  • ZEISS
    Óptica e saúde visualZEISS

    Aplicativo 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 IABackoffice
    Ver o case
  • Banco Arbi
    Serviços financeirosBanco Arbi

    Site institucional e de soluções

    O novo site do Banco Arbi, com navegação por perfil, Banking as a Service, mercado de capitais, soluções para empresas e para você.

    UX/UI DesignSite institucionalVersão para celular
    Ver o case
  • Prime Spirits Club
    Varejo e bebidasPrime Spirits Club

    E-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-commerce
    Ver o case
  • HOXX TV
    Mídia e streamingHOXX TV

    Streaming: 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 TVBackoffice
    Ver o case
  • BMW Motorrad Brasil
    AutomotivoBMW Motorrad Brasil

    Riders 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 mobile
    Ver o case
  • Funneler
    Marketing e IAFunneler

    Plataforma 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 IA
    Ver o case
  • Antecipei
    Fintech e RHAntecipei

    Aplicativo 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 mobile
    Ver o case
  • Stock Car
    Esporte e entretenimentoStock Car

    PaddockFan, 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 mobile
    Ver o case
  • Unimed Nacional
    SaúdeUnimed Nacional

    Aplicativo 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 mobile
    Ver o case
  • Transpetro
    Energia e indústriaTranspetro

    Aplicativo 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 mobile
    Ver o case
  • Volvo Financial Services
    Serviços financeirosVolvo Financial Services

    Portal de relacionamento e serviços financeiros

    O portal de relacionamento e serviços financeiros para clientes Volvo.

    Design de interfacePortal webBackoffice
    Ver o case
  • Yakult
    Bens de consumoYakult

    Gestor 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 voz
    Ver o case
  • Casa & Vídeo
    VarejoCasa & Vídeo

    Aplicativo 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 Android
    Ver 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.

Gabriela SterenbergHead de Marketing, BMW Motorrad BrasilVer o case