Topupmeters

A Webflow redesign separating product enquiries from customer access.

View the live website

INDUSTRY

Smart Metering & Property Technology

SERVICE

Website Redesign

PLATFORM

Webflow

AUDIENCE

Landlords, property managers and housing organisations using prepayment metering

Topupmeters website shown on desktop and mobile devices.

Orders started

34%

Quote completion

51%

Product engagement

OVERVIEW

Topupmeters provides pay-as-you-go smart metering for landlords and property managers. Its website needed to explain the products while serving both prospective buyers and customers returning to the existing gateway.

We redesigned and rebuilt the site in Webflow, with bespoke graphics and on-page SEO. The content connects metering information with three distinct actions: requesting a quote, ordering meters and accessing the customer gateway.

Website redesign

Reworked the visual presentation and page hierarchy to make the metering offer easier to understand and the business more consistent online.

Audience journeys

Organised information around landlords, property managers and relevant property settings, connecting product explanations with the visitor’s practical needs.

Bespoke graphics

Created supporting visuals that help explain the service and bring consistency to the presentation of metering products and payment information.

Webflow and SEO

Built the redesigned website in Webflow with on-page SEO, connecting the metering information with clear routes to product orders, quote requests and the existing gateway.

THE APPROACH

Help property teams assess the product without getting in the way of existing customers.

Landlords and property managers need to understand whether a metering solution suits their buildings before requesting a quote. Returning customers have a different task: reaching the gateway. The website needed to accommodate both without mixing sales information with account access.

We organised the product and audience information around those needs. Supporting graphics help explain the offer, while quote requests, meter orders and gateway access remain distinct. Visitors can choose the relevant action without following an unrelated route.

COLLABORATION

One redesign connecting product explanations, bespoke graphics and practical next steps.

We handled the visual redesign, Webflow build, graphics and on-page SEO together. The existing gateway remained a separate destination, with the marketing website providing a clear route to it alongside quote and order enquiries.

STAGE 01

Discovery

Review the product information and the needs of landlords, property managers and existing customers.

STAGE 02

Structure

Restructure the pages around product understanding, audience relevance and practical calls to action.

STAGE 03

Implementation

Develop the Webflow website and create supporting graphics for the metering offer.

STAGE 04

Delivery

Connect product orders, quote requests and gateway access within the finished website structure.

DESIGN LANGUAGE

Practical technology, presented with clarity.

Navy and green anchor the visual system, with mint and white keeping the pages light. Product imagery, simple diagrams and clear typography work together to explain the metering offer without making the interface feel overly technical.

PERFORMANCE

Built with the details in mind.

Our build standards focus on performance, accessibility, maintainable implementation and search-ready foundations. Each project has its own scope; the priorities below describe our approach, not measured scores.

Website build standards

OUR PRIORITIES