MageUni

Redesign Mageuni: UX para plataforma de hospedagem Magento na nuvem

Redesign completo do site e sistema interno da Mageuni, especializada em hospedagem Magento na nuvem. O projeto focou em melhorar a experiência de navegação, clareza das ofertas e fluxos de contratação para aumentar a conversão de visitantes em clientes.

Telas de computador com layout do site Mageuni para hospedagem Magento Cloud
Cliente
MageUni
Área
Hospedagem em nuvem

A Mageuni precisava transformar uma oferta técnica de hospedagem Magento numa experiência simples, clara e orientada à conversão

Especializada em hospedagem Magento na nuvem, a empresa oferece serviços para negócios que dependem de desempenho, estabilidade e segurança nas suas operações de comércio eletrónico.

O seu ecossistema digital incluía o site comercial e uma área autenticada para contratação, gestão de planos, pagamentos, hospedagens, documentos fiscais e permissões de utilizadores.

Com o crescimento da plataforma, tornou-se necessário reorganizar a apresentação dos serviços e simplificar os fluxos utilizados pelos clientes, criando uma experiência consistente desde o primeiro contacto com a marca até à gestão diária das hospedagens contratadas.

Simplificar uma plataforma técnica sem comprometer a quantidade de informações e funcionalidades necessárias aos clientes

Redesenhámos toda a experiência da Mageuni, conectando descoberta, contratação e gestão dos serviços numa jornada única

O projeto começou com entrevistas, pesquisas quantitativas e análises comportamentais para compreender as necessidades dos clientes, as dificuldades nos processos existentes e os critérios utilizados na escolha de uma hospedagem.

Mapeámos a jornada desde a descoberta da plataforma até à contratação e gestão dos serviços. Também criámos personas e realizámos benchmarks para identificar padrões de mercado, oportunidades de diferenciação e pontos de fricção.

A partir dos aprendizados, desenvolvemos um design system com fundamentos visuais, componentes reutilizáveis e padrões de layout para garantir consistência e facilitar a evolução do produto.

Criámos protótipos de alta fidelidade para o site comercial e para a área autenticada, incluindo login, cadastro, compra de planos, dashboard, pagamentos, notas fiscais, gestão de hospedagens, produtos, conta e permissões de acesso.

As propostas passaram por testes e validações antes da implementação, permitindo ajustar a navegação, a hierarquia das informações e os principais fluxos de contratação e gestão.

Notebook exibindo a landing page da Mageuni para hospedagem Magento em nuvem
Tela do novo site da Mageuni destacando a hospedagem Magento na nuvem.
Mockup da página inicial do projeto de UX do site Mageuni mostrando hospedagem Magento.

Sobre o Projeto

No cenário competitivo atual, oferecer uma experiência digital intuitiva e engajante é essencial para atrair e reter usuários. Este case descreve o processo completo de redesign do Mageuni, uma plataforma que conecta profissionais e clientes em busca de serviços específicos. O objetivo foi criar uma experiência centrada no usuário, alinhada ao propósito do produto e ao seu mercado-alvo.

Comparativo entre o design antigo e novo do site da Mageuni, destacando melhorias visuais.

Etapa 1: Pesquisa Comportamental

A primeira etapa do projeto foi entender profundamente o público-alvo. Para isso, realizamos uma análise comportamental focada em identificar:

  • Dores principais: Quais as dificuldades enfrentadas pelos usuários na busca e contratação de profissionais pela plataforma.
  • Métodos atuais: Como os usuários estão resolvendo essas dores atualmente.

Com essas informações, projetamos soluções que não apenas resolvessem os problemas identificados, mas também proporcionassem um processo de compra mais eficiente e engajador.

Metodologias Utilizadas

  • Entrevistas com usuários atuais e potenciais.
  • Análise de padrões de comportamento em plataformas concorrentes.
  • Pesquisa quantitativa para identificar tendências e necessidades.

Resultado: Insights valiosos que guiaram todas as decisões do projeto, garantindo que a solução fosse realmente relevante para os usuários.

Etapa 2: Jornada do Usuário

Mapeamos todas as interações que os clientes têm com o Mageuni, desde o momento em que acessam a plataforma até a conclusão da contratação de um serviço. Este mapeamento foi crucial para identificar pontos de fricção e oportunidades de melhoria.

Fases da Jornada

  1. Descoberta: Como os usuários chegam à plataforma.
  2. Busca e Comparação: O processo de encontrar profissionais adequados.
  3. Contratação: Etapas para formalizar a contratação.
  4. Pós-serviço: Avaliação e feedback sobre o profissional.

