PIKS-L
Chargement en cours...
← Tous les templates
Électricien · artisan2026Template

ElectriCity

Un site d’électricien qui s’allume : la page s’ouvre sur une lampe éteinte, on tire sur sa corde — ou on fait défiler — et le titre apparaît dans son faisceau. Puis chaque section prend la lumière à son tour : le métier d’abord (rénovation, mise aux normes, tableau, dépannage, bornes de recharge), la domotique et l’alarme en options, un comparateur avant / après, la zone d’intervention et la demande de devis.

electricity.piks-l.com
Page d’accueil d’ElectriCity : la lampe allumée et le titre dans son faisceau
Secteur
Électricien · artisan
Année
2026
Prix
290 €
Pages
3 pages + 404
Délai
1 journée
Mise en ligne
2026
00

Ce site, à votre nom

Le même site, repris avec votre nom, vos prestations, vos chantiers, vos communes et votre domaine. Nous le mettons en ligne et vous le gérez ensuite depuis la console Piks-L, sans toucher au code.

L’écran de chargement « mise sous tension », la lampe à tirer, les sections qui prennent la lumière
Les prestations d’électricité, avec leurs normes et leurs étiquettes
Le comparateur avant / après, avec vos propres photos de chantier
La domotique et l’alarme en options, démonstrations interactives comprises
Les avis clients et la demande de devis, reçus dans la console
Une version sombre et une version claire, au choix du visiteur
330 champs administrables
Mise en ligne sur votre domaine, certificat compris
Prix du template290 €TTC · paiement unique · mise en ligne comprise Hébergement et console : l’abonnement de votre choix, voir les tarifs.
01

Le brief

Un électricien se choisit sur la confiance : il faut montrer qu’on connaît le métier avant de parler gadgets. Le brief : un site classe et high-tech qui met l’électricité générale au premier plan — la domotique et l’alarme ne venant qu’en complément — autour d’une idée forte : une lampe éteinte qu’on allume en tirant sur sa corde.

02

Ce que nous avons fait

01

Un écran de chargement qui met le site sous tension — le fil se remplit, le compteur monte à 230 V, l’éclair claque —, puis un hero en plein écran : une suspension éteinte, une corde qu’on tire à la souris ou au doigt, une ampoule qui vacille avant de tenir, un faisceau qui suit le balancement de la lampe et révèle le titre et les boutons sans qu’ils bougent. Faire défiler l’allume aussi.

02

Des sections qui prennent la lumière quand on les atteint, des colonnes collantes sur les passages longs, une barre d’appel d’urgence sur téléphone et des numéros à copier d’un geste.

03

Des démonstrations qui présentent les options sans les imposer : un tableau de bord domotique dont on essaie les scènes, une centrale d’alarme qui fait son autotest, un comparateur avant / après sur de vraies photos de tableaux électriques.

04

Une version sombre et une version claire au choix du visiteur — le hero reste sombre et s’allume dans les deux —, un rendu identique au design à 1 440 et 390 px, accessible (0 erreur axe) et affiché en à peu près une seconde.

03

La palette et les typographies

#08090D#EEEAE2#FFB648#6FD6A8#EEF0F3

La nuit d’une pièce éteinte, le blanc cassé d’un interrupteur, l’ambre d’un filament qui chauffe, le vert d’un voyant « tout est en ordre » — et, pour la version claire, le gris d’un plâtre neuf

Titres et texte
Votre électricien à Bordeaux.
Red Hat Displaygraisses 300 à 700 · titres fins, paragraphes, boutons
Aa Bb Cc 0123456789
Surtitres et marque
Électricien · Gironde
Michromagraisse 400 · surtitres, étiquettes, logotype ; les normes et les mesures sont en JetBrains Mono
Aa Bb Cc 0123456789
04

Des pages, en vrai

Les mêmes écrans aux trois largeurs qui comptent — bureau, tablette, téléphone : l’écran de chargement, l’ouverture lampe éteinte, la lampe allumée, les sections, le pied de page. Captures du site en ligne, pas d’une maquette.

Écran1 280 px de large
ElectriCity — L’écran de chargement : la mise sous tension (écran)
L’écran de chargement : la mise sous tension
ElectriCity — L’ouverture : la lampe éteinte (écran)
L’ouverture : la lampe éteinte
ElectriCity — La lampe allumée, le titre et les appels (écran)
La lampe allumée, le titre et les appels
ElectriCity — Le métier : les prestations d’électricité (écran)
Le métier : les prestations d’électricité
ElectriCity — Le comparateur avant / après (écran)
Le comparateur avant / après
ElectriCity — Les options : domotique et alarme (écran)
Les options : domotique et alarme
ElectriCity — La version claire, au choix du visiteur (écran)
La version claire, au choix du visiteur
ElectriCity — La demande de devis (écran)
La demande de devis
ElectriCity — Le pied de page (écran)
Le pied de page
Tablette834 px de large
ElectriCity — L’écran de chargement : la mise sous tension (tablette)
L’écran de chargement : la mise sous tension
ElectriCity — L’ouverture : la lampe éteinte (tablette)
L’ouverture : la lampe éteinte
ElectriCity — La lampe allumée, le titre et les appels (tablette)
La lampe allumée, le titre et les appels
ElectriCity — Le métier : les prestations d’électricité (tablette)
Le métier : les prestations d’électricité
ElectriCity — Le comparateur avant / après (tablette)
Le comparateur avant / après
ElectriCity — Les options : domotique et alarme (tablette)
Les options : domotique et alarme
ElectriCity — La version claire, au choix du visiteur (tablette)
La version claire, au choix du visiteur
ElectriCity — La demande de devis (tablette)
La demande de devis
ElectriCity — Le pied de page (tablette)
Le pied de page
Mobile390 px de large
ElectriCity — L’écran de chargement : la mise sous tension (téléphone)
L’écran de chargement : la mise sous tension
ElectriCity — L’ouverture : la lampe éteinte (téléphone)
L’ouverture : la lampe éteinte
ElectriCity — La lampe allumée, le titre et les appels (téléphone)
La lampe allumée, le titre et les appels
ElectriCity — Le métier : les prestations d’électricité (téléphone)
Le métier : les prestations d’électricité
ElectriCity — Le comparateur avant / après (téléphone)
Le comparateur avant / après
ElectriCity — Les options : domotique et alarme (téléphone)
Les options : domotique et alarme
ElectriCity — La version claire, au choix du visiteur (téléphone)
La version claire, au choix du visiteur
ElectriCity — La demande de devis (téléphone)
La demande de devis
ElectriCity — Le pied de page (téléphone)
Le pied de page
05

Ce que ça change

01

330 champs administrables par le client — textes, prestations, chantiers, communes, questions, coordonnées — sans une ligne de code.

02

Les demandes de devis arrivent dans la messagerie de la console, filtrées contre les robots ; la page de confirmation se règle depuis l’éditeur.

03

Un site qui s’affiche en à peu près une seconde, accessible et référencé : données structurées d’entreprise d’électricité, questions fréquentes, fil d’Ariane, partage soigné sur les réseaux.

06

Ce que le client gère lui-même

Depuis la console, sans toucher au code.

Les prestations, leurs descriptions et leurs étiquettes
Les chantiers avant / après et leurs photos
Les communes desservies, les tarifs et les questions
Les coordonnées, les horaires et le pied de page
07

Les outils derrière ce site