Pular para o conteúdo

Disponível para oportunidades CLT

Software que parece simples porque cada detalhe foi pensado.

Olá, eu sou o Henrique. Desenvolvedor fullstack focado em construir aplicações completas, escaláveis e de alto desempenho, das APIs e regras de negócio até a interface, com um cuidado especial pela camada que as pessoas realmente tocam.

ou copie meu e-mail:
Foto de Henrique Zanella

Henrique Zanella

Desenvolvedor Fullstack

Caxias do Sul, RSHorário local: --:--

fora do expediente
anos construindo e sustentando software
3+
sistemas de gestão no currículo (ERP e CRM)
2
equipes lideradas no suporte
2

01Sobre

Do suporte ao código.

Minha vivência na transição do suporte técnico para o desenvolvimento me deu uma visão muito clara sobre a experiência do usuário final e a resolução de problemas críticos em sistemas de gestão complexos (ERP e CRM).

Tenho domínio do ecossistema JavaScript e TypeScript, criando desde interfaces modernas com React e Next.js até APIs e regras de negócio no back-end.

Além da parte técnica, tenho base acadêmica em Engenharia de Software e Gestão de Projetos, com conhecimento em modelagem UML, PMBOK e normas de qualidade ISO 9001. Gosto de desafios que exigem visão sistêmica para unir tecnologia e eficiência operacional.

Como eu trabalho

  1. 01

    O usuário vem primeiro

    Anos no suporte me mostraram onde as interfaces falham: na mensagem de erro confusa, no botão que não responde, no fluxo que ninguém testou. Eu construo pensando em quem vai usar.

  2. 02

    Componentes antes de telas

    Penso em sistema: peças reutilizáveis, acessíveis e consistentes que tornam cada nova tela mais rápida de construir e mais fácil de manter.

  3. 03

    Todo estado importa

    Carregando, vazio, erro, sucesso. Uma interface só está pronta quando já pensou no que pode dar errado, e em como ajudar a pessoa quando der.

  4. 04

    Visão de ponta a ponta

    Do banco de dados à interface: entendo a regra de negócio para desenhar soluções que fazem sentido no todo, não só na tela.

02Trajetória

Uma carreira que começou ouvindo quem usa o sistema.

  1. 2025 — Atual

    Desenvolvedor

    Windel Sistemas

    Participei do desenvolvimento inicial do ERP e hoje contribuo com o CRM: construo as interfaces dos sistemas que antes eu ajudava a suportar.

    • Atuação no desenvolvimento inicial do sistema ERP e posterior contribuição no CRM da empresa.
    • Desenvolvimento de interfaces responsivas utilizando Next.js, React e TypeScript.
    • Construção de UI com Tailwind CSS e Radix UI, com foco em usabilidade, acessibilidade e performance.
    • Integração com APIs REST e GraphQL, com TanStack Query para estado e requisições.
    • Implementação de testes automatizados para garantir qualidade e estabilidade.
  2. 2023 — 2025

    Suporte Técnico · Supervisor

    Windel Sistemas

    Onde aprendi, na prática, como o software se comporta nas mãos de quem usa todo dia.

    • Supervisão de equipe: planejamento, distribuição e acompanhamento de atividades, garantindo prazos e qualidade.
    • Suporte técnico e técnico de qualidade, com foco em identificar e resolver problemas complexos.
    • Tratamento e análise de reclamações, promovendo melhorias contínuas nos processos.
    • Auxiliar de desenvolvimento na evolução dos sistemas internos ERP e CRM.
    • Geração e validação da Escrituração Fiscal Digital (EFD) e relatórios personalizados via SQL.

03Laboratório

Detalhes que ninguém vê, mas todo mundo sente.

Pequenos experimentos que mostram como eu penso interface. Tudo aqui funciona de verdade: clique, digite, erre de propósito.

01Um botão, quatro estados

Clique para simular uma requisição.

