Case Study de UX/UI · Beauty Tech · IA

AuraMirror

Descobrir, entender e aplicar. Uma jornada de beleza progressiva.

Um produto acolhedor que transforma análise visual em orientações claras e aplicáveis.

Público-Alvo

Pensado para mulheres que navegam pela beleza sem um background técnico.

O AuraMirror foi desenvolvido principalmente para mulheres entre 18 e 35 anos interessadas em beleza, autocuidado, maquiagem, cabelo, coloração pessoal e estilo, mas que não possuem conhecimento técnico sobre esses temas.

Esse público consome conteúdos de beleza nas redes sociais, salva referências e acompanha tendências, mas encontra dificuldade para entender quais recomendações realmente funcionam para suas características individuais.

Como público secundário, o produto também considerou mulheres entre 35 e 45 anos que buscam orientações práticas para aprimorar sua imagem pessoal sem depender de uma consultoria tradicional.

Comportamentos observados
  • Consumo frequente de conteúdos sobre beleza e imagem pessoal
  • Uso das redes sociais como principal fonte de referências
  • Interesse por experiências personalizadas
  • Dificuldade para conectar informações encontradas em diferentes conteúdos
  • Busca por orientações simples e aplicáveis no dia a dia
  • Valorização da praticidade, da autonomia e da confiança nas próprias escolhas
Dores, Necessidades e Jobs To Be Done
Principais dores
  • Excesso de informações dispersas
  • Recomendações genéricas que não consideravam características individuais
  • Linguagem técnica ou difícil de interpretar
  • Dificuldade para saber por onde começar
  • Insegurança ao aplicar tendências
  • Falta de continuidade após descobrir o resultado
Necessidades identificadas
  • Encontrar diferentes tipos de orientação em um só lugar
  • Receber recomendações relacionadas às características pessoais
  • Entender por que determinada escolha foi recomendada
  • Visualizar os resultados de forma simples
  • Saber qual ação realizar primeiro
  • Adaptar as recomendações à própria identidade
Job to be done 1

"Quando encontro muitas dicas de beleza diferentes, quero entender quais realmente fazem sentido para mim, para que eu possa tomar decisões com mais confiança."

Job to be done 2

"Quando descubro uma característica do meu rosto ou da minha coloração pessoal, quero saber como aplicar essa informação em escolhas reais."

Job to be done 3

"Quando recebo várias recomendações, quero uma ordem clara para não precisar mudar tudo de uma só vez."

Objetivos do Projeto

Estruturado para transformar uma análise visual extensa em uma experiência progressiva, compreensível e fácil de aplicar.

Objetivos de UX
  • Reduzir a sobrecarga de informações
  • Facilitar a compreensão dos resultados
  • Explicar o motivo por trás de cada recomendação
  • Apresentar um próximo passo claro após a análise
  • Tornar a captura de fotos mais segura
  • Manter uma linguagem acolhedora e sem julgamentos
  • Dar autonomia para que cada pessoa adapte as orientações à própria realidade
Objetivos de Produto
  • Aumentar o valor percebido da análise
  • Incentivar a conclusão do primeiro diagnóstico
  • Criar continuidade por meio do Glow Up
  • Organizar os recursos gratuitos e Premium
  • Demonstrar os benefícios do plano antes de apresentar o preço
  • Estimular o retorno ao aplicativo por meio de tarefas semanais
Princípios da Experiência
Clareza

Os resultados foram organizados em blocos curtos, títulos descritivos e categorias reconhecíveis. A interface evitou apresentar todo o conteúdo de uma só vez.

Progressão

A jornada foi dividida em etapas. Após a análise, o Glow Up transformou as recomendações em um plano de quatro semanas.

Autonomia

As recomendações foram apresentadas como possibilidades, e não como regras. Características naturais nunca foram tratadas como problemas que precisavam ser corrigidos.

Aplicabilidade

Cada resultado precisava ajudar a usuária a tomar uma decisão prática. A análise não se limitava a classificar características.

Arquitetura da Informação

Cinco áreas seguindo a jornada esperada: visualizar, entender, aplicar, aprofundar e gerenciar.

Home → Analysis → Glow Up → Premium → Profile

Home
Home

Reuniu a visão geral da análise, as quatro categorias principais, o progresso no Glow Up e conteúdos relacionados.

Analysis
Análise

Concentrou os resultados detalhados sobre rosto, cores, cabelo e estilo.

Glow Up
Glow Up

Transformou as recomendações em pequenas tarefas organizadas ao longo de quatro semanas.

Premium
Premium

Apresentou os recursos avançados, os benefícios do plano, os preços e os depoimentos.

Profile
Perfil

Configurações da conta, privacidade, gerenciamento do plano, redefinição do progresso e opção de refazer a análise.

Estrutura dos Resultados

Quatro categorias, três níveis de informação.

Rosto
Cores
Cabelo
Estilo
Level 1
Leitura

Apresentava o que havia sido identificado na análise.

Level 2
Interpretação

Explicava o significado visual daquela característica.

Level 3
Aplicação

Mostrava como a informação poderia ser aplicada em escolhas de maquiagem, acessórios, cabelo ou estilo.

