Examples · Guide and practical example

Single-page website: understand the method, then study a practical example.

One resource to understand single-page structure, SEO, UX and conversion, then see those principles applied to a fictional local activity and adapted to a landing page, trade, event or association.

Read the theory guide View the practical example

One method, several uses

What strong single-page websites have in common

Whatever the sector, visitors arrive with an implicit question: “Does this page match my need, and can I trust what it is offering?” The page should therefore organise information around a logical journey rather than stack decorative sections.

The goal is not to force a conversion. It is to reduce uncertainty: explain, demonstrate, prove, clarify the conditions and offer a clear next step. Conversion then becomes the result of a well-informed decision.

Universal architecture

The journey: understand → picture it → trust → act

The exact length depends on the subject, but these stages give a solid base for structuring a one-page website without repeating the same message.

Hero

Say what you do, for whom, where when location matters, and which action is the priority.

Context & benefits

Connect the offer to a visitor need and describe concrete outcomes rather than generic qualities.

Offer / activity

Structure services, activities, programme or proposition so that the visitor can compare and understand.

Proof

Show real work, authorised reviews, references, qualifications, partners or factual indicators.

Reassurance

Address objections: price, timing, process, accessibility, guarantees, conditions or required level.

Practical information

Address, service area, opening hours, access, schedule or conditions depending on the use case.

FAQ

Answer genuine hesitations without repeating earlier sections word for word.

CTA & conversion

Offer an appropriate next step: quote, appointment, booking, registration, membership or contact.

1 · First screen

The hero should confirm within seconds that visitors are in the right place

The first screen does not need to tell the whole story. It needs enough context for people to continue: type of offer, primary benefit, location when it affects the decision, and the most logical action.

A useful formulation

A strong headline often combines activity + audience or need + benefit + local context when relevant. “Plumber in Rouen for repairs and renovation” is more informative than “Your satisfaction is our priority”. “Multidisciplinary visual and sound arts festival” is clearer than “An unforgettable experience”.

The CTA should match commitment: call for an urgent need, request a quote, book a place, view a programme, try a session or join an association.

2 · Useful content

Turn features into benefits without empty sales language

Visitors want to know what changes for them. A benefit should remain tied to a real feature: local availability, guidance, expertise, simplicity, time saved, progression, discovery or easier access.

Feature

“Service within a defined area” or “three weekly sessions” describes a fact.

Benefit

“Support available in your area” or “several options that fit your schedule” explains the value of that fact.

Proof

A real service area, verified timetable, portfolio photos or genuine affiliation makes the promise credible.

3 · Trust

Use proof that fits the type of project

Proof does not have to mean a testimonial. It can be work samples, professional background, identified team members, a detailed programme, a clearly identified venue or transparent conditions.

Work

Photos, client cases, creations, installations, haircuts, bouquets, products or projects that actually exist.

Skills

Qualifications, certifications, experience, coaching or affiliations only when they are real and verifiable.

Social proof

Reviews, partners, press, attendance or testimonials with permission and no invented figures.

Transparency

Indicative pricing, delays, access conditions, required level, capacity, geographical area or registration process.

4 · Action

Choose a CTA that matches visitor readiness

The right call to action is not always “Buy”. It translates the next reasonable step. Someone who needs an emergency locksmith has a different intent from someone discovering a sports club or considering a cultural event.

Urgent needCall or request an intervention

Planned serviceRequest a quote or appointment

EventView the programme then book

AssociationTry a session or ask about membership

5 · SEO for one-page websites

A single-page website can be SEO-friendly when every section answers a precise intent

A one-page website should not try to rank for dozens of unrelated topics. It works best when it covers one coherent primary need with clearly named sections and enough depth to answer related questions.

Title & H1

Describe the main subject without keyword stuffing. Use one H1 and descriptive H2 headings for major sections.

Anchors

Anchor navigation improves long-page usability. Use stable IDs and understandable labels.

