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.
\\nMapeá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.
\\nA 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.
\\nCriá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.
\\nAs 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.
\\n" featured_image: /wp-content/uploads/2025/01/Thumb-Projeto-Mageuni-Novo-site-e-sistema-interno.webp featured_image_alt: Tela do novo site da Mageuni destacando a hospedagem Magento na nuvem. author: Lucas Camara timestamp: 2026-08-04T15:35:21Z tags: [] ---  ## 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.  ## 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  ### Componentes  ## 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. https://camaraux.com.br/wp-content/uploads/2025/01/Gravacao-telas-do-Site-da-Mageuni.mov ### 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.   ### 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.   [ Acesse agora a Plataforma ](https://www.mageuni.com/)