Étude de cas
Une interface entièrement rétro, qui reste lisible, rapide et indépendante des grandes plateformes. Un blog de pop culture et d’informatique publié depuis 2016, dont le créateur, qui le gère seul, nous a confié la restructuration complète du site.
Délai de livraison : deux semaines, textes, photos et logo prêts.
Un blog installé depuis 2016, un site à repenser de fond en comble.
Petit Pouyo, figure publique du même nom, gère seul son blog, publié depuis 2016. Il nous a fait confiance pour la restructuration complète de son site internet : l’identité, l’interface, le moteur de publication et l’organisation des contenus.
Petit Pouyo traite de la pop culture et de l’informatique d’aujourd’hui avec un regard tourné vers les années 90 : jeux vidéo, séries cultes, dessins animés, musique, jouets, films, techno. Il défend aussi l’open source, les logiciels libres, les alternatives aux grandes plateformes et la vie privée.
Le blog est passé par WordPress, puis par PluXml, un moteur sans base de données, avant de s’appuyer aujourd’hui sur un CMS maison qui ne garde que l’essentiel. Le fil conducteur est resté le même : garder la main sur ce que l’on publie, sur la façon dont c’est fabriqué et sur la manière dont c’est servi.
Une interface cent pour cent années 90, qui ne soit pas un gadget : mémorable, cohérente jusque dans les détails, et agréable à lire.
Beaucoup de détails, mais un site rapide, dont le poids reste affiché en toute transparence.
Un CMS léger, hors des grandes plateformes, simple à gérer, et un code partageable en open source sans divulguer les contenus.
Un bureau Windows 98 posé sur un fond synthwave, décliné dans chaque composant.
Un site léger, sans dépendance inutile, dont le fonctionnement reste compréhensible.
Ne garder que l’essentiel : écrire, publier, illustrer, configurer.
Un projet open source, avec un export qui protège les contenus.
01 · Direction artistique
Fenêtres biseautées, onglets, barre des tâches, menu Démarrer, bandeau défilant et encarts « espace pub à louer ». Une bannière illustrée sur mesure signe l’ensemble.
02 · Changer l’OS
Depuis le menu Démarrer, le visiteur bascule entre Windows 98, Windows 3.1, Slackware Linux (bureau KDE 1 et X11), Classic MacOS et Amiga OS.
03 · Écran Minitel
Sur l’accueil, un écran Minitel fait défiler des références et des gros titres des années 90, avec le temps de les lire.
04 · Contenu éditorial
Chaque article fait environ 800 à 1 100 mots, rédigé comme sur un blog personnel.
05 · Espace de gestion
Un espace privé pour écrire, illustrer et configurer le blog sans passer par une grande plateforme.
06 · Statistiques et open source
Des statistiques maison, sans service tiers, et un mode « Code source » pensé pour l’open source.
07 · Transparence
Le pied de page indique en temps réel le poids total du site et les temps de chargement estimés en modem 56k, en ADSL (8 Mb/s) et en fibre (500 Mb/s).
Une charte complète, qui fixe l’identité et la rend utilisable partout : logo principal et alternatif, variantes, photo de profil, bannière, favicons, icône Mastodon, couleurs, typographies, éléments graphiques, motifs, boutons et badges.
Pop culture · Jeux vidéo · Logiciels libres · Internet libre · Astuces · Découverte.
Un réseau social aux couleurs du blog : un logo Mastodon redessiné en pixel art et une photo de profil, pour que l’univers continue hors du site.
Un aperçu miniature de l’idée. Choisissez un système pour voir l’interface se transformer.
Revivez la magie des années 90 !
Jeux vidéo, séries cultes, dessins animés, musique, jouets, films, techno.
ENTRERAperçu simplifié, réalisé en CSS pour cette page. L’interface réelle du projet va beaucoup plus loin.
Le blog est publié depuis 2016. À chaque étape, la même idée : garder la main.
Un blog actif depuis 2016.
Une direction artistique tenue du logo à la barre de défilement.
Un site léger, dont le poids est affiché en direct.
Un CMS maison et un code ouvert, hors des grandes plateformes.
Navigation au clavier et respect de la réduction des animations.
Une identité qui vous ressemble, un site léger, un outil de gestion à votre mesure. L’estimation est gratuite et sans engagement.
Demander un devis gratuit