Saltar para o conteúdo principal
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

Concluído: 1 de octubre de 2025Duração: 3 meses
SYSGreen.pt — Plataforma de Energia Biomássica Industrial

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

CamadaTecnologias
FrameworkReact 18, TypeScript, Vite
EstilosTailwind CSS, Shadcn/UI, Radix UI
RoutingReact Router DOM v6
FormuláriosReact Hook Form, Zod
BackendSupabase (PostgreSQL, Edge Functions, Row Level Security)
EmailResend (via Supabase Edge Functions)
i18ni18next, react-i18next
TestesVitest, 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