top of page

SOLAR CONFIGURAToR

Solar configurator is a calculator embedded in the company website, allowing businesses and organisations with high energy consumption or available roof and open land space to explore their solar potential.

MacBook Pro solar configurator mockup compressed_edited.jpg

Mockup created with mrmmock.com

My Role

My team consist of:

  • 1 product owner

  • 1 developer

  • 1 UI designer

  • 1 UX designer (myself)

 

My responsibilities included:

  • Evaluating the existing experience of the live product through user observation and stakeholder feedback

  • Defining and improving the current product based on findings

  • Supporting developers through continuous UX reviews during implementation

The Challenge

The solar configurator guides users through a self-service flow

  1. allowing them to draw their area on a satellite map (roof surfaces or open land)

  2. choose solar products (solar panels, solar carports, energy storage systems, charging stations/wall boxes, and surplus power supply)

  3. view potential metrics (such as estimated annual energy generation in kWh and COâ‚‚ savings)

  4. request a tailored offer from the sales team based on their input.


Despite being a key conversion tool, the configurator had a high error rate. Users were frequently making mistakes, getting confused, and abandoning the flow before submitting a request. Every abandoned session represented a lost potential customer. The challenge was to identify where and why users were failing, and redesign the experience so that completing the configurator felt intuitive from start to finish.

Research: User Observation & Feedback

I reviewed the existing live configurator and conducted observation sessions, capturing every instance where users made errors, expressed confusion, or abandoned a step. The observations covered the full flow and revealed problems across three areas.

Feedback Summary Solar Config 1.png

Feedback gathered from observation and review sessions

Concept: Prioritisation & Redesign

I grouped the findings by steps of the self-service flow, prioritised based on frequency and impact on completion rate, and proposed a redesigned concept.

Key Improvements Solar Config.png

Improvements proposed based on findings

Improved marking areas on web and mobile

The designs were reviewed and refined with the product owner and engineers before development. Here is an example of the improved marking areas on map on both web and mobile.

Drawing area - Desktop.png

Intuitive and improved concept to mark areas in maps (web)

Drawing area - Mobile.png

New and improved concept to mark areas in maps (mobile & tablet)

Delivery: The Final Solution

The redesigned Solar Configurator delivered:

  • A full-screen map experience with no nav bar interference and persistent action buttons

  • A simplified drawing flow that reduced errors when marking areas

  • A streamlined product selection with fewer steps and clearer product hierarchy

  • Persistent selections with no lost inputs when navigating back

  • A focused summary and submission screen that leads with what matters most

  • A mobile version to work alongside the improved web experience

Solar Config Old Flow.png

Old solar configurator user flow and screens

Solar Config New Flow.png

Redesigned solar configurator user flow and screens

To avoid breaking the existing live system, improvements were designed to be developed and released in smaller parts, each independently testable and reversible.

bottom of page