Local SEO

For local trades, shops or associations, keep name, contact details, address or service area and local content consistent.

Structured data

Choose a Schema.org type only when the information is real: LocalBusiness, Event, Organization or a relevant subtype.

Performance

Compress images, limit unnecessary scripts and avoid turning a long page into a heavy mobile experience.

Internal links

A one-page site can link to deeper content. Single-page architecture does not prevent a broader editorial strategy.

4 use cases

The structure stays familiar; proof, practical information and conversion change

This adaptation is what removes the need for four almost-identical theory guides.

Landing page

A campaign or offer with one primary objective

Priority: align promise, benefits, proof and CTA around one conversion intent.

Hero: result or value proposition.
Content: benefits and how the offer works.
Proof: client cases, verified figures, demonstration.
CTA: demo request, trial, download, purchase or lead.
Limit: secondary navigation and distractions.

Local trade / craft business

Service and proximity before the product

This case covers locksmiths, hairdressers, plumbers, electricians, florists, bakers and other local activities where trust, proximity, expertise and availability strongly influence the decision. Some also sell products, but the website should first make the trade, service and way to buy or contact clear.

Hero: trade + town/area + need covered.
Content: services, specialisms, work and indicative prices when useful.
Proof: real photos, qualifications, reviews, experience or team.
Local: shop, opening hours, service radius, pickup/order or appointment.
CTA: call, quote, appointment, directions, order or pickup depending on the activity.

Mobile trades: locksmith, plumber, electrician → service area, urgency, timing and quote.

Shop-based trades: hairdresser, florist, baker → address, opening hours, booking or order/pickup, work or range.

Event

Create desire while keeping information verifiable

Priority: make the nature of the event, programme, audience and participation conditions immediately clear.

Hero: name, cultural/professional proposition, venue when relevant.
Content: programme, artists/speakers, audience experience.
Proof: partners, venue, real editions, confirmed participants.
Practical: access, schedule, capacity, accessibility, ticketing.
CTA: book, register or view the full programme.

Association / club

Present the collective project before asking for membership

Priority: explain what the organisation does, for whom, with which values and how to take part.

Hero: activity, area and audience.
Content: mission, activities, schedule, coaching.
Proof: real affiliation, qualifications, partners, club life.
Practical: venues, equipment, fees, accessibility.
CTA: trial session, volunteering, contact or membership.

Quick comparison

One block, four different applications

Block

Landing page

Trade

Event

Association

Promise

Desired result

Service + proximity

Experience offered

Practice + collective project

Proof

Results / cases

Work / qualifications

Programme / partners

Coaching / affiliation

Practical

Offer conditions

Area, shop, hours

Venue, access, ticketing

Sessions, venues, fees

CTA

Convert the lead

Quote / appointment / call

Book / register

Trial / membership

Publishing checklist

Before publishing a single-page website

The topic and main action are clear before scrolling.
Every H2 answers a real visitor question.
Proof is real, attributed and verifiable.
Local and contact details are consistent everywhere.

The journey works with a keyboard and on small screens.
Images have relevant alternatives and controlled file sizes.
Forms ask only for necessary data.
Analytics measures useful actions without unnecessary collection.

View the annotated practical example Back to Examples

Fictional demonstration

The goal is to study the structure, not promote a real business

Atelier Horizon, its services, contact details, reviews and proof elements are fictional. No form transmits data and no LocalBusiness structured data is used. The annotations show how every block can be adapted to the four use cases.

Atelier Horizon

Local craft service

A local contact to diagnose, advise and carry out everyday work.

Atelier Horizon works by appointment in its area for diagnosis, maintenance and practical work. The promise is intentionally simple: understand the need, explain the scope and propose a suitable solution.

Request a quote View services

Landing page

Replace “local service” with the offer promise and keep one conversion-focused CTA.

Trade

State the trade, town or service area: locksmith, hairdresser, plumber, florist, etc.

