PIKS-L
Chargement en cours...
← Toutes les réalisations
Blog illustré et boutique2026Site livré

Ernestine

Le blog — malheureusement public — d'une enfant de neuf ans : ses versions des faits, ses griefs, et la boutique qui va avec.

ernestine.piks-l.com
Page d'accueil du site Ernestine
Secteur
Blog illustré et boutique
Année
2026
État
Site livré
Pages
16
Délai
2 semaines
Mise en ligne
2026
01

Le brief

Un site de personnage, adossé à une série de livres. Le ton devait être tenu de bout en bout, jusqu'au compteur de visiteurs et au livre d'or : l'internet enfantin de 2003, mais construit en 2026, rapide et accessible.

02

Ce que nous avons fait

01

Un parti pris assumé : couleurs franches, gros boutons, curseur personnalisé, rien à apprendre.

02

Un blog par catégories — école, famille, livres, adultes — tenu comme un journal intime public.

03

Une boutique « les trucs qu'on vend avec ma tête », branchée sur Stripe.

04

Les détails qui font le personnage : compteur de visiteurs, livre d'or, page de liens.

03

La palette et les typographies

#F5F9F7#A9D4F1#FDE909#8F715D#BBB98A

Cinq couleurs relevées sur la page d'accueil, telles qu'elles sortent du rendu

Titres
Ernestine
Patrick Handgraisse 400 · titres et accroches
Aa Bb Cc  0123456789
Texte courant
Le même texte, dans la police qui porte les paragraphes du site : c'est elle qu'on lit vraiment, ligne après ligne.
Patrick Handgraisse 400 · paragraphes et libellés
Aa Bb Cc  0123456789
05

Des pages, en vrai

Les mêmes écrans aux trois largeurs qui comptent — bureau, tablette, téléphone : l'écran de chargement, le haut de la page d'accueil, les sections, le pied de page.

Écran1 280 px de large
Ernestine — Écran de chargement (écran)
Écran de chargement
Ernestine — Haut de la page d'accueil (écran)
Haut de la page d'accueil
Ernestine — Sed elementum tincidunt elit id sagittis (écran)
Sed elementum tincidunt elit id sagittis
Ernestine — Nam id odio egestas, tempus leo quis… (écran)
Nam id odio egestas, tempus leo quis…
Ernestine — ILS ONT ÉCRIT SUR MOI SANS ME CONNAÎTRE (écran)
ILS ONT ÉCRIT SUR MOI SANS ME CONNAÎTRE
Ernestine — Pied de page (écran)
Pied de page
Tablette834 px de large
Ernestine — Écran de chargement (tablette)
Écran de chargement
Ernestine — Haut de la page d'accueil (tablette)
Haut de la page d'accueil
Ernestine — Sed elementum tincidunt elit id sagittis (tablette)
Sed elementum tincidunt elit id sagittis
Ernestine — Nam id odio egestas, tempus leo quis… (tablette)
Nam id odio egestas, tempus leo quis…
Ernestine — ILS ONT ÉCRIT SUR MOI SANS ME CONNAÎTRE (tablette)
ILS ONT ÉCRIT SUR MOI SANS ME CONNAÎTRE
Ernestine — Pied de page (tablette)
Pied de page
Mobile390 px de large
Ernestine — Écran de chargement (téléphone)
Écran de chargement
Ernestine — Haut de la page d'accueil (téléphone)
Haut de la page d'accueil
Ernestine — Sed elementum tincidunt elit id sagittis (téléphone)
Sed elementum tincidunt elit id sagittis
Ernestine — Nam id odio egestas, tempus leo quis… (téléphone)
Nam id odio egestas, tempus leo quis…
Ernestine — ILS ONT ÉCRIT SUR MOI SANS ME CONNAÎTRE (téléphone)
ILS ONT ÉCRIT SUR MOI SANS ME CONNAÎTRE
Ernestine — Pied de page (téléphone)
Pied de page
06

Ce que ça change

01

Un site qui fait rire en dix secondes et vend en trois clics.

02

La boutique et le blog tiennent dans la même console que les autres sites.

03

Les pages restent accessibles au clavier malgré le déguisement.

07

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

Depuis la console, sans toucher au code.

Les billets du blog et leurs catégories
Les objets de la boutique et leurs stocks
Le livre d'or et la page de liens
Les illustrations de chaque page
08

Les outils derrière ce site