Skip to content
All work

CASE STUDY 04 / 07

Web · Platform and Frontend Development

Sunzenith Solar Calculator

Solar Energy Analysis Tool and Company Platform

Client
Sunzenith GmbH
Timeline
Ongoing
Role
Platform and Frontend Development
Platform
Web
Sunzenith Solar Calculator — Solar Energy Analysis Tool and Company Platform
ROI projection
30yr
languages, DE & EN
2

01 —

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.

02 —

The 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.

03 —

Our 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.

Built with

  • Next.js
  • TypeScript
  • Tailwind CSS
  • React
  • Docker
  • Python
  • WebGL

04 —

The results

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

Planning Something Similar?

Tell us about your project and we'll get back to you.

info@pispace.co