Disponível para contratação Falar comigo

Diego TrevisanPortfolio — V.2. 2026

15+

anos transformando necessidades em experiências digitais

Product Designer que atua nas duas pontas: desenho a experiência do zero e entrego em HTML/CSS/JS em produção, conectando discovery, interface e código para transformar decisões de design em produto.

Discovery · Figma · Código · Handoff

Ver cases Fale comigo
Disponível para contratação
01Sobre mim
Diego Trevisan

Penso em produto, desenho a interface e, quando o time precisa, também construo em código.

Sou Product Designer especializado em UX/UI, com mais de 15 anos dedicados a transformar desafios complexos em experiências digitais de alto impacto. Atuo do discovery à entrega: pesquiso o problema, estruturo a arquitetura da informação e desenho a interface.

Colaboro lado a lado com o time de desenvolvimento muitas vezes implementando eu mesmo em HTML, CSS e JS. Já apliquei esse processo em SaaS B2B, e-commerces de alta complexidade técnica e produtos digitais para marcas como Mazer, Fuel Vision, Itaipu, Chipart, Compra Gamer e TerabyteShop.

Discovery/ UX Research/ UI Design/ Design System/ Figma/ HTML5 / CSS3/ JavaScript/ Tailwind / Bootstrap/ WordPress/ SEO / GEO/ Prototipagem/ IA aplicada ao processo/ Discovery/ UX Research/ UI Design/ Design System/ Figma/ HTML5 / CSS3/ JavaScript/ Tailwind / Bootstrap/ WordPress/ SEO / GEO/ Prototipagem/ IA aplicada ao processo/
01

15+

anos transformando necessidades em experiências digitais

02

~30%

de aumento médio em conversão e adoção nos projetos (estimativa)

03

8 anos

anos de atuação contínua em um dos maiores e-commerces do Brasil

04

30+

landing pages entregues com foco em performance e conversão

02Especialidades

Do conceito ao produto, ponta a ponta.

Do discovery ao código: uma única visão para toda a sua experiência digital.

01

Product Design & UX

  • Discovery, user research & testes de usabilidade
  • Wireframes, fluxos e arquitetura da informação
  • Protótipos de alta fidelidade em Figma
AI

Sintetizo dados de pesquisa e gero variações de layout com IA para acelerar decisões.

Figma · Research
02

Design System & UI

  • Tokens, fundações e hierarquia visual
  • Bibliotecas de componentes reutilizáveis
  • Documentação para handoff com o time
AI

Automatizo geração de specs, nomeação de tokens e checklists de consistência.

Componentização
03

Front-end Engineering

  • HTML5 · CSS3 · JavaScript
  • Tailwind / Bootstrap / WordPress
  • Performance, SEO e acessibilidade
AI

Uso agentes de código para prototipagem rápida, refactoring e revisão de qualidade.

Produção
04

IA aplicada ao processo

  • Claude, Figma Make e Stitch no fluxo de design
  • Maze, Hotjar e Crazy Egg para pesquisa
  • Miro, Scrum/Kanban e GitHub no processo
AI

Ferramenta de trabalho, não substituto: acelero pesquisa, variações e produção sem perder critério.

Claude · Figma Make
05

Landing Pages & Rapid Prototyping

  • Do esboço no Figma à implementação
  • Campanhas sazonais de alta conversão
  • Validação rápida com usuários reais
AI

Scaffolding de páginas inteiras e iteração de copy/layout em tempo real.

Startups
06

Product Strategy & Growth

  • Alinhamento entre objetivos de negócio e necessidades do usuário
  • Métricas, hipóteses e priorização de oportunidades
  • CRO, otimização de jornadas e experimentação
AI

Uso IA para explorar hipóteses, analisar padrões e acelerar ciclos de descoberta e validação.

Estratégia · CRO
03Projetos em destaque

Onde deixei minha marca.

Produtos em que atuei do entendimento do problema à interface final.

04Como eu trabalho

Um processo claro.

Do primeiro brief à entrega com feedback e métricas em cada etapa.

01

Descoberta

Entendo o negócio, o público e os objetivos. Pesquisa, benchmark e definição da direção de produto.

AI

Síntese de entrevistas e benchmark de concorrência com apoio de IA.

Descoberta80%
02

Design

Arquitetura da informação, design system e telas de alta fidelidade. Iteração rápida com testes de usabilidade.

AI

Variações de layout e copy geradas com IA em minutos.

Design85%
03

Desenvolvimento

Transformo o design em HTML, CSS e JS responsivo muitas vezes colaborando direto com o time de dev.

AI

Agentes de código para prototipagem, testes e revisão.

Desenvolvimento90%
04

Entrega & Métricas

Testes, ajustes finais e acompanhamento com analytics para validar o impacto no produto.

AI

Monitoramento contínuo e relatórios assistidos por IA.

Entrega & Métricas80%
05Craft

Do design ao código.

Um laboratório de experimentos de interface, do esboço no Figma à implementação.

Landing pages

Terabyte Black Friday, Fuel Vision, Alta Frequência, ROI Club, P7 Eventos e outras design e implementação de ponta a ponta.

ver todos os projetos →
Laboratório front-end

Componentes de interface prototipados no Figma e implementados em CodePen: tab bar, menu hambúrguer, floating action button.

ver no CodePen →
Reconhecimento

Site of the Day — Best CSS Awards (2015 e 2017), pela agência Visions Web Art.

ver prêmio →
06Depoimentos

O que dizem sobre o trabalho.

Feedback real de CEOs, fundadores e médicos que já atendi.

★★★★★
E-commerce
"Tive o prazer de trabalhar com o Diego durante 9 anos. Sua capacidade de transformar ideias complexas em interfaces de usuário intuitivas e atraentes é realmente impressionante."
RS

Romulo Simione

CEO na TerabyteShop

★★★★★
SaaS
"O Diego foi essencial no desenvolvimento do nosso sistema de gestão de combustível. Sua expertise em Design de Interface trouxe modernidade e funcionalidade, superando nossas expectativas."
OE

Osvaldo Eduardo

CEO Fuel Solution Tecnologia

★★★★★
UI Design
"Sua expertise em UI Design, domínio do Figma e habilidades em web design elevaram a experiência dos clientes da Chipart e Compra Gamer, tornando os sites mais funcionais e atrativos."
GV

Gilmar Vasconcelos Filho

CEO na Chipart

★★★★★
Website
"Diego Trevisan trouxe excelência e criatividade ao desenvolver meu site. Resultou em um site totalmente funcional, moderno e intuitivo. Estou extremamente satisfeita!"
CG

Dra. Carolina Gonçalves

Cirurgiã do Aparelho Digestivo

★★★★★
Website
"O Diego conseguiu traduzir nossa essência em um site moderno e profissional. Fortaleceu nossa comunicação e trouxe mais consistência para a presença digital da ExHos."
MF

Dra. Maria Fernanda

ExHos Medicina Hospitalar

★★★★★
UI Design
"O Diego entregou um site incrível para o nosso projeto. Sua habilidade com UI Design, Figma e web design ficou evidente em cada detalhe. Altamente recomendável!"
ML

Dr. Marcos Lange

Médico Neurologista

07Escrita

Penso em voz alta.

Artigos sobre design, produto e a interseção entre os dois.

08Vamos trabalhar juntos

Vamos construir
o próximo case?

Falar comigo

Aberto a novas oportunidades como Product Designer / UX-UI Designer. Respondo rápido por WhatsApp ou e-mail.

WhatsAppFale comigo
Localização

Curitiba, BR

Status

Disponível para contratação