↑↓ selecionar · ENTER ir · ESC fechar

Projeto demo Sites

Kasatelnaya: landing page de uma escola online de matemática com agendamento de aula experimental

Projeto demo: landing page de uma escola online para alunos do 7º ao 11º ano — programas preparatórios para exames, professores, um exemplo de relatório de progresso para os pais, preços, perguntas frequentes e um formulário de agendamento funcional com escolha de programa, dia e horário.

100
Lighthouse, desktop
7 KB
JavaScript, gzip
0
violações no axe-core

A tarefa

Mostrar uma landing page que explica o serviço em um minuto e leva ao agendamento — sem templates, fotos de banco de imagens ou depoimentos inventados.

O que eu fiz

  • Gráfico interativo de f(x) = sin x + x/3: a reta tangente segue o cursor e recalcula sua equação
  • Formulário de agendamento: programa → dia → horário → contatos, máscara de telefone, validação dos campos, consentimento
  • Sem frameworks: o site inteiro tem 117 KB com gzip, e o JavaScript, 7 KB
  • Acessibilidade: zero violações no axe-core em 1440 e 390 px

Comprovação

  • Lighthouse 12.8, desktop: 100 / 100 / 100 / 100; mobile: 99 / 100 / 100 / 100 (servidor local sem gzip)
  • A demo online abre pelo link acima

O que mais você pode me confiar

  • Uma landing page para um serviço ou curso, com formulário de inscrição
  • Um site-catálogo: trabalhos ou produtos por seção, cada um com sua página e um formulário de pedido
  • Concluir ou reconstruir um site começado por outra pessoa
  • Conectar os formulários de um site em WordPress, Tilda ou Bitrix a um CRM e ao Telegram
  • Templates de e-mail em HTML para disparos pelo CRM
  • Acelerar um site, corrigir a versão mobile, fazer uma auditoria de SEO
Discutir uma tarefa semelhante