Building an HTML-first site doubled our users overnight

A utility company’s website overhaul to an HTML-first architecture, built with Astro and custom web components, resulted in its user base doubling overnight, confirmed by the company’s data. This shift emphasizes the importance of lightweight, accessible web design in achieving rapid growth and improved user experience.

The company faced multiple failed attempts to modernize its online application process, including an expensive React-based app that was quickly pulled due to customer complaints about performance and accessibility issues. The new approach, built with Astro, focused on delivering a simple, fast, and accessible website that works on all devices and network conditions.

The developer behind the overhaul prioritized minimal JavaScript, using progressive enhancement and lightweight web components for validation and form handling. This included a custom validation-enhancer web component that simplified validation logic, improved user feedback, and reduced maintenance effort. The result was a site that could be used on outdated browsers and low-end devices, with no loss of functionality.

Within a short period after launch, the company observed a significant increase in user engagement, with their user count doubling overnight, according to internal analytics. The company attributes this growth directly to the improved site performance, reliability, and accessibility.

Impact of Lightweight, Accessible Web Design

This development demonstrates that prioritizing simple, accessible, and performant web architecture can lead to rapid user growth. It challenges the reliance on complex JavaScript-heavy frameworks for public service websites, highlighting the value of HTML-first approaches for inclusivity and reliability.

For organizations serving diverse or low-bandwidth audiences, this case underscores the importance of designing with simplicity and accessibility at the core, which can translate into tangible growth and improved user satisfaction.

Previous Failures and Shift to HTML-First Approach

The company’s earlier attempts to modernize included a React app that was poorly received, leading to its quick removal. The failure was largely due to performance issues, poor accessibility, and user complaints about the interface’s complexity. Recognizing these issues, the developer opted for an HTML-first strategy using Astro, focusing on progressive enhancement and minimal JavaScript.

This approach was inspired by principles of lightweight design, accessibility standards (WCAG AA), and real-world examples like GOV.UK pages, which are optimized for low-end devices and slow connections. The new site prioritized reliability, data persistence, and compatibility across outdated browsers, resulting in immediate positive feedback and growth.

“By building a site that works on every machine possible, even with poor connections, we made it accessible and reliable. That’s what doubled our users overnight.”

— Developer behind the overhaul

Unconfirmed Details About Exact User Growth Numbers

While the company reports that user numbers doubled overnight, specific metrics, such as the baseline and exact figures, have not been publicly disclosed. It is also unclear how much of this growth is attributable solely to the website redesign versus other concurrent factors.

Additionally, the long-term sustainability of this growth and whether it will persist remains to be seen, as the data reflects an immediate post-launch spike.

Monitoring Long-Term Impact and Further Optimization

The company plans to continue refining the website, maintaining its minimal JavaScript approach, and possibly expanding its accessibility features. They will monitor user engagement metrics over the coming months to assess whether the growth sustains and to identify further improvements.

Additionally, other organizations in similar sectors are expected to observe this case as a model for cost-effective, accessible web design that can deliver rapid results.

Key Questions

How did switching to an HTML-first website lead to more users?

The new site was faster, more reliable, and accessible on all devices and network conditions, making it easier for users to access and complete applications, thus increasing overall engagement.

What technologies were used in the redesign?

The site was built with Astro for static site generation, with minimal JavaScript, and included custom web components for validation and form handling to improve usability and accessibility.

Is this approach suitable for all types of websites?

This approach works best for sites where simplicity, accessibility, and reliability are priorities, such as public service portals, forms, and informational pages. Complex, interactive applications may still require more advanced frameworks.

Will the user growth continue at this rate?

It is not yet clear whether the growth will sustain over the long term. Ongoing monitoring and further optimization are planned to assess and support continued engagement.

Source: Hacker News