À noite, em casa, um homem no sofá escolhe no notebook e sorri, com a luz da tela no rosto.

Prime Spirits ClubDesenvolvido pela X-Apps

O e-commerce da Prime Spirits Club, desenhado e desenvolvido pela X-Apps.

Da estratégia ao código, a X-Apps construiu a loja de destilados premium da Prime Spirits Club: um marketplace com vários vendedores, páginas próprias para cada marca, catálogo com filtros e checkout com cartão, Pix e boleto.

Cliente
Prime Spirits Club
Produto
E-commerce de destilados premium
Escopo
Estratégia de produto, UX/UI design e desenvolvimento do e-commerce

Uma loja que se apresenta como uma marca e opera como um marketplace.

O desafio

Reunir em uma só loja rótulos de casas como Jim Beam, Maker's Mark, Laphroaig e The House of Suntory, preservar a experiência de cada marca e, por trás, organizar a venda de mais de um vendedor para o mesmo produto.

A atuação da X-Apps

Estratégia de produto, UX/UI design e desenvolvimento do e-commerce completo, da verificação de idade ao pós-compra: vitrine, catálogo, produto, páginas de marca, checkout e área do cliente.

A entrega

Uma loja com home de campanha, catálogo com filtros, página de produto com ofertas de vários vendedores, quatro páginas de marca, checkout com cartão, Pix e boleto, conta, pedidos e atendimento.

Home

Desenhamos uma home que apresenta as marcas antes do preço.

Organizamos a primeira página em camadas: a campanha das casas, o acesso a cada marca, o relacionamento, as ofertas e a confiança.

  1. 01

    Um carrossel de campanha para cada casa.

    Criamos um destaque em que cada marca entra com a própria imagem e chamada e leva à sua página. A abertura do clube divide o espaço com Jim Beam, Maker's Mark, Laphroaig e Suntory.

  2. 02

    As casas logo abaixo da dobra.

    Uma faixa com as seis marcas do portfólio leva direto a cada página de marca.

  3. 03

    A newsletter como entrada no clube.

    Um formulário curto, só com nome e e-mail, para transformar visita em relacionamento.

  4. 04

    Promoções organizadas por categoria.

    Blocos grandes para bourbon, single malt e gin, pensados para serem trocados a cada campanha.

  5. 05

    Pagamento e atendimento em todas as páginas.

    Formas de pagamento, canais de atendimento, trocas e o aviso de venda proibida para menores de 18 anos ficam fixos no rodapé.

Home da Prime Spirits Club inteira: carrossel de destaque, faixa de marcas, atalhos, vitrines de produtos, newsletter, promoções e rodapé.

Home

Desenhamos uma home que apresenta as marcas antes do preço.

Organizamos a primeira página em camadas: a campanha das casas, o acesso a cada marca, o relacionamento, as ofertas e a confiança.

Home da Prime Spirits Club inteira: carrossel de destaque, faixa de marcas, atalhos, vitrines de produtos, newsletter, promoções e rodapé.
Home da Prime Spirits Club inteira: carrossel de destaque, faixa de marcas, atalhos, vitrines de produtos, newsletter, promoções e rodapé.

Role dentro da janela para ver a página inteira.

  1. 01

    Um carrossel de campanha para cada casa.

    Criamos um destaque em que cada marca entra com a própria imagem e chamada e leva à sua página. A abertura do clube divide o espaço com Jim Beam, Maker's Mark, Laphroaig e Suntory.

  2. 02

    As casas logo abaixo da dobra.

    Uma faixa com as seis marcas do portfólio leva direto a cada página de marca.

  3. 03

    A newsletter como entrada no clube.

    Um formulário curto, só com nome e e-mail, para transformar visita em relacionamento.

  4. 04

    Promoções organizadas por categoria.

    Blocos grandes para bourbon, single malt e gin, pensados para serem trocados a cada campanha.

  5. 05

    Pagamento e atendimento em todas as páginas.

    Formas de pagamento, canais de atendimento, trocas e o aviso de venda proibida para menores de 18 anos ficam fixos no rodapé.

Home

Desenhamos uma home que apresenta as marcas antes do preço.

Organizamos a primeira página em camadas: a campanha das casas, o acesso a cada marca, o relacionamento, as ofertas e a confiança.

