Skip to main content
Web DevelopmentLead Frontend Developer

SYSGreen.pt — Industrial Biomass Energy Platform

SEO-optimized corporate web app for a sustainable industrial energy company, featuring a multilingual ROI calculator with automated lead capture

Completed: 1 de octubre de 2025Duration: 3 months
SYSGreen.pt — Industrial Biomass Energy Platform

SYSGreen.pt — Industrial Biomass Energy Platform

SYSGreen is a modern, highly-optimized corporate web application for a Portuguese company specializing in sustainable industrial energy solutions — biomass boilers, heat recovery, and overall energy efficiency.

Core Features

Interactive Energy Savings Calculator

The flagship feature: a sophisticated ROI calculator that lets industrial clients estimate their energy savings when switching from conventional fuel to biomass.

  • Regional pricing: Default values auto-populated by region and fuel type
  • Editable parameters: Monthly energy cost and biomass price can be customized by the user for more accurate results
  • Advanced parameters (expandable): current system efficiency, annual operating hours, load factor, energy inflation rate
  • Lead capture: Results trigger a Supabase insert, followed by an automated email report sent to the prospect via Resend (Supabase Edge Functions)

SEO & Structured Data

  • Dynamic multilingual XML sitemaps (sitemap.xml + image-sitemap.xml) generated at build time
  • Schema.org structured data components: Organization, Product, Breadcrumb, FAQ
  • Optimized meta tags, semantic HTML, and accessibility attributes
  • AIO-optimized (AI-discoverable) for ChatGPT/Perplexity indexing

Internationalisation (PT/EN)

  • Full i18n via i18next and react-i18next
  • Persistent user language preferences
  • SEO-friendly routing per language

Analytics & Trust

  • Microsoft Clarity for heatmaps and session recordings
  • MyWOT trust badge integration
  • Secure forms with Zod validation and edge function processing

Technology Stack

LayerTechnologies
FrameworkReact 18, TypeScript, Vite
StylingTailwind CSS, Shadcn/UI, Radix UI
RoutingReact Router DOM v6
FormsReact Hook Form, Zod
BackendSupabase (PostgreSQL, Edge Functions, Row Level Security)
EmailResend (via Supabase Edge Functions)
i18ni18next, react-i18next
TestingVitest, React Testing Library

Performance & Delivery

  • Build-time sitemap generation script for SEO consistency
  • Bundle analysis with performance measurement
  • Deployed as a static SPA with Supabase as the serverless backend

Technologies

ReactTypeScriptViteTailwind CSSSupabaseResendi18nextVitest