UI Design
Os trabalhos aqui são de UI Design propriamente dito — sobretudo os mais recentes — e os mais antigos remontam a 2005. A maioria deles usou o framework 'Bootstrap' para layout, cujo design system pré-pronto foi inteiramente customizado e adaptado para cada projeto desde os tokens (CSS Custom Properties) até todos os componentes funcionais. Testes com PageSpeed Insights, aproveitando dados fornecidos pelos resultados deles, fizeram parte do processo de melhorias de cada projeto, e foram o máximo de abordagem metodológica envolvida, além de pesquisas de benchmark ao aplicar as marcas (logotipos) das empresas clientes em seus respectivos layouts (front-end).
PioHub – website
Muito feliz em compartilhar um projeto recente onde contribui como Web Designer freelancer: um site single-page (ou “one-page”) de alta performance para a PioHub, uma agência de influenciadores da EPTV (Grupo EP)!
🚀 Construído com Bootstrap 5.3.8, arquitetura SCSS customizada e JavaScript “vanilla”, esta solução entrega uma experiência moderna e fluida em todos os dispositivos. O cliente aprovou e ficou satisfeito com a responsividade fluida e as animações suaves em GSAP 3.12.5 — incluindo revelações acionadas por scroll pinning progressivo de conteúdo, e efeitos parallax que dão vida à energia da marca a 60fps no desktop, e mantendo performance necessária ao mobile.
agente de IA, AI agent, Artificial Intelligence, Bootstrap, Claude Code, Dev, Figma, front-end, GSAP, inteligência artificial, JavaScript, responsivo, UI Design, UX
Redesign de Site Institucional: UX, Performance e Figma em um Projeto Real
Este projeto consistiu no redesign do site institucional da BBZ Administradora de Condomínios, posto online em Dezembro de 2024, com uma atualização de identidade visual em Janeiro de 2025 (em colaboração com uma agência de design), versão que segue em uso até o momento.
O resultado foi um site com alta performance, UI consistente e experiência otimizada para o público-alvo.
animação 2d, Bootstrap, design gráfico, design system, diagramação, Figma, identidade visual, Lottie Files, responsivo, UI Design, UX
Performance, S.E.O., e UX/UI de site comercial
Durante a minha estada na Sodimac, desenvolvi um projeto pessoal de melhorias no front-end do site da empresa. Este trabalho focou em correções nos códigos HTML, CSS, e JS, com base nos testes realizados com o PageSpeed Insights, uma das melhores ferramentas para avaliação de performance e qualidade de sites lançada pela Google.
Só de Performance (Desempenho), a versão que desenvolvi alcançou 262.96% melhor do que a versão oficial.
Bootstrap, Dev, Figma, front-end, PageSpeed Insights, performance, Protótipo, SEO, UI Design, UX
NStar: Portfolio renovado
Apenas para atualizar sobre as últimas mudanças visuais, e as melhorias que fiz no presente site a partir de testes de performance.
Além das cores, eu alterei a interação com o botão de troca dos modos “dark x light”, que agora é um botão switch (interruptor), e com ícones personalizados que comunicam essa ideia.
Artificial Intelligence, Bootstrap, branding design, ChatGPT, css, CSS Grid, design gráfico, Dev, diagramação, front-end, html, html5, identidade visual, interfaces, Masonry, programação, responsivo, Sass, SEO, tipografia, UI Design, UX, WordPress
Oceano Azul Eventos
No início de 2021 também fui responsável por criar a identidade visual do site oficial do departamento de eventos da EPTV (Grupo EP), sendo de fato um redesign geral. Confira:
https://www.oaeventos.com.br/
Bootstrap, design gráfico, Dev, diagramação, front-end, html, html5, identidade visual, ilustração, responsivo, Sass, svg, UI Design, UX
Sites Rádio CBN Ribeirão Preto, Araraquara e São Carlos
O projeto foi para os portais de notícias da rádio CBN das cidades de Ribeirão Preto, Araraquara, e São Carlos. Apenas o de Ribeirão permanece até hoje com a soluções de layout e de front-end que eu ajudei a equipe a aplicar em todas as páginas. Iniciado em meados 2020, no início da pandemia, e finalizado por volta de Novembro daquele ano na versão mais estável e funcional do projeto rodando online. Confira:
https://www.cbnribeirao.com.br/
Bootstrap, CSS Grid, Dev, diagramação, front-end, html, html5, identidade visual, responsivo, Sass, UI Design, UX
Agenda 2020-2022
O projeto “Agenda” foi mais um dos sites que fiz no Grupo EP (EPTV). Inteiramente responsivo, efeito de parallax, e etc.
mais…Bootstrap, design gráfico, Dev, diagramação, front-end, html, html5, identidade visual, logotipo, responsivo, Sass, svg, UI Design, UX
Auto On 2020
Em 2020 foi criado este projeto, um subsite de nicho dentro do projeto A Cidade ON.
mais…branding design, design gráfico, diagramação, front-end, identidade visual, logotipo, responsivo, svg, tipografia, UI Design, UX
Outros projetos na SBLV
Estes foram os dois últimos projetos de landing-pages que eu estava fazendo para a Sion Boulevard na época,
mais…Adobe Photoshop, Bootstrap, diagramação, hotsites, landing-page, layout, logotipo, marca, responsivo, Sass, svg, vector, vetorial
Hotsite e Folder impresso: “Destino América”
Destino América – WaltDisney foi um dos primeiros projetos onde participei na Sion Boulevard.
mais…Adobe Illustrator, Adobe Photoshop, Bootstrap, css, design gráfico, diagramação, hotsites, layout, mídia impressa, scss
Interfaces TCC
Estas são algumas das interfaces que eu programei durante o processo de desenvolvimento do nosso TCC. O projeto se consistia de
mais…arte, experimental, Flash, infográfico, interfaces, motion design, programação, tipografia
Animação 2D, Sobre o site, UI Design
menu experimental circular 2011-2012
[Texto atualizado em 28 de Maio, 2024] Este era o menu do meu site na época (quando ainda era “PortNathan”, antes de ser “NStar Concepts”).
mais…Dev, experimental, faculdade, Flash, front-end, interfaces, motion design, sobre, UI Design, UX, vetorial
Corpo Reprojetável
Trabalho acadêmico Corpo Reprojetável v.001, feito junto a mais 6 colegas da faculdade, 2008.
mais…animação 2d, arte, experimental, faculdade, Flash, motion design
Animação 2D, Design Gráfico, UI Design
projetos 2005 a 2009
– Interfaces e hotsites em Flash, que produzi entre 2005 e 2009.
mais…Flash, hotsites, identidade visual, ilustração, interfaces, motion design, programação, vetorial
Logotipo “Choc Gourmet”
Criação de Logotipos – 2017
Performance, S.E.O., e UX/UI de site comercial