Home da Prime Spirits Club inteira: carrossel de destaque, faixa de marcas, atalhos, vitrines de produtos, newsletter, promoções e rodapé.
  1. Prime Spirits Club

    A home da Prime Spirits Club no celular, do destaque ao rodapé.

  2. 01 / 05 · Destaque

    Um carrossel de campanha para cada casa.

    Criamos um destaque em que cada marca entra com a própria imagem e chamada e leva à sua página. A abertura do clube divide o espaço com Jim Beam, Maker's Mark, Laphroaig e Suntory.

  3. 02 / 05 · Marcas

    As casas logo abaixo da dobra.

    Uma faixa com as seis marcas do portfólio leva direto a cada página de marca.

  4. 03 / 05 · Relacionamento

    A newsletter como entrada no clube.

    Um formulário curto, só com nome e e-mail, para transformar visita em relacionamento.

  5. 04 / 05 · Ofertas

    Promoções organizadas por categoria.

    Blocos grandes para bourbon, single malt e gin, pensados para serem trocados a cada campanha.

  6. 05 / 05 · Confiança

    Pagamento e atendimento em todas as páginas.

    Formas de pagamento, canais de atendimento, trocas e o aviso de venda proibida para menores de 18 anos ficam fixos no rodapé.

Catálogo e produto

Do catálogo ao produto, uma jornada feita para comparar.

Na categoria, estruturamos filtros por categoria, marca, preço e vendedor, com a contagem em cada opção. No produto, reunimos tudo o que a decisão de compra pede.

  1. 01

    A decisão na primeira dobra.

    Distribuímos galeria, avaliação, preço, parcelamento e compra lado a lado, sem precisar rolar a página.

  2. 02

    Vários vendedores para o mesmo rótulo.

    Desenhamos a escolha entre ofertas: cada vendedor aparece com preço, parcelamento, prazo e frete, e a compra segue com o selecionado.

  3. 03

    A história da marca dentro do produto.

    Descrição, ficha técnica completa, perfil de sabor e drink da casa levam o conteúdo da marca para a página de compra.

  4. 04

    Relacionados para continuar a compra.

    A vitrine de relacionados fecha a página e mantém o cliente navegando.

Página de categoria Bourbon inteira: filtros à esquerda, grade de produtos, paginação e compra por marca.
Página de produto do Jim Beam White inteira: galeria, ofertas de dois vendedores, frete, descrição, especificações, perfil de sabor, drink da casa e produtos relacionados.

Catálogo e produto

Do catálogo ao produto, uma jornada feita para comparar.

Na categoria, estruturamos filtros por categoria, marca, preço e vendedor, com a contagem em cada opção. No produto, reunimos tudo o que a decisão de compra pede.

Página de categoria Bourbon inteira: filtros à esquerda, grade de produtos, paginação e compra por marca.
Página de categoria Bourbon inteira: filtros à esquerda, grade de produtos, paginação e compra por marca.

Role dentro da janela para ver a página inteira.

Página de produto do Jim Beam White inteira: galeria, ofertas de dois vendedores, frete, descrição, especificações, perfil de sabor, drink da casa e produtos relacionados.
Página de produto do Jim Beam White inteira: galeria, ofertas de dois vendedores, frete, descrição, especificações, perfil de sabor, drink da casa e produtos relacionados.

Role dentro da janela para ver a página inteira.

  1. 01

    A decisão na primeira dobra.

    Distribuímos galeria, avaliação, preço, parcelamento e compra lado a lado, sem precisar rolar a página.

  2. 02

    Vários vendedores para o mesmo rótulo.

    Desenhamos a escolha entre ofertas: cada vendedor aparece com preço, parcelamento, prazo e frete, e a compra segue com o selecionado.

  3. 03

    A história da marca dentro do produto.

    Descrição, ficha técnica completa, perfil de sabor e drink da casa levam o conteúdo da marca para a página de compra.

  4. 04

    Relacionados para continuar a compra.

    A vitrine de relacionados fecha a página e mantém o cliente navegando.

Catálogo e produto

Do catálogo ao produto, uma jornada feita para comparar.

Na categoria, estruturamos filtros por categoria, marca, preço e vendedor, com a contagem em cada opção. No produto, reunimos tudo o que a decisão de compra pede.

Página de categoria Bourbon inteira: filtros à esquerda, grade de produtos, paginação e compra por marca.
Página de produto do Jim Beam White inteira: galeria, ofertas de dois vendedores, frete, descrição, especificações, perfil de sabor, drink da casa e produtos relacionados.
  1. Bourbon

    A categoria Bourbon, com filtros e a grade de produtos.

  2. Jim Beam White

    Um toque no produto abre a página completa.

  3. 01 / 04 · Produto

    A decisão na primeira dobra.

    Distribuímos galeria, avaliação, preço, parcelamento e compra lado a lado, sem precisar rolar a página.

  4. 02 / 04 · Marketplace

    Vários vendedores para o mesmo rótulo.

    Desenhamos a escolha entre ofertas: cada vendedor aparece com preço, parcelamento, prazo e frete, e a compra segue com o selecionado.

  5. 03 / 04 · Conteúdo

    A história da marca dentro do produto.

    Descrição, ficha técnica completa, perfil de sabor e drink da casa levam o conteúdo da marca para a página de compra.

  6. 04 / 04 · Recomendação

    Relacionados para continuar a compra.

    A vitrine de relacionados fecha a página e mantém o cliente navegando.

