Case file

Conciliate Technology

Multi-page website for a Lagos internet service provider and ICT solutions company: an animated network hero, a page for every service and every training course, a client portfolio and partners page, a coverage map of Nigeria with animated links from the Lagos head office, and quote and training forms. Built with Astro from one content file, with no client-side JavaScript, no cookies and no tracking, under a strict Content-Security-Policy.

Author
Henry CartoMSc · Software, Medical & eHealth Engineer
Role
Design and development. Brand colours and vector logo files from the client's logo.
Stack
Astro · HTML · CSS · SVG · Vercel Functions
State
Live preview on Vercel; moving to conciliatetech.net.

The client

Conciliate Technology is a Lagos-based internet service provider and ICT solutions company, delivering fibre internet, private leased lines, data, voice and video services and IT infrastructure to hotels, construction firms and public sector clients.

The home page at laptop width: Connecting people, powering business, over an animated network of cables

The home page. The hero is an animated network with light pulses travelling along the cables. Brand colours and vector logo files come from the client's logo.

What was built

I designed and built their website from the logo up: an animated network hero with light pulses travelling along the cables, a service grid with fibre-style light streaks, a page for every service and every training course, a client portfolio and partners page, a coverage map of Nigeria drawn from real map data with animated links from the Lagos head office, and quote and training forms.

The services grid on the home page, with the featured tile carrying fibre-style light streaks

The service grid. The featured tile carries fibre-style light streaks; every tile opens a page of its own.

The private leased lines service page

A service page. Each of the seven services and three training courses has one, generated from the same content file.

The coverage map of Nigeria with animated links from the Lagos head office to seven cities

The coverage map, drawn from real map data, with animated links from the Lagos head office to the other seven cities.

How it is built

Built with Astro from one content file, so a new service or city is one entry. Pages ship with no client-side JavaScript, no cookies and no tracking, under a strict Content-Security-Policy. The form handler is a small serverless function with validation and spam protection that emails each request and stores nothing.

The home page hero at phone width

The home page hero at phone width.

Where it stands

Live preview on Vercel; moving to conciliatetech.net.