Desarrollo WebDesarrollador Frontend Principal
SYSGreen.pt — Plataforma de Energía Biomásica Industrial
Aplicación web corporativa SEO-optimizada para empresa de energía industrial sostenible, con calculadora de ROI multilingüe y captación automatizada de leads

SYSGreen.pt — Plataforma de Energía Biomásica Industrial
SYSGreen es una aplicación web corporativa moderna y altamente optimizada para una empresa portuguesa especializada en soluciones de energía industrial sostenible: calderas de biomasa, recuperación de calor y eficiencia energética global.
Funcionalidades Principales
Calculadora Interactiva de Ahorro Energético
La característica estrella: una sofisticada calculadora de ROI que permite a clientes industriales estimar sus ahorros al cambiar de combustible convencional a biomasa.
- Precios regionales: Valores por defecto según región y tipo de combustible
- Parámetros editables: Costo mensual de energía y precio de biomasa personalizables por el usuario para resultados más precisos
- Parámetros avanzados (expandibles): eficiencia del sistema actual, horas de operación anuales, factor de carga, tasa de inflación energética
- Captación de leads: Los resultados activan una inserción en Supabase, seguida de un informe por email automatizado al prospecto vía Resend (Supabase Edge Functions)
SEO y Datos Estructurados
- Sitemaps XML dinámicos multilingües (
sitemap.xml+image-sitemap.xml) generados en tiempo de build - Componentes de datos estructurados Schema.org:
Organization,Product,Breadcrumb,FAQ - Meta tags optimizados, HTML semántico y atributos de accesibilidad
- Optimización AIO (AI-discoverable) para indexación por ChatGPT/Perplexity
Internacionalización (PT/EN)
- i18n completa vía i18next y react-i18next
- Preferencias de idioma persistentes del usuario
- Enrutamiento SEO-friendly por idioma
Analítica y Confianza
- Microsoft Clarity para mapas de calor y grabaciones de sesión
- Integración de badge de confianza MyWOT
- Formularios seguros con validación Zod y procesamiento en edge functions
Stack Tecnológico
| Capa | Tecnologías |
|---|---|
| Framework | React 18, TypeScript, Vite |
| Estilos | Tailwind CSS, Shadcn/UI, Radix UI |
| Enrutamiento | React Router DOM v6 |
| Formularios | React Hook Form, Zod |
| Backend | Supabase (PostgreSQL, Edge Functions, Row Level Security) |
| Resend (vía Supabase Edge Functions) | |
| i18n | i18next, react-i18next |
| Testing | Vitest, React Testing Library |
Rendimiento y Entrega
- Script de generación de sitemaps en build para consistencia SEO
- Análisis de bundle con medición de rendimiento
- Desplegado como SPA estática con Supabase como backend serverless
Tecnologías
ReactTypeScriptViteTailwind CSSSupabaseResendi18nextVitest