Estudo e Redesign da página de suporte da Nespresso

Trabalho de nível 0 do curso Master Interface Design da Aela.

Este é um trabalho realizado para o curso Master Interface Design (UX/UI) da Aela https://aela.io/

No nível 0, o curso sugere o redesign da antiga página de suporte da Nespresso, utilizando como base uma proposta elaborada pelos mentores do curso.

Comecei o estudo analisando a imagem da antiga página:

Todas as informações de contato aparecem na página, mas de uma forma não muito amigável.

O desafio é melhorar a apresentação das informações, deixar mais organizado, se adequar ao estilo do público e seguir a identidade visual da marca.

Para auxiliar, os mentores entregam um wireframe de referência, mas que os alunos não façam uma cópia e sim, que sirva como um ponto partida na criação.

Entendendo o problema
Pesquisa, análise e resultados

Iniciei a pesquisa coletando referências dos trabalhos de colegas e feedbacks dos mentores em videoaulas. Também pesquisei sites com produtos e público semelhante ao da Nespresso (Rolex, Apple, Beats by Dre, etc) para entender nuances visuais que se adequam no redesign.

Depois pesquisei as seções do site nacional e internacional da Nespresso, identifiquei as características dos style guides e cheguei a um padrão para aplicar na minha versão.

Decidindo o que construir

Com os insumos em mãos, desenhei o wireframe no Adobe XD, utlizando o grid system do Boostrap para organizar os elementos.

Ao final, minha proposta de redesign:

Logo abaixo, apresento as chamadas que dão assistência por um terceiro:

Fale Conosco - Evidenciei os horários de atendimento e o fone da Nespresso, com o número destacado para facilitar a visualização.

Nespresso Club - Descrevi os benefícios e botões CTA para atrair o usuário a uma landing page, dando a possibilidade de conhecer as vantagens do club e converter em oportunidade.

Pacote de Assistência - Complementando o Nespresso Club, descrevi o suporte que o cliente obtém, caso tenha algum defeito com a sua máquina.

Em seguida, temos um FAQ divido pelas principais dúvidas de suporte. As perguntas/respostas foram retirados do site da Nespresso e estão agrupadas por temas.

As "principais dúvidas" estão ligadas aos assuntos do select da hero section.

E no final, outras formas de assistência disponibilizado pela Nespresso.

Análisando o redesign

Na hero section, destaquei a pergunta “Precisa de assistência com sua máquina de café?”, para que o usuário veja os assuntos mais procurados, priorizando o público que tenta encontrar soluções sem auxílio.

Conclusão e aprendizados

Apesar da experiência com design de interfaces e arquitetura de informação, foi meu primeiro trabalho embasado em conceitos para identificar problemas e soluções, com pesquisas, validações de hipóteses, etc., antes de iniciar os primeiros esboços e chegar em uma versão final da solução.

É gratificante ter um plano de ação na construção de um produto/serviço, utilizando metodologias, adaptando técnicas e construir interfaces com base no dados analisados.

Ainda tenho muito para aprender, mas estou muito animado pelos primeiros passos dados com UX/UI design.