Planches de projet

Le travail, livrable par livrable.

Chaque planche montre ce qui a été livré, tel qu'il est en ligne aujourd'hui : ce que le site apporte au client, les pages, le mobile, le système visuel. Les captures viennent des sites eux-mêmes.

Pl. 01

Bordj Steel

En ligne Voir le site

La présence en ligne d'un fabricant de charpente métallique et de panneaux sandwich : un catalogue par métier, des références chiffrées, un media center et un espace recrutement.

Secteur
Construction métallique · B2B · Algérie
Périmètre
Site corporate B2B
Pages
12
Langues
FR

Livrables

  • Site corporate, 12 pages
  • Catalogue produits : 4 fiches métier
  • Références et chiffres clés
  • Media center (blog)
  • Contact et recrutement
  • Pages légales
Bordj Steel — Accueil

Ce que le site apporte au client

Le clientUn fabricant de Bordj Bou Arréridj aux quatre unités de production, qui travaille pour des usines, des projets agricoles et des promoteurs industriels dans toute l'Algérie.

  1. Un acheteur trouve la bonne gamme sans appeler : une page par unité de production, avec ce qu'elle fabrique et à quoi cela sert.

    /products
  2. Un bureau d'études lit les caractéristiques techniques en ligne, essaie les épaisseurs de panneau sur une coupe interactive et télécharge le catalogue en PDF.

    /products/sandwich-panels
  3. Un client joint directement le bon service, du commercial au montage : chacun a son numéro direct, et numéros comme e-mails se copient d'un clic.

    /contact
  4. Avant un premier rendez-vous, un maître d'ouvrage voit des chantiers de référence — où, et ce qui a été fourni et monté.

    /references
  5. Un candidat consulte les offres d'emploi et postule, ou envoie une candidature spontanée.

    /recrutement

Pages livrées

Bordj Steel — Produits
Produits/products
Bordj Steel — Références
Références/references
Bordj Steel — Notre histoire
Notre histoire/about/history

Sur mobile

Bordj Steel — Accueil
Accueil
Bordj Steel — Produits
Produits

Système visuel

Couleurs

  • Accent#BF272C
  • Texte#4B4B4B
  • Secondaire#6B6B6B
  • Surface#F5F5F5
  • Fond#FFFFFF

Typographie

  • Montserrat
Pl. 02

Alliance Travel

En ligne Voir le site

Une agence de voyages organisés : chaque destination a sa page, son prix « à partir de » et un calculateur qui envoie le devis sur WhatsApp. Trilingue, arabe en RTL, en mode clair et sombre.

Secteur
Agence de voyage · Bordj Bou Arréridj
Périmètre
Identité, site et parcours de réservation
Pages
9
Langues
FR · EN · AR

Livrables

  • Identité de marque
  • Site trilingue FR · EN · AR, arabe en RTL
  • 7 pages destination
  • Calculateur de devis vers WhatsApp
  • Service de rendez-vous visa
  • Mode clair et mode sombre
Alliance Travel — Les voyages

Ce que le site apporte au client

Le clientUne agence de voyages organisés de Bordj Bou Arréridj, présente aussi à M'Sila, chez qui l'on réserve par téléphone, sur WhatsApp ou au guichet.

  1. Un voyageur choisit sa date, son hôtel, sa chambre et le nombre de voyageurs par âge, et voit le total estimé avant de contacter l'agence.

    /istanbul/
  2. Il prépare son dossier en ligne — le passeport de chaque voyageur, vérifié à la saisie — et l'envoie sur WhatsApp en un message complet, ou par e-mail.

    /istanbul/
  3. Avant de réserver, il lit le programme de chaque destination jour par jour, ce que couvre le forfait et ce qui reste à prévoir.

    /bali/
  4. Pour un visa, il voit pour chaque pays le centre qui traite le dossier et ce que l'agence peut faire, puis écrit à un conseiller avec sa demande déjà rédigée.

    /rendez-vous-visa/
  5. Il lit le site en arabe, en français ou en anglais, et trouve l'agence la plus proche avec son itinéraire.

    /#agences

Pages livrées

Alliance Travel — Istanbul
Istanbul/istanbul/
Alliance Travel — Rendez-vous visa
Rendez-vous visa/rendez-vous-visa/
Alliance Travel — Bali
Bali/bali/

Sur mobile

Alliance Travel — Accueil
Accueil
Alliance Travel — Istanbul
Istanbul

Système visuel

Couleurs

  • Texte#002C51
  • Accent#237A4A
  • Relief#9CE8B2
  • Fond#F7F1E3
  • Mode sombre#0A0F15

Typographie

  • DM Sans
  • Tajawal
Pl. 03

Glaive Store

Démo de portfolio Voir le site

Une démo de portfolio, annoncée comme telle sur le site : une marque de matériel gaming inventée de A à Z, avec boutique filtrable, fiches produit et un quiz qui recommande le bon équipement.

Secteur
E-commerce · Matériel gaming
Périmètre
Marque fictive et boutique complète
Langues
EN

Livrables

  • Identité de marque fictive
  • Boutique filtrable par catégorie
  • Fiches produit
  • Quiz de recommandation
  • Page logiciel
  • Liste de favoris
Glaive Store — Accueil

Ce que la démo montre

