The Bar | Johnnie Walker Blonde

Conheça o projeto que transformou a apresentação do novo produto Johnnie Walker Blonde, destacando suas características únicas e interatividade inovadora.

Cliente: The Bar by Diageo

Soluções: Desenvolvimento da Página / Testes de QA / Implantação

Veja o sumário do projeto da The Bar by Diageo a seguir:
  • Conhecendo The Bar
  • Soluções Desenvolvidas
  • Principais Etapas do Desenvolvimento
  • Desafios e Superações
  • Funcionalidades Destacadas
  • Quais São os Talentos da DR_ Que Trabalharam no Produto?
  • Resultados Alcançados
  • Qual a importância desse projeto para a Digital Republic?
Reprodução da página The Bar | Johnnie Walker Blonde

Reprodução da página The Bar | Johnnie Walker Blonde

Conhecendo The Bar

Lançado em 2016, o The Bar é uma plataforma de e-commerce que recentemente foi repaginada para se tornar a maior plataforma de soluções de celebração da América Latina. Com um foco renovado na experiência do usuário, o site foi redesenhado para facilitar a compra de bebidas para festas e eventos, oferecendo uma navegação intuitiva e conteúdos interativos, como receitas e recomendações de drinks.

Qual foi o objetivo principal deste projeto? O principal objetivo do projeto foi apresentar o novo produto da Johnnie Walker, o Johnnie Walker Blonde. A página foi criada para destacar suas características, modos de uso e receitas, além de vender o produto diretamente.

Quais foram as soluções específicas desenvolvidas para este projeto?

Desenvolvemos uma página dinâmica e de alta usabilidade, com um layout atrativo e funcionalidades avançadas. Utilizamos efeitos de parallax para adicionar profundidade e movimento, criando uma experiência imersiva. A página foi projetada para ser responsiva, garantindo uma ótima experiência tanto em dispositivos móveis quanto em desktops. Além disso, inclui recursos de gamificação para aumentar o engajamento e interatividade, criamos o jogo “Blonde Crush” para oferecer diversão e uma experiência diferenciada ao usuário. Também integramos uma playlist do Spotify para melhorar a experiência sensorial do usuário, complementando a essência da bebida.

Tecnologias Utilizadas:
VTEX IO
React

Principais etapas do projeto

01. Reunião de Kickoff

02. Desenvolvimento

03. Testes

04. Publicação

Duração do projeto: O projeto levou 2 meses para ser completado desde o início até o lançamento.

Reprodução Blonde Citrus Highball - Johnnie Walker Blonde

Quais foram os desafios da Digital Republic na Iniciativa?

O maior desafio foi desenvolver o jogo “Blonde Crush”, um jogo no estilo “candy crush” integrado à página. Criar a lógica do jogo em si foi uma tarefa complexa, envolvendo a implementação de um sistema de pontuação justo, controle de jogadas limitadas e distribuição de cupons de desconto variáveis. Garantir que o jogo fosse visualmente atraente e intuitivo, mantendo o alto padrão de experiência do usuário exigido pelo cliente, foi essencial. Trabalhar com a plataforma VTEX e integrar essas funcionalidades avançadas exigiu uma coordenação técnica robusta e criativa.

Reprodução do jogo Blonde Crush

Quais foram os principais destaques do projeto?

  • Blonde Crush: Jogo interativo que permite aos usuários ganhar cupons de desconto. Desenvolver este jogo envolveu complexas lógicas de pontuação e recompensas, garantindo uma experiência fluida e envolvente.
  • Parallax: Utilização de efeitos visuais que adicionam profundidade e movimento à navegação, tornando a experiência do usuário mais imersiva e dinâmica.
  • Integração com Spotify: Playlist curada para combinar com a essência da bebida, proporcionando uma experiência sensorial completa.
  • Integração com Masterdata: Envio de listas de participantes do jogo para gerenciamento de dados, facilitando o acompanhamento e análise de engajamento.

Quais são os talentos da DR_ que atuaram no produto?

Este squad, ou seja, profissionais alocados selecionados por nós, é composto por:

Frontend Software Engineer
Quality Assurance (QA)
Tech Lead
Reprodução Blonde Citrus Highball - Johnnie Walker Blonde

Quais foram os resultados alcançados?

O lançamento da página do Johnnie Walker Blonde gerou um impacto significativo, com um aumento notável no engajamento do público e na interação com o site. A integração do jogo Blonde Crush não só atraiu mais visitantes, mas também aumentou o tempo de permanência na página, resultando em uma experiência de usuário mais rica e envolvente. A combinação das funcionalidades avançadas e a navegação intuitiva contribuiu para fortalecer a presença digital da marca e melhorar a conversão de vendas.

Reprodução da página The Bar | Johnnie Walker Blonde

Reprodução da página The Bar | Johnnie Walker Blonde

Qual a importância desse projeto para a Digital Republic?

Desenvolver o Blonde Crush foi um desafio empolgante. O aspecto mais difícil foi fazer o jogo funcionar corretamente, desde a criação da lógica até a integração na plataforma VTEX.

Tínhamos que garantir que todas as funcionalidades do jogo estivessem perfeitamente sincronizadas e que a experiência do usuário fosse envolvente e intuitiva. Ver o projeto finalizado e o feedback positivo dos usuários foi extremamente gratificante.

André Sena | Desenvolvedor Full Stack

Vamos juntos?

Cases relacionados

Cases image

Squads Web Grupo SOMA

Entenda como selecionamos profissionais baseado em conhecimento técnico e competências pessoais necessários para o desenvolvimento, migração e evolução de aplicações web e e-commerce do Grupo.

Veja mais
Cases image

Squads Web Grupo SOMA

Entenda como selecionamos profissionais baseado em conhecimento técnico e competências pessoais necessários para o desenvolvimento, migração e evolução de aplicações web e e-commerce do Grupo.

Veja mais
Cases image

Samsung Showroom

Juntos, os ambientes online e offline podem elevar a experiência do consumidor a um novo nível. Conheça o mega display interativo, que reúne tecnologia e inovação ao trazer um novo conceito de vitrine para a loja.

Veja mais