Event

Show event name, proposition, venue and access to programme or booking.

Association

Present activity, area, audience and a trial or membership CTA.

1 · Benefits

Make the value concrete before detailing the services.

Direct contact

Visitors know who to explain the need to and how to get a response.

A clear framework

Area, process and steps are explained before commitment.

A suitable solution

The service starts from the real need rather than pushing a product list.

Annotation: the benefit translates a feature into useful value. For a hairdresser: advice + suitable appointment. For a plumber: a clearly scoped intervention. For a florist or baker: local availability and order/pickup may play a larger role.

2 · Offer / services

Organise the offer into a few understandable families.

01Diagnosis & advice

Understand the request, check feasibility and guide the visitor towards the right solution.

02Work / delivery

Present the main services with enough detail for a decision.

03Maintenance & follow-up

Explain recurring needs, maintenance or after-service advice.

By trade: a hairdresser may show cuts, colour and treatments; a locksmith repairs and security; an electrician installation and compliance; a florist creations, events and orders; a baker breads, pastries, specialities and pre-orders.

3 · Proof

Show why the promise is credible.

Work ABefore / after or result

A real contextualised image is more convincing than generic stock imagery.

Work BVisible expertise

Show details that help visitors understand the quality of the work.

ReassuranceVerified qualifications or reviews

Only display elements that are real and attributable.

Other cases: a landing page shows results or client cases; an event shows artists, programme and partners; an association shows coaching, affiliation and community life.

4 · About

Give the project a face and context.

Atelier Horizon is presented as a small local activity: approach, work method and client relationship. The copy does not tell the entire company history; it selects what builds trust and explains how the service works.

For a shop-based trade this can introduce the place and team. For a mobile trade it can focus on experience, qualifications and service area.

5 · Practical information

Give logistics the same importance as marketing copy.

Area

Service area or shop address clearly stated.

Availability

Opening hours, appointments or indicative lead time.

Pricing

Price, range or quote principle when it helps the decision.

Access

Address, parking, accessibility, pickup or travel conditions.

6 · FAQ

Resolve hesitation before the final CTA.

How does a request work?

The visitor describes the need, receives the necessary information and then chooses whether to continue.

Which area do you cover?

A real page should clearly name the towns, neighbourhoods or zones actually served.

How do I know the price?

Explain whether pricing is fixed, listed, quoted or dependent on a diagnosis.

7 · Conversion

Offer one simple, proportionate action.

Quote request · Demo

Describe your need in a few lines

On a real site, the form would ask only for information needed to make contact. Urgent services may favour a phone call; planned services can use a form or appointment flow.

8 · Final CTA

Repeat the next step once the page has answered the questions.

The final CTA should not introduce a new promise. It repeats the main action after visitors have checked the offer, proof, conditions and practical information.

Request a quote View use-case variants

Adapt the same page

What would change for the other three use cases

The demo uses a local trade because it combines service, trust and geographical context. The blocks can still be reused without rebuilding the architecture.

Landing page

Remove irrelevant local information, reduce navigation and focus on one offer. Replace work samples with results, client cases or demonstrations. The form becomes the main conversion point.

Event

Turn Services into Programme, Work into Artists/Speakers, Practical information into Venue/Access/Ticketing, and Quote request into Booking or Registration.

Association / club

Turn the offer into Activities, the About section into Mission, proof into Coaching/Affiliation and the CTA into Trial session, Contact or Membership.

Trade

The foundation adapts to different local trades: content changes, but proximity, services, expertise, proof, practical information and contact remain central.

Educational reading

What this practical example should teach you

Every section has a specific role.
Benefits come before technical detail.
Proof comes before the action request.
Local and practical information is not hidden at the bottom.

The CTA repeats without changing objective.
Use cases change the content, not the architecture.
Fictional data remains clearly identified.
SEO is built around one coherent subject.

Read the complete guide Back to Examples