Esly Barbosa
Carregando
Olá, eu sou
Transformo requisitos de negócio complexos em interfaces que o time entende, aprova e o usuário usa sem pensar.
Sobre mim
A maior parte dos front-ends resolve tela. Eu resolvo o problema que a tela existe pra resolver.
Minha entrada em cada projeto começa antes do código: entender o requisito de negócio, desenhar o fluxo (Figma, Photoshop), e só então construir a interface, com Vue.js, TypeScript, JavaScript e arquitetura de Micro Frontends para produtos que precisam escalar sem virar dívida técnica.
Vim de suporte e infraestrutura de TI antes de migrar para front-end. Isso não é um detalhe de currículo, é a razão pela qual eu penso em interface como parte de um sistema, não como uma peça isolada. Quando algo quebra em produção, eu sei o que está por trás da tela.
Hoje sou Front-end Developer na S.P.A. Saúde, atuando do levantamento de requisito à entrega, e aprofundando conhecimento em React para ampliar onde posso atuar.
Projetos
Landing page genérica não vende imóvel de R$2M+. Cada scroll precisa justificar o padrão do produto: catálogo antes da explicação, animação como argumento, não decoração.
Energia solar é decisão de investimento, não só produto técnico. O protótipo parte de uma pergunta: o que o usuário precisa saber, e em que ordem, para confiar e pedir orçamento?
Interface isolada resolve tela. Não resolve escala. O desafio foi criar componentes reutilizáveis para o time crescer sem reescrever código a cada feature nova.
Sistemas
Desenvolvo sistemas completos, da arquitetura e implementação no editor ao produto final rodando no navegador. Cada entrega une lógica, interface e experiência do usuário em soluções prontas para o dia a dia.
ATUAÇÃO / ESPECIALIDADES
Seis frentes onde entrego valor de verdade, não seis linhas de skills soltas. Cada uma resolve um tipo diferente de problema de produto.
Aplicações web com Vue.js, TypeScript e JavaScript pensadas para durar: componentes reutilizáveis, performance real e código que aguenta crescer sem virar gargalo.
Fluxos e protótipos de alta fidelidade que alinham negócio, usabilidade e identidade visual antes de uma linha de código ser escrita, o que evita retrabalho caro depois.
Arquitetura modular para produtos e times que não cabem mais em um monólito: independência de deploy, reúso de módulos e escalabilidade real no front corporativo.
Páginas institucionais e de conversão, do HTML/CSS ao WordPress quando faz sentido para o negócio, sempre com responsividade e identidade.
Cenas 3D no Spline e microinterações que carregam a narrativa do produto, não decoração, mas parte de como o usuário entende o que está usando.
Cursor, VS Code e automações com chatbots para acelerar desenvolvimento e documentação sem abrir mão de qualidade, velocidade que não vira dívida técnica depois.
Experiência
Comecei em suporte e infraestrutura de TI, analisando redes, dados e operação em empresas como Luft Solutions e Bifarma. Essa base é a razão pela qual penso em front-end com visão de sistema e de negócio, não só de tela.
Hoje sou Desenvolvedor Front-end na S.P.A. Saúde, atuando no ciclo completo, do levantamento de requisitos à entrega em produção com Vue.js, TypeScript, JavaScript, HTML, CSS, SCSS e Micro Frontends. Também estruturo fluxos e crio protótipos de alta fidelidade no Figma, unindo desenvolvimento e UX/UI numa entrega só.
S.P.A. Saúde
Desenvolvedor Front-end · dez/2024 – atualS.P.A. Saúde
Analista de redes · ago/2022 – dez/2024Luft Solutions
Assistente de infraestrutura · 2021 – 2022Bifarma
Assistente de suporte técnico · 2021
Depoimentos
“O Esly conseguiu transformar requisitos complexos em uma interface simples e intuitiva. Além da qualidade técnica, sempre se preocupou em entender o contexto do negócio antes de desenvolver a solução.”
“Trabalhar com o Esly foi uma experiência muito positiva. A comunicação sempre foi clara, as entregas aconteceram dentro do esperado e o código foi desenvolvido de forma organizada, facilitando a evolução do projeto.”
“Além de desenvolver interfaces de alta qualidade, o Esly contribuiu com sugestões de UX e participou ativamente da definição dos fluxos. O resultado foi uma aplicação consistente, moderna e fácil de utilizar.”
Contato
Aberto a conversas sobre oportunidades, projetos e colaboração. Envie uma mensagem e retorno em breve.
Landing page · Estudo
O problema: uma landing page genérica não vende imóvel de R$2M+. O público que busca esse tipo de produto já viu dezenas de sites de arquitetura iguais: mesma grid, mesmo carrossel, mesma promessa vaga de "exclusividade".
A decisão não foi "fazer uma página bonita". Foi entender que cada segundo de scroll precisava justificar o padrão do produto. Isso definiu o ritmo da animação (fluida, não decorativa), a ordem do catálogo de projetos (mostrar antes de explicar) e a cadência da página inteira.
O que eu mediria
Em produção, acompanharia conversão do formulário de contato e profundidade de scroll até o catálogo: métricas que guiaram a ordem e o ritmo da página.
Protótipo Figma · Estudo
O problema não era falta de design, era falta de clareza. Energia solar é uma decisão de investimento, e o público (residencial e corporativo) precisa entender valor e retorno antes de qualquer detalhe técnico.
O protótipo no Figma foi construído em torno de uma pergunta única: o que essa pessoa precisa saber, e em que ordem, para confiar o suficiente e pedir um orçamento? Essa pergunta guiou toda a hierarquia de informação, da estrutura visual ao texto de cada seção.
O que eu mediria
Em produção, acompanharia taxa de conversão do formulário e tempo até a primeira interação: métricas que guiaram as decisões de estrutura da página.
Front-end · Estudo
Interfaces responsivas isoladas resolvem problema de tela. Não resolvem problema de escala. O desafio foi construir componentes que outros desenvolvedores pudessem reaproveitar sem reescrever do zero a cada nova feature.
Isso definiu a arquitetura: padrões compartilhados, estados de carregamento explícitos em cada etapa do fluxo, e uma base que cresce com o time em vez de travar nele.
O que eu mediria
Em produção, acompanharia tempo médio para entregar uma feature nova com os componentes e taxa de reuso do sistema: métricas que guiaram a decisão de isolar padrões em vez de telas isoladas.
Para interagir, basta clicar e arrastar
Vue.js
TypeScript
JavaScript
HTML5
CSS3 / SCSS
React · aprendizado
Micro Frontends
UX / UI Design
Figma
Photoshop
Git
SQL
WordPress
Spline
Cursor
VS Code
Python
Canva
Chatbots
