Designed an eligibility form for Solar Battery owners to help them see if they can sell extra energy back to the grid
Client:
MY ROLE:
Senior UX/UI Designer / Embedded Contractor
WORKING WITH:
Stakeholders, Legal Team, Product Owners & Developers.
SECTORs:
Energy, Sustainability
Date: :
May ‘20
How might we help people with Electric Battery systems see if they can sell any excess energy back to the grid?
OVERVIEW
To make it easy for a user to see if their solar battery model, location, housing type and other factors will stop them from being able to pay forward their renewable electricity.
Our goal was to make the form engaging and stop users from progressing as soon as they disqualify, to save them time and take them on the journey with us whilst being transparent
Address and action filter, the first pre-qualification stage
We knew that a high percentage of users would fail the qualification stages due to the level of requirements in the early stages of program launch, so we made it clear why.
On mobile the split panel stacks above, acting as a header. The card style CTAs are adaptable for mobile too
This form style I created for Solar Batteries became a template that was then used for other services in the companies product suite, including Electricity & Internet services.
Clearly fading away other parts of the form as soon as the person is disqualified gives a clear visual indicator as well as the written explanation as to why
The dialogue style was created to be direct and friendly, almost conversational. It was also a self created rule to never display too much content at once to overwhelm users.
Mobile screen with image card CTA to ease in choice selection
The split screen design was a great way of keeping the form narrow for readability widths and having the context and stages present on screen at all times in the left blue panel.
A user being disqualifies from enrolling due to their roof material type
As this was a new design style the development teams had questions on how it would work and interact
“Will the two page sections each scroll independently?” ” Can you minimise or move one section?” “You want icons on each question card?” ‘No, No, Yes please but I’ve designed a card style without.’
How the design and information can display on larger and wider screens
The split screen panel could be used to display varying types of content and information at once due to use of real estate
Completion confirmation and next steps dialogue
Designed at AGL onsite in partnership with Our Very Own
