Page Progress0%
Manila Clock00:00:00
SYSTEM STATUSONLINE
AVAILABILITYOPEN FOR WORK
Vibe Code & CleanTech2024Lead Frontend Engineer & Logic Modeler

HelioBridge - Solar Savings Calculator

Precision CleanTech ROI Estimator for Philippine Homeowners

HelioBridge - Solar Savings Calculator
[ Summary ]

Built a high-conversion solar power financial model and interactive calculator tailored specifically for Philippine electricity tariffs, sunlight hours, and net-metering structures.

The Problem & Friction

Homeowners in the Philippines pay some of Southeast Asia's highest electricity rates, yet lack transparent tools to estimate solar system payoff periods, installation payback, and battery ROI.

  • ✕Complex Meralco electricity tariff brackets confuse homeowners evaluating solar viability.
  • ✕Solar installer sales quotes were opaque, with manual PDF estimates taking days to deliver.
  • ✕Homeowners couldn't easily visualize the delta between grid-tied versus hybrid battery storage systems.

Strategy & Approach

Engineered an instant, client-side calculator that captures monthly power bills and rooftop square footage to produce a comprehensive 25-year financial trajectory in seconds.

  • Regional Tariff Engine: Tailored baseline rates based on actual Philippine utility kilowatt-hour price tiers.
  • Zero-Lag Reactive Sliders: Instant client-side state recalculations without form submission friction.
  • Frictionless Lead Capture: Gated full 25-year amortization exports behind a qualified lead capture modal.
[ System Telemetry ]

Architecture & Data Flow

Optimized React client calculator with mathematical formula models and instant responsive SVG charts.

01Inputs

Utility Bill Input

User inputs average monthly bill (₱) and roof exposure characteristics.

02Sizing

Kilowatt Peak Sizing

Calculates optimal panel capacity (kWp) matching daytime consumption vs net-metering excess.

03Projection

Financial ROI Model

Computes capital expenditure payback period, annual savings, and lifetime 25-year net return.

04Conversion

Proposal Generation

Offers instant downloadable proposal breakdown and connects user with vetted installers.

Technology Stack Breakdown

Frontend
Next.js & React
Reactive mathematical formula modeling
Styling
Tailwind CSS
Clean high-trust solar and clean-tech visual layout
UI
Lucide Icons
Micro-visual indicators for power metrics
Deployment
Vercel Edge
Sub-second initial paint for incoming ad traffic
[ Real Impact ]

Verifiable Outcomes & Metrics

Delivered a frictionless user journey that converted casual solar interest into educated, qualified installation inquiries.

<16ms
Calculation Latency
Pure client-side zero-lag reactive state
25 Years
Projection Horizon
Lifetime savings & panel degradation curve
100%
Lead Qualification
Pre-captured monthly kilowatt usage data

Engineering Lessons & Takeaways

  • ✦Visual financial curves (payback vs cumulative profit) convert significantly better than static tables.
  • ✦Keeping calculations strictly client-side ensures instant responsiveness, critical for retaining mobile ad visitors.

MARK JOSH

MARK JOSH

MARK JOSH

MARK JOSH

MARK JOSH

MARK JOSH