Le cadrePas de client : une marque inventée par le studio, annoncée comme démo sur chaque page, pour montrer une boutique en ligne complète.

  1. Un acheteur qui hésite répond à trois questions — type de matériel, avec ou sans fil, ce qui compte le plus pour lui — et reçoit une sélection.

    /quiz.html
  2. Il filtre la boutique par catégorie et par prix maximum, puis trie par nouveauté, prix ou note.

    /shop.html
  3. Il place des produits côte à côte et compare leurs caractéristiques ligne par ligne.

    /compare.html
  4. Sur chaque fiche produit, il lit les caractéristiques techniques dans un tableau, juste sous le bouton d'achat.

    /product.html

Pages livrées

Glaive Store — Boutique
Boutique/shop.html
Glaive Store — Fiche produit
Fiche produit/product.html
Glaive Store — Quiz « Find your gear »
Quiz « Find your gear »/quiz.html

Sur mobile

Glaive Store — Accueil
Accueil
Glaive Store — Fiche produit
Fiche produit

Système visuel

Couleurs

  • Accent#FF5101
  • Fond#0A0A0B
  • Surface#18181B
  • Texte#F5F5F6
  • Secondaire#A1A1AA

Typographie

  • Archivo
  • Inter
Pl. 04

WorkspaceHQ v3

Produit maison Voir le site

Notre propre produit : une console qui scanne chaque dépôt de la machine et transforme l'hygiène git en quêtes. Livré avec son site de lancement, une démo jouable et Bit, son compagnon en pixel art.

Secteur
Outil développeur
Périmètre
Produit, site de lancement et personnage
Langues
EN

Livrables

  • Console de bureau (Electron), code public sur GitHub
  • Site de lancement
  • Vidéo et démonstration guidée
  • Démo interactive dans le navigateur
  • Personnage Bit en pixel art
WorkspaceHQ v3 — Lancement

Ce que l'outil apporte à ses utilisateurs

Pour quiNotre propre produit, pour les développeurs qui gardent de nombreux dépôts git sur une même machine.

  1. Un développeur voit l'état de tous ses dépôts en un seul scan, qui tourne sur sa machine : branches, travail non validé ou non poussé, builds et tests.

    /#faq
  2. À son retour, il lit ce qui a bougé pendant son absence, et une seule action prioritaire s'affiche en tête.

    /#features
  3. Il voit signalés les clés et secrets laissés en clair, avant qu'ils ne partent dans un commit.

    /#features
  4. Il lit les diffs de chaque projet et pose ses questions à Claude sur ses vrais dépôts, sans quitter la console.

    /#features
  5. Avant d'installer quoi que ce soit, il essaie la vraie console dans le navigateur, sur des dépôts d'exemple.

    /#demo

Pages livrées

WorkspaceHQ v3 — Fonctionnalités
Fonctionnalités/#features
WorkspaceHQ v3 — Démonstration guidée
Démonstration guidée/#walkthrough
WorkspaceHQ v3 — Bit, le compagnon
Bit, le compagnon/#bit

Sur mobile

WorkspaceHQ v3 — Lancement
Lancement
WorkspaceHQ v3 — Fonctionnalités
Fonctionnalités

Système visuel

Couleurs

  • Fond#07060F
  • Accent#00F0FF
  • Relief#FF2BD6
  • Action#FFD23F
  • Texte#E8E6FF

Typographie

  • Press Start 2P
  • VT323
Pl. 05

AlmaFlowClim

En ligne Voir le site

Un artisan de Gennevilliers qui installe et dépanne climatisation, chauffage et plomberie : une page par métier, ses réalisations chantier par chantier et un devis en un formulaire, pensés pour les recherches locales.

Secteur
Climatisation, chauffage, plomberie · Île-de-France
Périmètre
Site vitrine et demande de devis
Pages
7
Langues
FR

Livrables

  • Site vitrine, 7 pages
  • 3 pages métier
  • Page de réalisations
  • Formulaire de devis
  • SEO local par ville desservie
  • Mentions légales
AlmaFlowClim — Accueil

Ce que le site apporte au client

Le clientUn artisan de Gennevilliers qui installe, entretient et dépanne climatisation, chauffage et plomberie chez des particuliers et des professionnels d'Île-de-France.

  1. En cas de panne, un client appelle d'un simple appui depuis la page du métier concerné : le numéro est en tête de page.

    /climatisation
  2. Pour un projet, il choisit sa prestation dans le formulaire de devis — installation, entretien, dépannage, chauffe-eau, salle de bain — et la demande arrive avec son type de travaux.

    /contact
  3. Sur la page du métier qui le concerne, il lit ce qui est installé ou réparé, les marques suivies et les étapes d'une installation, du devis à la mise en service.

    /chauffage
  4. Il lit des chantiers proches du sien, chacun avec son métier, sa ville et ce qui a été posé.

    /realisations
  5. Un habitant de Colombes ou de Nanterre voit d'emblée que l'artisan se déplace chez lui : les villes desservies sont listées sur l'accueil.

    /#zones-title

Pages livrées

AlmaFlowClim — Climatisation
Climatisation/climatisation
AlmaFlowClim — Réalisations
Réalisations/realisations
AlmaFlowClim — Devis
Devis/contact

Sur mobile

AlmaFlowClim — Accueil
Accueil
AlmaFlowClim — Climatisation
Climatisation

Système visuel

Couleurs

  • Accent#3A6EA5
  • Texte#0D141A
  • Relief#4DD0E1
  • Action#FEA419
  • Surface#E3F2FD

Typographie

  • Roboto