Sunzenith Solar Calculator

Solar Energy Analysis Tool and Company Platform

CLIENT NAMESunzenith GmbH
TIMELINEOngoing
ROLEPlatform and Frontend Development
DEPLOYED CHANNELS

Overview

We built Sunzenith's digital presence end-to-end: the company landing page (sunzenith.com) and the Solar Calculator. The main site serves as a high-conversion gateway for Germany's renewable energy transition, combining brand storytelling with lead-generation. The calculator is a professional-grade 'Browser-Based Engineering Tool' available in German and English. Users input roof area and yearly energy consumption to receive tailored recommendations for inverter count, PV modules, and battery capacity. The tool delivers detailed financial analysis with 30-year ROI projections and cumulative profitability analysis, MPPT configurations, CO2 savings, monthly and yearly energy production (kWh), average daily SOC by month and battery state, consumption breakdown, and PV energy breakdown. At the end of each session, the calculator generates a comprehensive report. It integrates with the client's custom CRM and ERP tools for seamless lead and project management. By integrating geographic irradiance data with hardware-specific efficiency models, the calculator provides high-fidelity projections that banks and installers can rely upon.

Sunzenith Solar Calculator
FIG_01 // ASSET_RENDER
Landing Page
FIG_02 // LANDING_PAGE

Challenge

Our core challenge was 'Client-Side Computational Performance.' Calculating solar angles, roof orientation efficiency, and battery discharge cycles in real-time requires significant math. We needed to ensure the UI remained fluid and responsive while the calculation engine processed these multi-variable physics models instantly as the user adjusted sliders.

Solution

We developed a 'Reactive Calculation Engine' using Next.js and TypeScript. By offloading heavy mathematical permutations to optimized frontend logic and utilizing memoization techniques, we eliminated calculation lag. The UI was built with a focused, utility-first approach using Tailwind CSS, ensuring that the complex data output remained clean, readable, and visually 'premium' to instill user confidence.

Tech Stack

Next.js
TypeScript
Tailwind CSS
React
Docker
Python
WebGL

Metrics

Smart recommendations for inverter, module, and battery counts based on area and consumption
30-year financial analysis with ROI and cumulative profitability projections
MPPT configurations, CO2 savings, monthly/yearly energy production (kWh)
Average daily SOC by month, battery state, consumption and PV energy breakdowns
Multilingual support (German and English) with guest access
Report generation at the end of each calculation session
Integration with custom CRM and ERP tools for lead and project management
Company landing page with performance-first architecture and premium glassmorphic UI
Optimized conversion funnels and seamless service-to-consultation pipelines
Start similar project