Projetos

Problemas reais, decisões explicadas

Página inicial do site da MalbArt Studio
Cliente real · 2026

MalbArt Studio

Desafio

O estúdio tinha apenas um logo e um Instagram que, em 30 segundos, não deixava claro o que oferecia nem qual era o próximo passo.

O que fiz

Diagnóstico da presença digital (clareza do perfil em 5 de 10), identidade visual e design system em tema claro e escuro, landing page focada em agendamento e página da formação de instrutores, com acessibilidade seguindo a WCAG.

Resultado

Site entregue e validado pela cliente, no ar em malbartstudio.com.br.

Tela de produtos do marketplace EcoVive, com filtros e cards de produto
Projeto voluntário · 2025

EcoVive

Desafio

Criar um marketplace de economia circular que conecte empresas, cooperativas, artistas e consumidores conscientes.

O que fiz

Pesquisa com usuários, três personas e jornadas separadas para compra (B2C) e cotação (B2B). Participei da Lean Inception com PO, Scrum Master, devs e QA para definir o MVP.

Decisão

A pesquisa mostrou que as maiores dores eram o frete (78,4%) e a falta de confiança (52,9%). Isso levou a frete grátis a partir de um valor mínimo de compra e a selos de verificação e avaliações de impacto nas páginas de produto.

Entrega

Protótipo do MVP com 6 telas (Home, Produtos B2C, Produtos B2B, Detalhes do produto, Sobre e Contato), entregue ao time de desenvolvimento.

Página do relatório de diagnóstico do Instagram de Douglas Ramos Photo, com os problemas priorizados
Cliente real · 2026

Douglas Ramos Photo

Desafio

Um fotógrafo com fotos de qualidade e 12 anos de experiência, mas um Instagram que não deixava claro para quem ele fotografa nem como contratar.

O que fiz

Diagnóstico do perfil com o meu método de 5 critérios (nota 3 de 10), com os problemas priorizados e um plano de ação de curto, médio e longo prazo: público nomeado na bio, link direto para o WhatsApp com mensagem pronta e destaques organizados por serviço.

Resultado

Relatório entregue e remunerado, recebido de forma positiva pelo cliente.

Processo

Entender antes de desenhar

  1. 01

    Escuto

    Converso com quem usa e com quem decide, em reunião ou por formulário, para entender o objetivo real.

  2. 02

    Analiso

    Encontro o que atrapalha o entendimento, o interesse e a ação, e organizo as melhorias por prioridade: curto, médio e longo prazo.

  3. 03

    Desenho

    Transformo o que aprendi em fluxos, telas e sistemas visuais, começando por um protótipo para validar a direção.

  4. 04

    Entrego e acompanho

    Valido com o cliente e ajusto até funcionar.

Melhoria contínua

Refinei o meu próprio método de diagnóstico e reduzi o tempo de análise de 3 horas para 1 hora, o que me permite entregar ao cliente um protótipo visual junto com o relatório.

Serviços

Dois caminhos, o mesmo cuidado

Para times de produto

Ajudo times a entender o usuário antes de desenhar.

  • Pesquisa com usuários, avaliação heurística e testes de usabilidade
  • Arquitetura de informação, wireframes e protótipos
  • Design System e acessibilidade (WCAG)
  • Trabalho em time ágil com PO, devs e QA

Para negócios

Diagnóstico de Presença Digital

Analiso o Instagram e o site do seu negócio para encontrar o que dificulta o cliente entender, se interessar e entrar em contato.

  • Relatório visual com o que melhorar primeiro
  • Plano de ação de curto, médio e longo prazo
  • Protótipo visual das melhorias recomendadas
  • Desenvolvimento da nova página, se fizer sentido

Em andamento: novo site do Ateliê Nat Petry, que voltou a me procurar depois do diagnóstico.

Sobre

Da dança ao design

A dança me ensinou a observar o público. Cinco anos de atendimento me ensinaram que o que o cliente pede nem sempre é o que ele precisa. Uso essas duas experiências no meu trabalho com design.

  1. Bailarino profissional, a maior parte no Balé Teatro Guaíra
  2. Atendimento ao cliente no Ateliê Nat Petry
  3. Descubro o UX/UI Design
  4. UX/UI Designer voluntário no EcoVive, em time ágil
  5. UX/UI Designer no Ateliê Nat Petry e no MalbArt Studio. Crio o Diagnóstico de Presença Digital

Ferramentas

  • Figma
  • Figma Make
  • Framer
  • Miro
  • Notion
  • WordPress
  • Claude Code
  • ChatGPT
  • HTML e CSS (básico)

Formação

  • Especialização em UX Design · FIAP
  • Graduação em UX/UI Design · Design Circuit (em andamento)