Resultado: Um mapeamento detalhado que guiou o design das interfaces e a definição das funcionalidades prioritárias.

Etapa 3: Criação de Personas

A partir dos dados coletados, desenvolvemos personas que representassem os perfis mais comuns de usuários.

Exemplo de Persona

  • Nome: Ana Silva
  • Idade: 34 anos
  • Ocupação: Empreendedora
  • Objetivo: Encontrar rapidamente profissionais qualificados para serviços específicos.
  • Dores: Falta de informações claras sobre os profissionais e dificuldade em comparar opções.

Resultado: Personas que ajudaram a orientar as decisões de design, garantindo que cada funcionalidade atendesse a um público específico.

Etapa 4: Benchmarking

Analisamos as principais plataformas concorrentes para entender:

  • Posicionamento de mercado.
  • Estratégias de design e gatilhos de compra.
  • Pontos fortes e fracos.

Resultado: Identificação de boas práticas e oportunidades para diferenciar o Mageuni no mercado.

Etapa 5: Design Systems

Com base nos insights da pesquisa, criamos um Design System robusto para garantir consistência visual e funcional em todas as interfaces.

Componentes Principais

  • Guia de estilos: Tipografia, cores e ícones.
  • Componentes reutilizáveis: Botões, formulários e cards.
  • Padrões de layout: Estruturas para diferentes tipos de página.

Resultado: Um sistema escalável que facilita futuras atualizações e mantém a identidade visual do Mageuni.

Design Foundations

Mockups de identidade visual da Mageuni com logotipos e paletas de cores.

Componentes

Layouts do Design System da Mageuni, mostrando tabelas e campos de entrada em fundo vermelho.

Etapa 6: Wireframes de Alta Fidelidade

Para garantir uma experiência fluida e alinhada às necessidades dos usuários, desenvolvemos protótipos de alta fidelidade que passaram por testes e validações antes da implementação. O objetivo foi equilibrar estética, funcionalidade e a visão estratégica do projeto.

Protótipo do Website

  1. Home: Uma página inicial envolvente que apresenta a plataforma e seus principais serviços.
  2. Página padrão de texto: Estruturada para conteúdos informativos, como políticas ou informações institucionais.
  3. Contato: Um formulário intuitivo para facilitar a comunicação entre usuários e a equipe do Mageuni.
  4. Planos e pacotes de hospedagem: Página dedicada para exibir e detalhar os diferentes serviços de hospedagem disponíveis.
 
Prototipo de alta fidelidade do website da Mageuni, mostrando layout e design visando melhor usabilidade.
Prototipo de alta fidelidade do site Mageuni com diversas telas de usuário e layout otimizado.

Protótipo do Sistema e Área logada

  1. Autenticação: Tela de login e cadastro para entrada na plataforma.
  2. Perfil: Página de visualização e edição das informações pessoais do usuário.
  3. Compra: Interface para seleção e finalização de novos serviços ou planos.
  4. Dashboard do sistema: Painel principal que centraliza as informações e ações disponíveis para o usuário.
  5. Painel de edição do plano: Ferramenta para ajustes e customizações dos planos contratados.
  6. Configuração da conta: Área para gerenciar preferências, segurança e informações pessoais.
  7. Gestão de pagamentos: Tela que permite o acompanhamento de pagamentos realizados e pendentes.
  8. Gestão das hospedagens contratadas: Página dedicada ao controle e visualização dos serviços de hospedagem em andamento.
  9. Notas fiscais: Acesso rápido a documentos fiscais para controle financeiro.
  10. Gestão de permissões: Ferramenta que permite definir o que cada usuário autorizado pode fazer em uma hospedagem específica.
  11. Meus produtos: Área que organiza todos os serviços e produtos comprados ou adquiridos pelo usuário.
 
Telas do sistema da Mageuni apresentando interface com formulários e informações de usuários.
Interface do sistema da Mageuni 2 com telas e funcionalidades destacadas.

Resultados do projeto

30% menos tempo de navegação

A nova arquitetura da informação e a redução de etapas tornaram a procura, comparação e contratação dos serviços mais rápidas.

+80% de satisfação dos utilizadores

Após o lançamento, os utilizadores relataram melhorias na usabilidade, na clareza das informações e na utilização da plataforma.

50% mais conversões

A simplificação do fluxo de compra e a melhoria na apresentação das ofertas aumentaram a conversão de visitantes em clientes.