Ateliê Amanda Marques

Sobre o projeto

O Ateliê Amanda Marques é um site de uma maquiadora e hair stylist que já existia porém era pouco funcional para os usuários. Alguns problemas levantados foram:

• Não possuia botões call-to-action;

• O menu continha muitas abas (algumas repetidas) e não era bem formatado;

• As cores do website eram diferentes das cores da empresa.

Objetivo do projeto

Meu objetivo foi otimizar o website, tornando-o mais conciso e intuitivo. Eliminei informações redundantes e destaquei os aspectos essenciais logo na primeira página, facilitando para o cliente compreender o propósito do site e sentir-se incentivado a explorá-lo.

Análise

O primeiro passo consistiu em analisar o estado atual do website, identificando áreas que precisavam de melhorias e fazendo anotações detalhadas sobre as possíveis otimizações a serem implementadas.

Persona

Após a análise do website, conduzi uma pesquisa de benchmarking, examinando os sites de concorrentes diretos. Além disso, dediquei tempo para compreender o público-alvo de uma maquiadora e hair stylist. Com base nesse entendimento, desenvolvi personas que serviram como guia para alinhar o projeto às necessidades e expectativas dos usuários.

Wireframes

Com base em todos os dados coletados, dividi o website em quatro seções principais: Início, Serviços, Loja e Sobre. Em seguida, iniciei o processo de criação dos wireframes. Estes são os resultados obtidos:

Cores

As cores foram escolhidas com base no desejo da cliente de manter a identidade visual existente, que inclui tons de rosa, cinza e branco presentes na logo.

Resultado final

Com base nos wireframes desenvolvidos, foi necessário fazer adaptações para a plataforma de hospedagem do site, que tem limitações quanto à personalização detalhada, devido a certos elementos que seguem um padrão específico. No entanto, consegui manter os elementos que a cliente solicitou ter.

Na página inicial, mantive elementos solicitados pela cliente, como a imagem principal no topo, mas agora adicionei um botão e uma frase direcionando os usuários para explorar outras seções do site.

Também conservei o texto que narrava a história da empresa, anteriormente localizada em outra página, convidando os usuários a conhecerem mais sobre a marca.

Posteriormente, organizei os seis serviços em categorias distintas, cada um com botões que conduzem os visitantes para a página específica de serviços.

Em seguida, modifiquei a apresentação dos produtos exclusivos desenvolvidos e comercializados pela empresa, utilizando um carrossel com as cores temáticas.

Depois, incluí comentários de clientes acompanhados por três fotos dos serviços realizados.

Além disso, transformei a galeria anteriormente sem propósito em um link direto para o Instagram da empresa, anteriormente localizado em uma aba separada no menu.

Por fim, redesenhei o rodapé utilizando as cores temáticas, mantendo as informações conforme solicitado pelo cliente, agora com links clicáveis e um design mais simplificado.

Na seção de Serviços, optei por manter o padrão estabelecido na página inicial, incluindo um banner no início.

Essa escolha não foi apenas uma questão estética, mas também uma decisão baseada na observação de que esse formato é comumente adotado por empresas do mesmo ramo, proporcionando consistência e familiaridade aos usuários.

Ao encontrar limitações na plataforma, decidi apresentar os serviços em uma disposição de caixa 3x2, acompanhada de um botão "Saiba mais". Essa abordagem foi pensada para permitir que os usuários tenham acesso às informações sobre cada serviço antes de tomarem a decisão de agendar.

Além disso, incluí informações de contato via WhatsApp da cliente, oferecendo uma opção para aqueles que preferem um atendimento mais personalizado e direto com ela. Essa integração proporciona uma experiência conveniente e ágil para os usuários, fortalecendo o canal de comunicação entre o cliente e seus potenciais clientes.

Na página da loja, mantive os padrões estabelecidos na página de serviços. No entanto, devido às limitações da plataforma, optei por organizar os produtos em uma única coluna, destacando suas imagens e disponibilizando botões de fácil acesso para adicionar ao carrinho.

Essa abordagem visa proporcionar uma experiência de navegação intuitiva e eficiente, mesmo dentro das restrições técnicas da plataforma utilizada.

Na página "Sobre", a cliente expressou o desejo de manter o texto que ela havia redigido previamente. No entanto, fiz algumas edições na formatação para aprimorar a legibilidade e apresentação do conteúdo. Essas pequenas mudanças visavam garantir que a mensagem da cliente fosse comunicada de forma clara e atrativa aos visitantes do site.

Outros designs

Para manter a consistência do design, realizei a reformulação de diversos outros componentes do site, incluindo a página do produto, o chat, o carrinho e a página de serviços.

Essa abordagem garante uma experiência unificada e coesa para os usuários em todas as partes do site, contribuindo para uma navegação fluida e uma identidade visual consistente em toda a plataforma.

O que aprendi com esse projeto

Durante minha experiência como freelancer neste projeto, inicialmente senti algum receio por estar trabalhando sozinha e pela possibilidade de a cliente não ficar totalmente satisfeita com o resultado.

No entanto, fiquei positivamente surpresa quando ela expressou sua satisfação, relatando que tanto ela quanto seus clientes adoraram o website e que o número de contatos através do site aumentou significativamente.

Esse feedback me proporcionou uma grande sensação de realização e validou minha jornada no mundo do UX Design.

A experiência reforçou minha confiança e determinação em continuar aprimorando minhas habilidades nesse campo fascinante e em constante evolução.

Agradecimento

Agradeço sinceramente por dedicarem seu tempo para lerem meu projeto freelancer para o Ateliê Amanda Marques até aqui. Foi uma experiência gratificante compartilhar esse trabalho com vocês.

Estou disponível para novos contratos de UX/UI e ficarei feliz em discutir como posso contribuir para seus projetos. Por favor, não hesitem em entrar em contato para mais informações ou para agendar uma conversa.

Mais uma vez, obrigada pelo interesse e pela atenção. 😊