HTML-First Website Design Leads to Overnight User Growth for Utility Company
A UK utility company saw its user base double following the implementation of an HTML-first website. Previously struggling with a problematic React application and manual processes, the company adopted a new site built with Astro, prioritizing accessibility and data integrity. This shift resolved customer complaints and potential regulatory fines.
Key points
- A UK utility company, facing potential fines for low customer satisfaction, rebuilt its service application website.
- The previous React-based application was quickly abandoned due to customer complaints and technical issues.
- A new website was developed using Astro, focusing on an HTML-first approach with progressive JavaScript enhancement.
- The new HTML-first design resulted in the company's user numbers doubling overnight.
- The updated site ensures functionality across various devices and network conditions, preventing data loss in forms.
A regulated UK utility company experienced a dramatic overnight doubling of its user base after transitioning to an HTML-first website built with the Astro framework. The company had been struggling with a problematic service application process, which previously involved either an outdated ASP form or a costly manual alternative.
A recent expensive attempt to rectify the situation involved a React application developed by external contractors. However, this application was swiftly withdrawn after only three days due to widespread customer complaints. Issues cited included excessive loading spinners, complex global JavaScript states, poor accessibility, and a critical flaw where image uploads were attempted to be stored in local storage, exceeding its 5MB limit.
Recognizing the critical nature of the service and the potential for significant fines if customer satisfaction fell below a 96% threshold, a new approach was taken. The resulting website, built with Astro, prioritizes HTML as the core structure, with JavaScript integrated via web components solely for progressive enhancement. This design philosophy ensures the site functions effectively on all devices and network conditions, crucially preventing data loss during form submissions, thereby resolving the previous user experience issues.
Sources
The WireByte editorial team synthesises technology news from multiple primary sources, verifies the facts, and links every source. Articles are produced with AI assistance and reviewed under our editorial policy.