Projet interne

Porcelaine & Pixels : notre propre site, traité comme un projet client

Une agence qui défend le sur mesure et la sobriété doit le prouver sur son propre site. Voici comment nous avons conçu le nôtre : une identité soignée, des pages légères, aucun cookie de suivi et un espace de gestion maison.

  • ProjetLe site de l’agence
  • PérimètreIdentité, site, estimation, contact, espace de gestion
  • VilleLimoges
porcelainepixels.fr
Page d’accueil du site Porcelaine & Pixels : titre, boutons, repères et visuel de porcelaine bleue et blanche

Fiche d’identité du projet

Projet
Le site vitrine de l’agence Porcelaine & Pixels
Ville
Limoges
Clientèle visée
Entreprises, associations et indépendants, à Limoges et à distance
Périmètre
Identité visuelle, site, estimation en ligne, formulaire de contact, espace de gestion, mentions légales et conditions générales de vente
Univers
La porcelaine de Limoges rencontre les pixels : l’artisanat et le numérique
Points forts
Sur mesure, sans CMS, léger, sans cookie de suivi

Le brief

Un site qui fait ce que l’agence promet.

Porcelaine & Pixels crée des sites sur mesure, élégants et légers, pour les entreprises, associations et indépendants. Son propre site devait donc en être la démonstration : rien d’emprunté, rien de superflu, une identité qui raconte la ville et le métier.

Il devait aussi remplir son rôle commercial : présenter les services, annoncer les tarifs et les délais sans détour, et donner envie de demander un devis.

Le défi

  • Élégance contre légèreté

    Une identité riche en détails, sur un site qui reste rapide à charger.

  • Tout dire contre rester clair

    Services, tarifs, délais, hébergement et conditions, présentés sans noyer le visiteur.

  • Maîtrise contre dépendance

    Un site et un outil de gestion qui ne reposent sur aucun service tiers de suivi.

Notre démarche

  1. 01

    Une identité

    Une porcelaine bleue et blanche, des pixels qui se dissolvent, un logo à l’esperluette ornementale.

  2. 02

    Des parcours

    Du service au devis en quelques écrans, avec une estimation intégrée.

  3. 03

    Une légèreté

    Peu de ressources, des images optimisées, des polices hébergées sur le site.

  4. 04

    Une maîtrise

    Un code écrit à la main et un espace de gestion à notre mesure.

Le résultat en détail

01 · Identité

La porcelaine de Limoges, version numérique

Le bleu cobalt, le blanc et une touche d’or composent la palette. Les titres sont en Playfair Display, une serif élégante, et les textes en Hanken Grotesk, sobre et lisible.

  • Un logo à l’esperluette ornementale, qui se dissout en pixels bleus
  • Des motifs de faïence bleue en arrière-plan des pages de connexion
  • Une mise en page aérée et un ton soigné, mais accessible
porcelainepixels.fr
Page d’accueil du site Porcelaine & Pixels

02 · Parcours

Du premier regard au devis

La page d’accueil présente l’offre, la méthode en quatre étapes, les tarifs, des exemples, la foire aux questions et le contact. Les conditions générales de vente et les mentions légales sont rédigées en entier.

  • Un engagement affiché dès l’ouverture : des délais, un prix, une propriété du site
  • Une foire aux questions en accordéon, un seul onglet ouvert à la fois
  • Un menu et des pages internes sans rechargement
  • Une version mobile pensée d’abord
Page d’accueil du site Porcelaine & Pixels sur un iPhone

03 · Estimation

Un budget indicatif en quelques secondes

Le visiteur compose son projet : format du site, langues supplémentaires, options, identité visuelle, et indique si ses textes, photos et logo sont prêts. Le budget et le délai estimé s’affichent aussitôt.

  • Le récapitulatif se reporte dans le formulaire de contact
  • Le délai varie selon que les éléments sont prêts : deux semaines ou un mois
  • La mention de TVA et les conditions restent visibles
porcelainepixels.fr · estimation
Estimateur de projet du site Porcelaine & Pixels : format, langues, options, identité visuelle, éléments prêts, budget indicatif et délai

04 · Légèreté et vie privée

Peu de poids, aucun pistage

Notre démarche s’inspire du Référentiel général d’écoconception de services numériques (RGESN, version 2024), défini par l’Arcep et l’Arcom avec l’ADEME. Les images sont au format WebP et chargées à la demande. Les polices sont hébergées sur le site, sans appel à un service tiers. Aucun cookie de suivi n’est déposé.

  • Un site conçu pour se charger avec peu de données, que chacun peut mesurer avec des outils publics
  • Une mesure d’audience maison, sans cookie : l’adresse IP n’est jamais enregistrée et le signal « Ne pas me suivre » est respecté
  • Les robots sont filtrés des statistiques

05 · Espace de gestion

Un tableau de bord privé, créé sur mesure

L’agence dispose d’un espace réservé pour recevoir et suivre les demandes du site et consulter la fréquentation. L’accès se protège par identifiant et mot de passe, créé une seule fois grâce à un lien à usage unique.

  • Les demandes du formulaire sont conservées dans l’espace de gestion et envoyées par e-mail
  • Des statistiques de fréquentation anonymes
  • Une page « Mon compte » pour changer le mot de passe
  • Une limitation des essais de connexion répétés
espace de gestion · connexion
Page de connexion de l’espace de gestion Porcelaine & Pixels, sur un fond de faïence bleue

06 · Référencement et technique

Un site prêt à être trouvé

Le site embarque ce qu’il faut pour être bien référencé et bien partagé, sans extension ni outil externe.

  • Balises de titre et de description, adresse canonique, plan du site et fichier robots
  • Données structurées et aperçu de partage pour les réseaux sociaux
  • Icône du site, page d’erreur 404 soignée
  • Cache et compression configurés côté serveur

Les chiffres

  • Légerune page d’accueil conçue pour se charger vite
  • Sans pistageaucun cookie de suivi déposé
  • 0 service tierspour les polices et la mesure d’audience
  • 14 articlesde conditions générales de vente rédigés

Ce que ce projet dit de notre savoir-faire

  • Le sur mesure

    Un site et un outil écrits pour l’agence, sans modèle ni extension.

  • La sobriété

    Des pages légères et une collecte de données réduite au strict nécessaire.

  • L’indépendance

    Aucun service tiers de suivi, un code que nous maîtrisons.

  • La clarté

    Des tarifs, des délais et des conditions présentés sans détour.

Parlons de votre projet

Un site qui vous ressemble, léger et clair, avec un outil de gestion à votre mesure. L’estimation est gratuite et sans engagement.

Demander un devis gratuit