Goals and audiences
The site has one job per audience, and every page is built around the action that audience should take next.
| Visitor | What they need | Primary action on the site |
|---|---|---|
| Corporate clients (telecoms, site operators) | Proof we can keep generators running across many locations | Request a quote (generator fuelling form) |
| Bulk diesel buyers | Supply capacity, delivery coverage, reliability | Request a quote (bulk supply form) |
| Businesses needing storage | Tank capacity, safety standards, location of depots | Storage enquiry form |
| Motorists / public | Nearest station, products sold (PMS, AGO), opening hours | Station finder with map and directions |
| Partners and investors | Company history, leadership, scale, compliance | Read About page, download company profile, contact |
Success measures for launch: quote requests submitted per month, station-finder searches, and time to first contact for a corporate lead (target: same business day).
Sitemap
Seven top-level pages, with each service getting its own page so it can rank in search and be linked directly in sales emails.
| Page | URL | Purpose | Managed in CMS |
|---|---|---|---|
| Home | / | Credibility, three services at a glance, route to quote or station finder | Yes (hero, stats, featured content) |
| About | /about | Family story, history, leadership, values, certifications | Yes |
| Services overview | /services | The three services side by side | Yes |
| Retail Fuel Stations | /services/retail | Products, pricing note, station network | Yes |
| Generator Fuelling | /services/generator-fuelling | How the service works, sectors served, coverage map | Yes |
| Fuel Storage | /services/storage | Capacity, safety, depot locations, enquiry | Yes |
| Find a Station | /stations | Map + list filtered by state, each station with address, hours, products | Yes (station records) |
| News and Insights | /news | Announcements, new stations, industry updates | Yes (articles) |
| Request a Quote | /quote | One form, service selector, routes to the right team | Form fields fixed; recipients editable |
| Contact | /contact | Head office, phone, email, WhatsApp, enquiry form | Yes |
Footer on every page: services, stations, quote, contact details, social links, privacy policy.
Homepage structure
The homepage follows a calm, premium reference layout, with each section rewritten for a fuel and energy business.
| # | Section | Content for Royal Gemini |
|---|---|---|
| 1 | Navigation | Logo, Home, About, Services, Stations, News, Contact; Request a Quote button |
| 2 | Hero | Station or tanker photo, “Fuelling Nigeria's homes, businesses and sites”, buttons for Request a Quote and Find a Station, headline stat: stations and states covered |
| 3 | Mission + trust logos | Family-owned story; logos of corporate clients (with permission) |
| 4 | Our services | Retail Stations, Generator Fuelling, Fuel Storage; each links to its page |
| 5 | Why Royal Gemini | Litres delivered per month, sites fuelled, storage capacity, years in business |
| 6 | Station finder teaser | Map of Nigeria with station pins, state filter, link to full finder |
| 7 | How generator fuelling works | Site assessment, scheduled delivery, monitoring and top-up |
| 8 | News and insights | Latest two posts from the CMS |
| 9 | FAQ | Delivery minimums, coverage areas, payment terms, storage safety |
| 10 | Footer call to action | “Need a reliable fuel partner?”, Request a Quote, contact details, large Royal Gemini wordmark |
Inner pages reuse these blocks. Each service page has: hero, what the service includes, who it is for, how it works, coverage or capacity, FAQ and a quote form. The station finder is a split view: list on the left, map on the right, stacked on mobile.
Wireframes
Low-fidelity layouts for the key screens. Grey boxes stand in for photos, text in [brackets] is placeholder, and blue “CMS” tags mark content your team will edit. Click any screen to open it full size.
Home (desktop)
Hero, services, key numbers, station finder, process, news, FAQ, footer.
Home (mobile)
The same page on a phone, with one-thumb access to quote and stations.
Service page
Generator Fuelling, the template for all three services.
Find a Station
Search, state and fuel filters, list beside a live map.
Request a Quote
One form; the chosen service routes the request to the right team.
Design direction
A calm, premium structure with an industrial, dependable feel.
- Layout: wide rounded image panels, generous white space, one idea per section, alternating light and dark bands.
- Colour: Royal Gemini's brand colours lead (to confirm). Proposed default: deep navy for dark bands, white and warm grey for light bands, and one strong accent (fuel amber) used only on buttons and key numbers.
- Type: a confident grotesk for headlines and a readable sans for body text, both free Google Fonts so there are no licence costs.
- Photography: real photos of Royal Gemini stations, tankers, depots and staff. Stock photos only as placeholders until a shoot is done; a half-day shoot is recommended.
- Mobile first: most visitors will be on phones, so the station finder, call button and WhatsApp link are reachable with one thumb.
- Performance: pages target under 2 seconds on a 4G connection, with compressed images and no heavy animation.
CMS: what your team can edit
We recommend Sanity as the CMS: staff edit content in a simple web dashboard, changes go live in seconds without a developer, and the free tier covers a site of this size.
| Content type | Fields | Who updates it | How often |
|---|---|---|---|
| Stations | Name, state, city, address, map pin, phone, opening hours, products (PMS, AGO, LPG), photo, active/closed | Operations | When a station opens, closes or changes hours |
| Services | Title, summary, body, steps, sectors served, hero image, FAQs | Marketing | Rarely |
| News articles | Title, date, cover image, body, category, author | Marketing | Monthly |
| Homepage stats | Stations, states, litres per month, sites fuelled, years in business | Management | Quarterly |
| Client logos and testimonials | Logo, company name, quote, person, role | Marketing | As permissions come in |
| FAQs | Question, answer, page it appears on | Customer service | As needed |
| Team and leadership | Name, role, photo, short bio | HR / Management | When staff change |
| Site settings | Phone, email, WhatsApp, address, social links, quote-form recipient emails | Admin | Rarely |
Quote and enquiry submissions are emailed to the right team (generator fuelling, bulk supply or storage) and also stored in the CMS, so no lead is lost if an email is missed. Live pump prices are left out of phase 1, as prices change often and stale prices online cause complaints; we can add them later if Royal Gemini wants to maintain them.
Technology and timeline
Fast pages, good search ranking, and no servers for Royal Gemini to maintain. About 8 weeks from sign-off, assuming content arrives during phase 1.
- Frontend: Next.js, responsive from 360 px phones up to desktop.
- CMS: Sanity Studio at a private admin URL, with roles for editors and admins.
- Maps: Google Maps or Mapbox for the station finder, with a “Get directions” link per station.
- Forms: quote and enquiry forms with spam protection, email routing per service, and a copy stored in the CMS.
- SEO and analytics: page titles and descriptions editable in the CMS, local business data for each station so they appear in Google Maps results, and privacy-friendly analytics.
Investment: [YOUR PRICE]
What we need from Royal Gemini
These items let us start discovery straight away.
- Logo files and brand colours (or approval to propose them)
- Full station list: name, address, state, phone, hours, products sold
- Key numbers: stations, states, years in business, litres per month, sites fuelled, storage capacity
- Which corporate clients may be named or shown by logo
- Emails that should receive each type of quote request
- Company history and leadership bios for the About page
- Photos of stations, tankers and depots, or a date for a photo shoot
- Domain name and current hosting or email provider
- Should LPG, lubricants or a shop be listed alongside PMS and AGO?
- Should the site show live pump prices, now or later?