Por quê: A largura não muda entre estados, então nada pula na tela. Durante o carregamento uso aria-disabled em vez de disabled para o foco do teclado não se perder, e o resultado é anunciado para leitores de tela.

02Validação no tempo certo

Digite um e-mail e saia do campo.

Por quê: O erro só aparece depois que você sai do campo e some assim que é corrigido. No celular abre o teclado de e-mail, sem autocorreção, e erros comuns de digitação como “gmial.com” ganham uma sugestão de um toque.

03Carregamento sem pulo

  • Deploy em produção concluídohá 2 min
  • Revisão aprovada no PR #128há 18 min
  • Build finalizado em 42shá 1 h
Ver todas as atividades
Por quê: O skeleton tem exatamente o tamanho do conteúdo final, então nada se move quando os dados chegam. Troque para “Spinner”, recarregue e repare no link de baixo pulando: é esse tipo de detalhe que eu evito.

04Tema em tempo real

Cor de destaque

salvo neste navegador
/* gerado agora */
--brand: oklch(0.80 0.15 160);
Por quê: As cores são tokens em OKLCH: cada tema é só um matiz e cada modo define a luminosidade, garantindo contraste nos dois. Trocar é mudar uma variável CSS, sem recarregar nada. A escolha fica salva e sincroniza entre abas.

04Stack

Ferramentas que uso no dia a dia.

Escolho a ferramenta pelo problema, mas é aqui que me sinto em casa.

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Radix UI
  • Shadcn/UI
  • TanStack
  • GraphQL
  • Node.js
  • Prisma
  • PostgreSQL
  • MySQL
  • Docker
  • Git
  • Postman
  • Figma
  • Vercel

01

Frontend

Interfaces acessíveis, rápidas e consistentes.

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Radix UI
  • Shadcn/UI
  • Zustand / Redux

02

Backend & Dados

APIs, regras de negócio e dados bem modelados.

  • Node.js
  • Express
  • Prisma ORM
  • PostgreSQL / MySQL
  • REST APIs
  • GraphQL
  • TanStack Query

03

Ferramentas & Processo

Do design ao deploy, com qualidade no caminho.

  • Git / GitHub
  • Postman
  • Docker
  • Figma
  • CI/CD (GitHub Actions)
  • UML
  • PMBOK

05Projetos

Alguns projetos que eu construí.

Do projeto pessoal ao TCC: cada um me ensinou algo diferente sobre construir para pessoas reais.

Captura de tela do projeto LifeOS
Projeto pessoalDestaque

LifeOS (abre em nova aba)

Dashboard para controle de hábitos, finanças e tarefas, com foco em usabilidade e design.

  • Painel único para hábitos, finanças e tarefas
  • Componentes acessíveis com Radix UI e Shadcn
  • Autenticação e persistência em banco SQL
  • Next.js
  • TypeScript
  • Shadcn
  • Radix UI
  • SQL
Captura de tela do projeto EcoRecicla
Projeto acadêmico

EcoRecicla (abre em nova aba)

Plataforma de gestão de descarte de eletrônicos, com pontos de coleta, agendamento de coletas e conteúdo educativo.

  • Next.js
  • TypeScript
  • Tailwind CSS
Captura de tela do projeto Revitalize
TCC

Revitalize (abre em nova aba)

Projeto de conclusão de curso para controle de treinos e alimentação, focado em saúde e bem-estar.

  • HTML
  • CSS
  • JavaScript

06Contato

Vamos construir algo juntos?

Disponível para oportunidades CLT. Se você chegou até aqui, acho que temos bastante coisa para conversar.

Início
Sobre
Trajetória
Laboratório
Stack
Projetos
Contato
Copiar e-mail
Enviar e-mail
Baixar currículo (PDF)
Abrir LinkedIn
Abrir GitHub
Conversar no WhatsApp
Abrir Instagram
Mudar para tema claro
Cor de destaque: Esmeralda
Cor de destaque: Céu
Cor de destaque: Violeta
Cor de destaque: Rosa
Cor de destaque: Âmbar
Cor de destaque: Ciano