Os accordions mantinham os conteúdos complementares recolhidos, permitindo que as informações principais permanecessem visíveis enquanto os detalhes podiam ser consultados conforme o interesse da usuária.

Glow Up

Uma continuação da análise, organizada em quatro semanas.

Em vez de apresentar todas as recomendações de uma só vez, o conteúdo foi distribuído ao longo de quatro semanas. As etapas seguintes permaneciam bloqueadas até a conclusão da semana anterior, reduzindo a quantidade de ações simultâneas e criando uma ordem clara de progressão.

1
Semana 1
Sua Base Visual

Primeiras referências, cores e escolhas fundamentais.

2
Semana 2
A Moldura do Seu Rosto

Orientações relacionadas ao rosto, cabelo, sobrancelhas e acessórios.

3
Semana 3
Sua Expressão Visual

Maquiagem, combinações e desenvolvimento do estilo.

4
Semana 4
Seu Refinamento

Consolida as escolhas e cria uma direção visual mais consistente.

Direção de UI

Uma interface suave, acolhedora e minimalista.

Fundos claros e quentes, cards espaçosos, cantos arredondados, contraste moderado e cores pastéis diferenciam as categorias da análise. A identidade visual transmite cuidado e proximidade sem parecer infantil ou excessivamente decorativa. A separação entre os elementos acontece principalmente por meio do espaçamento, das mudanças de superfície e de variações sutis de cor.

AuraMirror capture screen
Paleta de Cores

Rosa pastel, lilás, amarelo e pêssego combinados com superfícies claras e textos em marrom-escuro. As cores de destaque aparecem em gráficos, ícones, chips e pequenos elementos, evitando grandes áreas de texto colorido e preservando a legibilidade.

Base colors
Main background
#FBF3F2
Card surface
#FFF9F8
Secondary surface
#F8EFEC
Primary text
#4B3540
Secondary text
#8C7580
Borders
#EADDE1
Accent colors
Pastel pink
#F2B9CB
Light pink
#F7D5E0
Pastel lilac
#DCC4EE
Light lavender
#E9DCF5
Pastel yellow
#F7E09B
Pastel peach
#F2C8B5
Progress pink
#CC6D91
Tipografia · Lato
Display titleLato Bold · 44 / 56 px
Section titleLato Bold · 28 / 32 px
Card titleLato Semibold · 18 / 20 px
BodyLato Regular · 15 / 16 px
CaptionLato Regular · 12 / 13 px
LabelLato Semibold (uppercase) · 11 / 12 px
Componentes Utilizados
Cards

Principal elemento de organização. Agrupam resultados, tarefas, opções da conta, benefícios do plano Premium e conteúdos editoriais.

Chips

Destacam classificações curtas, como formato do rosto, tipo de olhos, direcionamento de maquiagem e acabamento recomendado.

Accordions

Dividem a análise em blocos independentes de conteúdo e reduzem a extensão visual inicial da página.

Barras de progresso

Indicam o avanço ao longo das semanas do Glow Up e o progresso geral de leitura da análise.

Ícones circulares

Inseridos em superfícies de cores pastéis para facilitar o reconhecimento de categorias e ações.

Navegação inferior

Permanece disponível nas principais áreas do aplicativo. A seção ativa recebe um fundo em degradê pastel.

Botão principal

Fundo marrom-ameixa, texto branco e formato arredondado, criando contraste com as superfícies claras.

Gráfico de categorias

Quatro barras arredondadas, cada uma com a cor de sua categoria, com o percentual exibido próximo à base.

Tom de Voz

Acolhedora, direta e respeitosa. As recomendações foram escritas como orientações que poderiam ser adaptadas, e não como obrigações.

Priorizamos
recomendaçãodireção visualcaracterísticapossibilidadeharmoniaevoluçãovalorização
Evitamos
defeitoimperfeiçãocorreçãorosto erradoaparência idealmelhor versão física
Problema & Solução
Conteúdo fragmentado
Orientações reunidas em uma experiência única e integrada.
Recomendações genéricas
Resultados organizados com base na análise individual.
Classificações sem contexto
Cada resultado passou a incluir leitura, interpretação e aplicação.
Sobrecarga de informações
Conteúdo dividido em categorias e accordions.
Dificuldade para começar
O Glow Up organizou as ações ao longo de quatro semanas.
Risco de comparação estética
Linguagem construída sem hierarquias de beleza ou características consideradas ideais.
Falta de clareza sobre o Premium
Benefícios apresentados antes do preço e das opções de plano.
Resultado da Solução

Descobrir → Entender → Aplicar

A solução final conectou três momentos que normalmente apareciam de forma separada. A análise apresentava as características identificadas, a estrutura de conteúdo explicava o significado de cada resultado e o Glow Up transformava as recomendações em uma jornada progressiva. O AuraMirror deixou de funcionar apenas como uma ferramenta de diagnóstico e passou a oferecer apoio, orientação e continuidade.

0
Momentos conectados
0 weeks
Plano progressivo do Glow Up
0
Áreas do produto integradas em uma única jornada
AuraMirror

Cuidado, clareza e continuidade em uma única jornada de beleza.

Design UX/UI · IA · Personalização · Mobile