Solarpro Energy

The brief

Solarpro Energy is a division of DLX Commercial and Industrial Solutions. Its old marketing pages needed replacing with a website that covers residential, business and commercial and industrial customers.

The brief: lead every page to two actions, Calculate my solar needs or Book a site assessment, and send every lead (quotes, assessment bookings, payment-plan enquiries, contractor registrations and careers enquiries) into the group's lead database.

What we decided

1. Build on the approved Network concept

   Navy and white, editorial serif headlines, a red accent and sun-yellow energy flows.

2. Make the way in intent-led

   Goal chips on the home page, such as backup power, send the visitor into the calculator with that goal already chosen.

3. Show the energy, do not just describe it

   Six technical scenes and a 24-hour scrubber let a visitor see solar, battery and grid working through a day.

4. Keep the old addresses

   Existing web addresses were kept, so links that people already have keep working.

5. Claim nothing that cannot be traced

   No invented testimonials, certifications, statistics, prices, warranties or response times. Every number on the site was listed and traced to a source.

What we built

Home (1)

A live hero scene, Follow a day on your site, goal chips, systems, payment plans, projects, direct against contractor network, sectors and the group.

Solutions (4)

Overview, residential, business and SMEs, and commercial and industrial.

Systems (7)

Overview, rooftop, ground-mounted, car park, greenfield and PPA, micro-grids and battery storage.

Sectors (4)

Overview, agriculture, schools, and hospitals and clinics.

Services (4)

Overview; engineering, procurement and project management; operation and maintenance; and a site assessment page with a booking form.

Financing and calculator (4)

FlexPay, AssurePlus Guarantee, and two calculator pages.

Network, projects and insights (6)

Contractor Network, four project pages and an insights hub.

Company and utility (7)

About, people and culture, careers, contact, privacy notice, thank-you page and a 404 page.

Design system

The panel at the top of this page shows each project's colours and motif. It is a summary of the design system, not a screenshot. See the live site for the real pages.

Highlights

• Six technical scenes: a home, business or plant site with solar, battery and grid; a rooftop building with a roof-type switch (Klip-Lok, IBR or tiled); a ground-mounted plant; a car-park canopy; a greenfield plant delivering through the grid to three sites; and a micro-grid whose generator starts only when the battery runs low in an outage.
• An animated start-up-surge curve that explains why pumps and fridges need more than their running watts.
• Every number on screen is relative and marked illustration only. Animations run only while visible, pause with one button and stay still for visitors who prefer reduced motion.

Built to generate leads

• Six lead types: quote, contact, site assessment, FlexPay interest, contractor registration and careers, plus a footer newsletter.
• Consent is a required tick box. Marketing is a separate, optional, unticked box, and the version of the consent wording is stored with the lead.
• If the database cannot be reached, the form offers a ready-made WhatsApp or email message.

Quality checks

• Unique titles and descriptions, canonical links, social cards and structured data on every page.
• Skip link, one H1 per page, labelled controls, keyboard-operable menus and 44 px touch targets for the scene controls.
• All 37 pages checked at 1440, 820 and 390 px wide: no horizontal overflow, no script errors and no failed local requests.