islyp.com

Transformo ideias em
experiências e
soluções digitais.

conheça meu trabalho

Arraste os painéisMova e solte para explorar.

Arraste em qualquer direção e solte. Com o teclado, use as setas para mover, Enter para ver o projeto e Escape para restaurar a posição.
Retrato de Paulo Islyp
Paulo Islyp

Sobre mim

Mais que código,
propósito.

Sou desenvolvedor web, professor do curso técnico de Análise e Desenvolvimento de Sistemas há 5 anos e atuo como freelancer.

Desenvolvo soluções para problemas reais dos meus clientes, unindo tecnologia, estratégia e design. Busco eficiência e escalabilidade, com foco em impacto e resultados.

A experiência em sala de aula também fortaleceu minha atuação em gestão de pessoas, equipes e projetos.

  • Desenvolvedor web

    Soluções modernas

  • Professor

    Formando devs

  • Freelancer

    Projetos sob medida

  • Gestão de pessoas

    Liderança e empatia

  • Gestão de equipes

    Colaboração e foco

  • Gestão de projetos

    Planejamento e entrega

Tecnologias utilizadas

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • Node.js
  • React
  • Three.js
  • Astro
  • Bootstrap
  • Firebase
  • Supabase
  • Claude Code
  • Codex
  • Figma
  • Photoshop
  • Canva
  • Design responsivo
  • Cloudflare Workers / Pages
  • Vercel
  • Git / GitHub

Projetos

Soluções que
falam por si.

Cada projeto nasce de um problema real e ganha forma com tecnologia, estratégia e design.

Tela inicial do Guinga’s Bar no celular
Arraste para girar

01 / 06

Guinga’s Bar

Site e sistema

Uma plataforma para a noite do bar: do cardápio digital à fila do karaokê, com atualização em tempo real e gestão pelo celular.

O desafio

Automatizar a fila do karaokê, organizar um repertório de cerca de 41 mil músicas e dar autonomia à equipe para cuidar da programação.

Funcionalidades

  • Fila em tempo real com chamada e avanço automáticos
  • Busca por nome, artista ou código em cerca de 41 mil músicas
  • Painel de gestão da fila, do repertório e dos flyers
  • Cardápio com 132 itens e busca que ignora acentos
  • PWA instalável com aviso quando chega a vez de cantar

Tecnologias utilizadas

  • HTML5
  • CSS3
  • JavaScript
  • Firebase
  • Cloudflare Workers
  • PWA
  • Google Maps API

02 / 06

Elevamos

Cursos e capacitação

Site de cursos de manutenção de elevadores, com páginas estáticas em Astro e um blog que a equipe pode atualizar pelo painel de conteúdo.

O desafio

Apresentar a formação com clareza, facilitar a descoberta por novos alunos e dar autonomia à equipe para publicar artigos.

Funcionalidades

  • Site público pré-renderizado em HTML
  • Blog editável no Keystatic com login próprio
  • Menu mobile e mapa carregado sob clique
  • Capas de artigos com imagens responsivas em WebP e JPEG
  • SEO com sitemap, feed RSS e dados estruturados

Tecnologias utilizadas

  • Astro 7
  • TypeScript
  • CSS3
  • JavaScript
  • Keystatic
  • React 19 · painel
  • Markdoc
  • Node.js
  • Sharp
  • Git / GitHub

03 / 06

Michelle Sampaio

Marketing e social media

Portfólio de marketing e social media que reúne cases, criativos e vídeos em uma experiência responsiva, construída com HTML, CSS e JavaScript puros.

O desafio

Valorizar a identidade profissional e reunir diferentes formatos de conteúdo em uma navegação clara, com uma estrutura enxuta e fácil de manter.

Funcionalidades

  • Carrossel de criativos com ampliação das imagens
  • Vídeo do case com player próprio
  • Publicações do Instagram com alternativa de exibição
  • Animações de entrada ao rolar a página
  • Layout responsivo com imagens otimizadas

Tecnologias utilizadas

  • HTML5
  • CSS3
  • JavaScript
  • Cloudflare Workers
  • GitHub
  • Google Fonts

04 / 06

M.I. Ferreira

Construção civil

Landing page de construção civil com uma casa 3D interativa, construída por código com Three.js. A experiência funciona no navegador, com arquitetura estática, sem banco de dados ou backend de aplicação.

O desafio

Apresentar a construção civil em uma experiência visual e interativa, integrando a arquitetura à navegação em celulares e desktops.

Funcionalidades

  • Casa 3D construída por código, com piscina, vegetação e interiores
  • Materiais, iluminação, sombras e câmera renderizados com WebGL
  • Movimento cinematográfico suave e controles em JavaScript
  • Layout responsivo com ícones e anotações do hero em SVG
  • Imagens em WebP e alternativa estática da casa

Tecnologias utilizadas

  • HTML5
  • CSS3
  • JavaScript
  • Three.js + WebGL
  • SVG
  • WebP
  • Node.js + npm
  • esbuild
Projeto concluído Publicação pendente

05 / 06

Guaraná Jesus

Experiência 3D

Uma experiência conceitual de marca com uma lata 3D no centro da narrativa. Câmera, luzes e animações acompanham a rolagem em uma página cinematográfica inspirada na identidade do Guaraná Jesus.

O desafio

Transformar a apresentação de um produto em uma experiência imersiva, conectando a história, o sabor e a identidade visual da marca por meio de uma narrativa em movimento.

Funcionalidades

  • Lata 3D interativa com rotação por arraste e inércia
  • Movimentos de câmera e transições sincronizados com a rolagem
  • Iluminação dinâmica, reflexos, bolhas e partículas em profundidade
  • Seis cenas que exploram o produto e sua origem no Maranhão
  • Adaptação para mobile e suporte à preferência de movimento reduzido

Tecnologias utilizadas

  • React
  • Three.js + WebGL
  • React Three Fiber
  • GSAP + ScrollTrigger
  • Lenis
  • CSS Modules
  • GLB
  • Cloudflare Workers

06 / 06

Painel de Avaliações

EdTech · Dados e gestão

Plataforma privada que transforma planilhas de avaliações educacionais em indicadores claros para apoiar o acompanhamento pedagógico da escola, das turmas e de cada estudante.

O desafio

Reunir fontes com formatos diferentes, preservar a confiabilidade dos resultados e permitir a análise pedagógica sem expor dados sensíveis de estudantes.

Funcionalidades

  • Visão geral com participação, defasagem e desempenho por componente
  • Análises da Avaliação Diagnóstica e da Prova Paulista por período
  • Ficha individual com trajetória, evolução e pontos de atenção
  • Importação de planilhas com prévia, confirmação e reversão segura
  • Acesso por perfil, sessões protegidas e trilha de auditoria

Tecnologias utilizadas

  • HTML5
  • CSS3
  • JavaScript
  • Cloudflare Pages
  • Cloudflare D1
  • Cloudflare R2
  • Web Crypto
  • SVG
  • Node.js

Laboratório

Ver experimentos

PROJETO