Wishlist

Electrolux.

Como a Quality Digital implementou a funcionalidade de lista de desejos no e-commerce da Electrolux Brasil.

A funcionalidade de Wishlist implementada pela Quality Digital permite aos clientes da Electrolux salvar produtos desejados para futuras compras, melhorando a experiência do usuário e impulsionando as vendas.

Com mais de 100 anos de existência, a Electrolux está presente em 150 países, atua no Brasil desde 1926 e vende, anualmente, mais de 60 milhões de produtos. A marca se posiciona como a única empresa de eletrodomésticos do mundo que fornece soluções completas para consumidores e profissionais.

Com um portfólio extremamente diversificado, a marca produz e comercializa desde eletroportáteis até climatizadores e utensílios de cozinha. Com mais de 11 mil colaboradores na América Latina, a Electrolux Brasil é uma marca presente na memória e na casa de muitos brasileiros.

O e-commerce da Electrolux Brasil é o com maior fluxo de todo o Grupo Electrolux. Em uma análise de concorrentes feita pela própria companhia, foi identificado um ponto de atenção: a maioria dos players do mercado possuía em seus sites a funcionalidade de lista de desejos, enquanto a loja da Electrolux Brasil não.

Assim, uma vez que esta defasagem foi encontrada, os times de Desenvolvimento e de Experience Design da Quality Digital ficaram responsáveis por desenvolver e implementar esta solução.

Legado CMS x Novas Features

A migração completa do e-commerce da Electrolux Brasil para a tecnologia Headless VTEX IO deve acontecer nos próximos meses. Atualmente, o site está funcionando na tecnologia VTEX CMS, um módulo dentro da plataforma que permite o desenvolvimento de páginas, interfaces e conteúdos de lojas virtuais e marketplaces. Embora seja utilizada por milhares de lojas on-line, esta tecnologia possui alguns pontos de atenção, como o fato de não suportar features mais modernas que podem ser facilmente implementadas e suportadas em VTEX IO, por exemplo.

Dito isso, um dos grandes desafios deste projeto foi implementar a feature de wishlist em uma estrutura antiga e que não suporta funcionalidades modernas. Assim, os desenvolvedores da Quality Digital criaram uma solução efetiva e totalmente adaptada às especificidades estruturais do e-commerce da Electrolux Brasil.

Wishlist: os produtos que você quer, mas não agora.

A feature de Wishlist ou lista de desejos já é uma velha conhecida e está presente em diversos e-commerces. Basicamente, a função dela é possibilitar que os clientes favoritem alguns produtos que desejam comprar, mas que não pretendem fazê-lo neste momento. Esta funcionalidade é utilizada por diversos consumidores, como aqueles que querem fazer compras específicas após a virada do cartão ou aqueles que querem deixar uma lista preparada de produtos que desejam comprar na Black Friday, por exemplo.

Experiência do Usuário

A experiência do usuário é essencial para garantir uma boa taxa de conversão. Assim, os designers UX e UI da Quality Digital realizaram algumas pesquisas e estudos para identificar como esta feature poderia ser melhorada para que a funcionalidade de Wishlist fosse implementada de uma maneira efetiva.

Aqui, a estratégia utilizada foi trabalhar com botões personalizados com formato de coração, presente na listagem de produtos e também na página individual de cada um deles. Este ícone aparece para todos que acessem o site, mas para criar sua própria lista de desejo, o usuário deve estar logado em sua conta.

Durante o processo de adicionar ou remover um produto da sua lista de desejos, algumas telas aparecem para o usuário:

Desenvolvimento e Implementação da feature.

Uma vez que os produtos forem favoritados, toda a estrutura do e-commerce precisa conversar entre si para funcionar. Assim, o desenvolvimento e a implementação desta feature aconteceram em algumas etapas.

  1. Base de dados: Para que os produtos aparecessem em uma lista única para cada usuário, o primeiro passo foi criar toda a estrutura da base de dados.
  2. Manipulação das ações: Com a base estruturada, cada ação no código deveria ser manipulada para ocasionar a reação pré-determinada.
  3. My Account: Além de estruturar toda a base de dados, o campo de lista de desejos também precisava aparecer no My Account do e-commerce para que todos os usuários tivessem acesso.
  4. Front-end: Com todas as etapas anteriores concluídas e com os estudos e soluções criadas pelo time de Experience Design, o próximo passo foi focar no desenvolvimento front-end.

API First

De maneira geral, uma API é uma ferramenta de comunicação do banco de dados com o front-end, e que foi essencial para que a implementação da Wishlist fosse possível. Com ela, estruturamos todo o front-end do e-commerce da Electrolux Brasil para receber o ícone de coração em todas as páginas com exibição de produtos.

API first é uma boa prática de desenvolvimento que visa facilitar a integração entre provedores de soluções independentes, com uma arquitetura baseada em API´s, o ecossistema de e-commerce se fortalece e cria um ambiente de alta especialização e performance em todos os aspectos que fazem parte do e-commerce.

A VTEX é uma plataforma de e-commerce API first, o que facilita implementações desse tipo. Como cada usuário e cada SKU possui um código único de identificação, esta API é responsável por retirar o código de cadastro de uma geladeira, por exemplo, e inserir no banco de dados, junto ao código de identificação do usuário que “favoritou” este produto.

Com os dados disponibilizados pela API – dados de identificação, exceto os sensíveis – o time de desenvolvimento da Quality Digital criou um Middleware, software que auxilia na gestão de dados, que ficou com a responsabilidade de filtrar apenas as informações necessárias e se unir à funcionalidade que vai para a tela – neste caso, o ícone de coração, que, do branco, passa a ficar vermelho.

Steps
  1. Usuário clica no coração.
  2. Esta ação passa para o Middleware.
  3. A informação filtrada vai para a API.
  4. A API, que tem contato direto com o banco de dados, registra a informação e salva no My Account, na página de “Meus Favoritos”.

Customização VTEX: excelência do início à implementação.

Todo o desenvolvimento e implementação desta feature foi possível com uma customização específica na plataforma, visto que não era algo nativo. É importante, também, dizer que a Quality Digital é a parceira mais valiosa da VTEX, conquistando recentemente a liderança no Quadrante VTEX 2023.

Tempo de implementação e mensuração de resultados.

No momento em que os gestores da Electrolux Brasil compartilharam com a Quality Digital a necessidade desta implementação até a feature de wishlist começar a rodar, o squad responsável por este projeto precisou de 14 dias, e o go live aconteceu em agosto de 2021.

Por ser uma feature diretamente relacionada a produtos que o usuário deseja, mas não vai comprar agora, a mensuração de resultados irá acontecer nos próximos meses, para a funcionalidade ter mais tempo de performar e para conseguirmos analisar os resultados de maneira assertiva.

Palavras do Cliente

Escolhemos a VTEX, por se tratar de uma plataforma muito completa e que se adaptaria às nossas necessidades. Tivemos uma sinergia muito grande com a Quality Digital e o domínio do time em VTEX foi fundamental para o sucesso do projeto.
Daniel Santos
Gerente de Inovação

Fale Conosco.

Ao enviar este formulário dou consentimento específico para que meus dados pessoais e eventuais dados pessoais sensíveis sejam tratados pela QUALITY SOFTWARE S/A e empresas coligadas ou subsidiárias do grupo econômico, envolvendo ações de marketing, de comunicação social e recrutamento e seleção. Os direitos do titular podem ser aplicados em conformidade com a Política de Privacidade, e por meio do contato com o canal dpo@quality.com.br. Os dados são tratados em conformidade com a Lei n°. 13.709/18.