Ayodele Daniel

Overview

Ayodele Daniel (ADT) is a Lagos-based AI engineer, brand strategist and accountability coach. This personal brand website redesign rebuilds his existing site as a single, focused page that explains three very different offers (brands, AI systems and coaching) without losing the person behind them.

The challenge

One person, many hats. The site has to cover brand strategy, AI engineering, life coaching, speaking and paid programmes, and that range can easily read as scattered. The goal was to keep the signature hero effect from the original site, cut the copy back hard so it never feels overwhelming, and make it obvious within seconds where each visitor should start.

What I built

• A hero where the handwritten "ADT" signature breaks into particles and rebuilds as an orbiting sphere you can drag to spin
• "Find your starting point": four doors (a brand, an AI system, coaching or self-paced learning), each ending in a real conversation
• A "three orbits, one centre" services section grouping Brands, Systems and People, with an enquiry link on every offer
• A short career timeline and a wall of client voices
• A programmes shelf with naira prices and direct buy links
• An FAQ that hands off to WhatsApp for anything still unanswered

Design & build

The visual idea grows out of the hero: a deep ink canvas, a mint accent and an orbit motif, so the "three orbits" structure feels like part of the brand rather than a layout trick. Inter Tight runs throughout, set large and tight for headlines and kept plain for body copy.

It's a static single page in HTML, CSS and vanilla JavaScript, with the signature morph drawn on a Canvas element. No framework and no build step, so it loads quickly and is simple to host. The copy was written with search in mind: the title, meta description and headings name his roles and Lagos, so the page can surface for the searches people actually make.

What it delivers

The concept gives Ayodele a site that does the sorting. Visitors pick the offer that fits before they get in touch, which makes for better-qualified enquiries and less back-and-forth. The programmes shelf turns the page into a storefront as well as a calling card, and the trimmed copy keeps attention on the work. If you need one page that has to carry a lot, this is how I approach landing pages.