Public demo. Reset every hour (next at 03:00).

Try the admin

Public demonstration

Demo of the 12 sections of a Vitrine website page

Envision your future site before the first mockup. This interactive demo brings together all 12 CMS sections: switch themes, place visuals left or right, try six-item grids and adjust brand colours live.

Replace placeholder visuals with your idee-web images. Every section below is editable in Directus without a developer.

  • Light / dark / brand themes
  • Photo left, right or centred
  • Grids up to 6 cards
  • Live brand colours

section_hero

Public demonstration

Demo of the 12 sections of a Vitrine website page

Build your showcase-site pages with one or more sections, in the order you want.

This is demonstration copy (lorem ipsum). It shows how showcase-site sections render, without real client content.

You can edit it in Directus: the page updates, then everything resets every hour.

Start a project Explore options
Illustration of the same showcase website layout displayed on a monitor, laptop and phone. Discover the approach In 2 minutes

Public demonstration

E-commerce · Digital · B2B

Structure · Lead · Deliver — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

25+

Years of experience

Corporate communication

120+

Projects

SMBs

98%

Satisfaction

Referrals

360°

Editorial strategy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

Vision

100%

Brand image

Visual identity, tone of voice and consistency across every channel.

Consistency

24/7

Engaging content

Web pages, articles and sales assets designed to convert and retain.

Presence

+45%

Digital presence

Website, social and newsletters orchestrated around business goals.

Visibility

KPI

Measurable performance

KPIs, dashboards and continuous optimisation to steer your actions.

Control

1:1

Client relationship

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

Proximity

section_prose

Our approach

Rich, readable, credible content — in a single section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Brand visual — showcase-site demo (replace with idee-web assets)

This is demonstration copy (lorem ipsum). It shows how showcase-site sections render, without real client content.

You can edit it in Directus: the page updates, then everything resets every hour.

section_media_text

Expertise & proof

Media and text: the perfect balance of emotion and argument

Brand visual — showcase-site demo (replace with idee-web assets)

This is demonstration copy (lorem ipsum). It shows how showcase-site sections render, without real client content.

You can edit it in Directus: the page updates, then everything resets every hour.

360°

Example 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

100%

Brand image

Visual identity, tone of voice and consistency across every channel.

Consistency

24/7

Engaging content

Web pages, articles and sales assets designed to convert and retain.

+45%

Digital presence

Website, social and newsletters orchestrated around business goals.

Visibility

KPI

Measurable performance

KPIs, dashboards and continuous optimisation to steer your actions.

1:1

Client relationship

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

Proximity

section_feature_grid

Strengths & services

Six reasons to structure your communication now

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is demonstration copy (lorem ipsum). It shows how showcase-site sections render, without real client content.

You can edit it in Directus: the page updates, then everything resets every hour.

Brand visual — showcase-site demo (replace with idee-web assets)

360°

Example 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

100%

Brand image

Visual identity, tone of voice and consistency across every channel.

Consistency

24/7

Engaging content

Web pages, articles and sales assets designed to convert and retain.

+45%

Digital presence

Website, social and newsletters orchestrated around business goals.

Visibility

KPI

Measurable performance

KPIs, dashboards and continuous optimisation to steer your actions.

1:1

Client relationship

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

Proximity

section_stats

Brand visual — showcase-site demo (replace with idee-web assets)

Results & trust

Numbers that speak — without drowning the message

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

Example 1

Fictitious example value

Vision

Exemple

Example 2

Fictitious example value

Consistency

Exemple

Example 3

Fictitious example value

Presence

Exemple

Example 4

Fictitious example value

Visibility

Exemple

Example 5

Fictitious example value

Control

Exemple

Example 6

Fictitious example value

Proximity

Exemple

section_logos

Brand visual — showcase-site demo (replace with idee-web assets)

They trust us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

section_quote

Brand visual — showcase-site demo (replace with idee-web assets)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fictitious example quote, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Fictitious example Example role

section_faq

FAQ

Address objections before the first contact

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

Brand visual — showcase-site demo (replace with idee-web assets)
How does a first conversation work?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Can I edit copy and images myself?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Which themes and layouts are available?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

How long for a full site?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Do you work with client-supplied images?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Will the site be mobile responsive?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is demonstration copy (lorem ipsum). It shows how showcase-site sections render, without real client content.

You can edit it in Directus: the page updates, then everything resets every hour.

section_cta_band

Take action

Ready to give your communication the place it deserves?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Book a call
Brand visual — showcase-site demo (replace with idee-web assets)

section_contact_form

Brand visual — showcase-site demo (replace with idee-web assets)

Contact

An integrated form — clean and reassuring

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Fields marked with an asterisk are required.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content.

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The contact form is stored in Directus, with no outgoing email. Every change is cleared on the hour.

section_embed

Embedded content

Map, video or third-party tool — without leaving your site

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Demonstration copy, without real client content. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.