ux/ui designerportfólio

designer

portfolio

2026

Sobre mim

Oi, eu sou a Juliana!

UX/UI Designer

Sou UX/UI Designer com mais de 2 anos de experiência em interfaces para web, mobile e tablet. Trabalho com fluxos, protótipos, Design Systems, testes de usabilidade, documentação e handoff. Também utilizo Claude e Codex para organizar ideias, requisitos e documentação, mantendo as decisões de design sob minha responsabilidade.

Minhas principais áreas

UX/UI Design – criação de interfaces claras e responsivas (landing pages, apps, dashboards, painéis, erp, SaaS, etc)
Pesquisas e prototipação – fluxos, testes e protótipos navegáveis
Design Systems – componentes, tokens, documentação completa

Experiência

Outubro 2024 - atual
UX/UI Designer
Hybriun Desenvolvimento
Fev 2024 - Jun 2024
Designer Gráfico
A2 Vision Experts

Educação

2024 - atual
Tecnólogo em Design Gráfico
UNICID
2024 - 2024
UX/UI Design
Alura Cursos
2024 - 2025
Product Design
Alura

Skills

Research
Design Thinking
User Strategy
Discovery
Design System
Nielsen’s Usability Heuristics
Typography and Accessibility
Component-based Design
Mobile-first Design

Ferramentas

Figma
Photoshop
Illustrator
VS Code
ChatGPT
Claude

Projetos

Design thinking

Empatizar
- Entendi as necessidades de usuários que buscam procedimentos estéticos e precisam comparar clínicas, avaliações, localização, benefícios e preços antes de tomar uma decisão. O foco foi identificar pontos de insegurança durante a busca e entender quais informações geravam mais confiança.
Definição
- O principal desafio era reduzir a complexidade da navegação e tornar a comparação entre clínicas mais clara. A densidade dos cards, a falta de categorias objetivas e o fluxo de avaliação pouco direto dificultavam a tomada de decisão.
Ideação
- Explorei soluções para reorganizar a arquitetura da informação, melhorar a hierarquia visual dos cards, criar filtros por categoria e simplificar o envio de avaliações. Também considerei formas de destacar informações essenciais sem sobrecarregar a interface.
Protótipo
- Desenvolvi telas e fluxos responsivos para busca, listagem de clínicas, página de detalhes e avaliação. Os componentes foram estruturados para funcionar tanto no mobile quanto no desktop, mantendo consistência visual e clareza na navegação.
Teste
- A solução foi revisada com foco em clareza, escaneabilidade e facilidade de comparação. Foram avaliados pontos como organização dos filtros, leitura dos cards, acesso às informações da clínica e simplicidade do fluxo de avaliação.

Empatizar
- Entendi as necessidades de usuários que buscam procedimentos estéticos e precisam comparar clínicas, avaliações, localização, benefícios e preços antes de tomar uma decisão. O foco foi identificar pontos de insegurança durante a busca e entender quais informações geravam mais confiança.
Definição
- O principal desafio era reduzir a complexidade da navegação e tornar a comparação entre clínicas mais clara. A densidade dos cards, a falta de categorias objetivas e o fluxo de avaliação pouco direto dificultavam a tomada de decisão.
Ideação
- Explorei soluções para reorganizar a arquitetura da informação, melhorar a hierarquia visual dos cards, criar filtros por categoria e simplificar o envio de avaliações. Também considerei formas de destacar informações essenciais sem sobrecarregar a interface.
Protótipo
- Desenvolvi telas e fluxos responsivos para busca, listagem de clínicas, página de detalhes e avaliação. Os componentes foram estruturados para funcionar tanto no mobile quanto no desktop, mantendo consistência visual e clareza na navegação.
Teste
- A solução foi revisada com foco em clareza, escaneabilidade e facilidade de comparação. Foram avaliados pontos como organização dos filtros, leitura dos cards, acesso às informações da clínica e simplicidade do fluxo de avaliação.

Contexto

O Beleza360 é uma plataforma voltada para descoberta, comparação e avaliação de clínicas estéticas. O projeto teve como foco o redesign da experiência de busca, tornando a navegação mais clara, estratégica e acessível para usuários que desejam encontrar procedimentos, comparar opções e tomar decisões com mais confiança. A atuação envolveu refinamento visual, reorganização de fluxos, melhoria dos cards, filtros por categoria e adaptação da jornada para mobile e desktop.

O problema

O principal problema estava na alta densidade de informação, nos cards com hierarquia pouco clara e na ausência de categorias mais objetivas na busca. Isso dificultava a comparação entre clínicas e procedimentos. Além disso, o fluxo de avaliação exigia etapas desnecessárias, reduzindo a chance de participação dos usuários e enfraquecendo a geração de confiança dentro da plataforma.

Solução

Como solução, reorganizei a arquitetura da informação para tornar a descoberta mais simples e escaneável. Os cards foram redesenhados para destacar os dados mais importantes na tomada de decisão, como nome, localização, avaliação e informações do serviço. Também estruturei filtros por categorias, refinei a hierarquia tipográfica e simplifiquei o envio de avaliações diretamente na página da clínica. A nova experiência reduz o esforço de comparação, melhora a navegação e fortalece a confiança do usuário durante a jornada.

Alta fidelidade

Wireframes

Antes da interface final, desenvolvi wireframes para validar a estrutura das telas, a posição dos filtros, a organização dos cards e a hierarquia das informações principais. Essa etapa ajudou a resolver os problemas de fluxo e leitura antes do refinamento final.

Design System

Tipografia

Red Hat Display

Primária

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

123456789 &

Paleta

Puerto Rico
#00C9A7
Niagara
#009E85
Polar
#E6FAF7
Steel Gray
#1A1A2E
Success
#4CAF50
Error
#F44336
Shark
#212121

Componentes