Drupal website with multi-step form for the electricity supplier
We’ve built a website with an intuitive application form at its heart. It makes it easy for potential Yuno Energy customers to join the service without the hassle of paperwork.
About Yuno Energy
Challenge
The website was intended to be an intuitive and accessible management center for users, where they can choose energy plans, get all the information, and become active customers.
What the web page had to do?
- Provide the fastest and least burdensome registration process.
- Present and compare different price plans, including specific rates and estimated bills.
- Manage data efficiently and securely and customize particular form steps in response to user actions.
Solution
To accomplish the mission, we suggested using Drupal in combination with the Webform module. And how did we respond to the challenges?
- Working with the Yuno Energy team hand-to-hand, our product designer created a robust UI design of a multi-step form, and developers implemented it.
- We created a custom Drupal paragraph with fields and buttons. With it, editors can easily configure and publish the price plans on various subpages.
We made an integration between Drupal Webform and the client’s API. Based on this, we built several paths for what happens in the form and what information it returns.
Result
After working on every detail, testing, and multiple iterations of changes to address all client needs, we’ve launched the Yuno Energy website on Drupal. It’s designed to meet the requirements of the energy industry in Ireland.
The web page is easy to navigate and user-friendly. Visitors can find all the details they need – including price plans and information about the supplier, in the FAQ section. Potential customers are also able to apply for the service themselves through a multi-step form without having to contact energy company employees.
What features did we provide for the Yuno Energy website?
Multi-step registration form
The website has a built-in registration form that consists of five steps. Among others, the user provides their contact data and information about the property's electrical service and creates an account.
Calendar for a monthly payment
One of the steps in the registration form is an interactive calendar. The user enters the payment date and average electricity consumption and then receives a price calculation tailored to their situation.
Reusable website components
The website is also handy for editors. They can use a custom paragraph in Drupal and freely modify it by adding columns of text or animations. This allows the web page to be expanded at will, for example, with new landing pages.
Integration with AI-based webchat
Yuno Energy's website has the integration with an AI-based chatbot. A digital assistant answers questions from existing and potential customers. It allows users to get the information they need without contacting company support.