Uma garrafa de whisky sem rótulo, dois copos de cristal e uma caixa de presente aberta sobre a mesa, ao entardecer.

Páginas de marca

Criamos uma página com a identidade de cada casa.

Jim Beam, Maker's Mark, The House of Suntory e Laphroaig ganharam páginas próprias, com história, filme, linha do tempo, notas de degustação e os produtos da marca.

  • Página da marca Jim Beam inteira

    Jim Beam

    Sete gerações, linha do tempo e a linha de produtos.

  • Página da marca Maker's Mark inteira

    Maker's Mark

    A família Samuels e os 4 W's da marca.

  • Página da marca The House of Suntory inteira

    The House of Suntory

    Os 3 pilares e as notas de cada rótulo.

  • Página da marca Laphroaig inteira

    Laphroaig

    Islay, a história da destilaria e o Quarter Cask.

Páginas de marca

Criamos uma página com a identidade de cada casa.

Jim Beam, Maker's Mark, The House of Suntory e Laphroaig ganharam páginas próprias, com história, filme, linha do tempo, notas de degustação e os produtos da marca.

Página da marca Jim Beam inteira, no celular
Página da marca Maker's Mark inteira, no celular
Página da marca The House of Suntory inteira, no celular
Página da marca Laphroaig inteira, no celular
  1. Jim Beam

    Sete gerações, linha do tempo e a linha de produtos.

  2. Maker's Mark

    A família Samuels e os 4 W's da marca.

  3. The House of Suntory

    Os 3 pilares e as notas de cada rótulo.

  4. Laphroaig

    Islay, a história da destilaria e o Quarter Cask.

Checkout e conta

Um checkout em quatro passos e um pós-compra por vendedor.

Desenhamos sacola, endereço, pagamento e confirmação, com cartão em até 12 vezes, Pix com QR Code e boleto. Na área do cliente, cada pedido mostra seus pacotes separados por vendedor.

  1. 01
    Carrinho com três produtos, quantidade, frete e resumo da compra.

    Sacola

  2. 02
    Pagamento com cartão de crédito, Pix ou boleto, e o resumo da compra ao lado.

    Pagamento

  3. 03
    Confirmação com QR Code do Pix, código copia e cola e tempo restante para pagar.

    Pix

  4. 04
    Detalhe do pedido com dois pacotes de vendedores diferentes e o acompanhamento de cada um.

    Pedido

Checkout e conta

Um checkout em quatro passos e um pós-compra por vendedor.

Desenhamos sacola, endereço, pagamento e confirmação, com cartão em até 12 vezes, Pix com QR Code e boleto. Na área do cliente, cada pedido mostra seus pacotes separados por vendedor.

Carrinho com três produtos, quantidade, frete e resumo da compra.
Pagamento com cartão de crédito, Pix ou boleto, e o resumo da compra ao lado.
Confirmação com QR Code do Pix, código copia e cola e tempo restante para pagar.
Detalhe do pedido com dois pacotes de vendedores diferentes e o acompanhamento de cada um.
  1. Sacola

    Carrinho com três produtos, quantidade, frete e resumo da compra.

  2. Pagamento

    Pagamento com cartão de crédito, Pix ou boleto, e o resumo da compra ao lado.

  3. Pix

    Confirmação com QR Code do Pix, código copia e cola e tempo restante para pagar.

  4. Pedido

    Detalhe do pedido com dois pacotes de vendedores diferentes e o acompanhamento de cada um.

Dois amigos brindam com whisky na cozinha de casa e riem.

Resultado

Destilados premium, do clique ao brinde.

Indicadores da operação depois do lançamento da nova loja.

  • Operação38 mil+Pedidos realizados nos primeiros 6 meses
  • Loja9,4%Taxa média de conversão
  • LojaR$ 286Ticket médio por pedido
  • Operação74%Campanhas publicadas sem suporte técnico

Mais cases

Conheça os outros produtosque construímos.

Ver o portfólio completo
  • PróximoHOXX 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
  • Gimba
    Suprimentos B2BGimba

    Aplicativo 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 Android
    Ver o case
  • YourWay
    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

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