Saltar al contenido principal
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

Completado: 1 de octubre de 2025Duración: 3 meses
SYSGreen.pt — Plataforma de Energía Biomásica Industrial

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

CapaTecnologías
FrameworkReact 18, TypeScript, Vite
EstilosTailwind CSS, Shadcn/UI, Radix UI
EnrutamientoReact Router DOM v6
FormulariosReact Hook Form, Zod
BackendSupabase (PostgreSQL, Edge Functions, Row Level Security)
EmailResend (vía Supabase Edge Functions)
i18ni18next, react-i18next
TestingVitest, 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