Le brief

En 2026, les sites d'agence se ressemblent : un grand titre, un dégradé, trois cartes, une rangée de logos clients. OLD SCHOOL est une marque de projet de notre groupe pour le marketing, le conseil, le développement web et l'automatisation, et son site a été conçu comme une vitrine créative sur l'idée inverse. Il ressemble à un portail d'entreprise des environs de 2001 et fonctionne comme un site d'aujourd'hui. La phrase de la page d'accueil le résume : « Everything looks 2001. Everything we actually build is for today. »

Le brief avait deux moitiés. L'apparence devait rester fidèle à l'époque : un vrai portail-annuaire aux pages denses, avec des liens soulignés et des badges, sans faux cadres de navigateur et sans landing page moderne déguisée en pixels. Et tout devait fonctionner : chaque lien, la recherche, les formulaires, l'affichage sur téléphone.

Ce que nous avons construit

Un portail de 2001

Le site est un portail-annuaire en trois colonnes. Une bande d'état court en haut avec « HTTP/1.1 200 OK », « OLD SCHOOL NETWORK » et « 56K FRIENDLY ». La colonne de gauche contient l'annuaire du site, un champ de recherche, un help desk et un webring de badges de 88 sur 31 pixels (« Human first », « Best viewed with curiosity », « Built to work »). Le texte est composé en Verdana, avec les liens soulignés par défaut, une navigation bleue et jaune, des champs de formulaire en blocs, une ligne de bienvenue qui défile, un tableau d'affichage et un compteur des visites depuis ce navigateur.

Le titre de la page d'accueil dit : « The internet got smarter. Business advice didn't have to get weirder. » En dessous, un menu principal propose quatre départements : Marketing, Conseil aux entreprises, Laboratoire web et logiciel, et la Salle d'automatisation.

Onze vraies pages en deux langues

Chaque langue compte 11 pages : Home, Marketing, Consulting, Web and software, Automation, Projects, Notebook, About us, Contact, Guestbook et Search, plus une page 404 personnalisée. L'anglais est à la racine et le miroir russe sous /ru/. Chaque page a son propre titre et sa description, et tous les badges et liens croisés mènent à de vraies pages.

Le contenu s'en tient aux faits. La page Projects, appelée le cabinet des projets, s'ouvre sur un avertissement d'honnêteté : ses trois dossiers sont des scénarios de démonstration qui montrent comment un travail serait cadré, et aucun ne revendique de résultat client. Le Notebook propose trois notes gratuites sur les prospects, les sites web et l'automatisation. Le Guestbook explique que les messages publics sont désactivés pour l'instant, si bien que signer prépare un courriel, et il reste sans entrée tant que de vrais visiteurs n'ont pas accepté d'être publiés.

Allure ancienne, code actuel

Les pages sont en HTML et CSS simples, produites par un script de génération en Python, sans framework ni dépendance de build. Le site ne charge aucun script, police, CDN, traceur ou cookie d'analyse externe. La recherche s'exécute dans le navigateur sur les pages réelles, et l'annuaire des pages fonctionne encore avec JavaScript désactivé. Sur téléphone, l'article principal passe en premier et la navigation défile latéralement, tandis que la version bureau reste dense à dessein. Le mouvement s'arrête quand le système du visiteur demande un mouvement réduit.

Où en est le projet aujourd'hui

Le 8 novembre 2026, le site s'ouvre sur oldschool.mmix.biz en anglais, avec la version russe sous /ru/. Le tableau d'affichage date le design actuel du portail du 15 octobre 2026. Le pied de page affiche « Graphics: 2001 · Work: 2026 » et indique que les demandes arrivent dans la boîte INNOVA du groupe.

Services associés

Le site : sites d'entreprise. Un autre design construit sur une seule idée : PAGEINDEX. Le site du fondateur, lui aussi généré en statique à partir d'une seule source : maxstepanenko.com.

Direction de projet : Marketing MIX. Produit : OLD SCHOOL, marque de projet et vitrine créative de notre groupe. Année : 2026.