Desenvolvimento WebDesenvolvedor Frontend Principal
SYSGreen.pt — Plataforma de Energia Biomássica Industrial
Aplicação web corporativa SEO-otimizada para empresa de energia industrial sustentável, com calculadora de ROI multilíngue e captação automatizada de leads

SYSGreen.pt — Plataforma de Energia Biomássica Industrial
SYSGreen é uma aplicação web corporativa moderna e altamente otimizada para uma empresa portuguesa especializada em soluções de energia industrial sustentável: caldeiras de biomassa, recuperação de calor e eficiência energética global.
Funcionalidades Principais
Calculadora Interativa de Poupança Energética
A funcionalidade principal: uma calculadora de ROI sofisticada que permite a clientes industriais estimar as suas poupanças ao transitar de combustível convencional para biomassa.
- Preços regionais: Valores por defeito conforme a região e tipo de combustível
- Parâmetros editáveis: Custo mensal de energia e preço da biomassa personalizáveis pelo utilizador para resultados mais precisos
- Parâmetros avançados (expansíveis): eficiência do sistema atual, horas de operação anuais, fator de carga, taxa de inflação energética
- Captação de leads: Os resultados ativam uma inserção no Supabase, seguida de um relatório por email automatizado ao prospeto via Resend (Supabase Edge Functions)
SEO e Dados Estruturados
- Sitemaps XML dinâmicos multilíngues (
sitemap.xml+image-sitemap.xml) gerados em tempo de build - Componentes de dados estruturados Schema.org:
Organization,Product,Breadcrumb,FAQ - Meta tags otimizados, HTML semântico e atributos de acessibilidade
- Otimização AIO (AI-discoverable) para indexação por ChatGPT/Perplexity
Internacionalização (PT/EN)
- i18n completo via i18next e react-i18next
- Preferências de idioma persistentes do utilizador
- Routing SEO-friendly por idioma
Analytics e Confiança
- Microsoft Clarity para mapas de calor e gravações de sessão
- Integração de badge de confiança MyWOT
- Formulários seguros com validação Zod e processamento em edge functions
Stack Tecnológico
| Camada | Tecnologias |
|---|---|
| Framework | React 18, TypeScript, Vite |
| Estilos | Tailwind CSS, Shadcn/UI, Radix UI |
| Routing | React Router DOM v6 |
| Formulários | React Hook Form, Zod |
| Backend | Supabase (PostgreSQL, Edge Functions, Row Level Security) |
| Resend (via Supabase Edge Functions) | |
| i18n | i18next, react-i18next |
| Testes | Vitest, React Testing Library |
Desempenho e Entrega
- Script de geração de sitemaps em build para consistência SEO
- Análise de bundle com medição de desempenho
- Deployed como SPA estática com Supabase como backend serverless
Tecnologias
ReactTypeScriptViteTailwind CSSSupabaseResendi18nextVitest