N° 01
Études de cas sans process
Trois mockups Instagram + un logo, pas de brief, pas de recherche, pas de pistes rejetées. L'acheteur ne voit qu'un résultat — il ne sait pas si vous savez argumenter un parti pris.
Site web pour graphiste & DA
Identité visuelle, études de cas, posters téléchargeables.
Site web sur mesure pour graphistes et directeurs artistiques indépendants. Vos identités méritent mieux qu'un carrousel Instagram : études de cas longues (brief, recherche, process, livrables, impact), planches versionnées, posters haute déf téléchargeables, système de design public.
Études de cas longues
Planches recherche
Posters téléchargeables
Schema CreativeWork
01
Le constat
Quatre angles morts qui plombent votre portfolio.
Vos sites de graphiste / DA suivent presque tous le même schéma. Des grilles de mockups muettes, des PDF cachés en bas de page, des posters non téléchargeables. Voici ce qu'un acheteur (DA studio, marketing manager, marque) ne trouve pas sur votre site actuel — et ce qui le fait partir chez un confrère.
N° 02
Planches de recherche cachées
Moodboards, esquisses, pistes typo, planches couleur dorment dans un Drive privé. Pourtant c'est ça qu'un client mature paye — le travail amont, la méthode, la versionnabilité.
N° 03
Posters non téléchargeables
Vos affiches se voient en JPEG 800 px, sans téléchargement haute déf. Les marques qui cherchent un illustrateur affichiste passent leur chemin : pas de fichier imprimable, pas de mise en relation.
N° 04
Système de design invisible
Palette, type scale, spacing, composants — votre brand book reste en interne. Sur le site, on ne voit pas votre rigueur système. Pourtant c'est la première chose qu'un studio mature évalue.
02
L'étude de cas, racontée en cinq actes
Brief, recherche, process, livrables, impact.
Une étude de cas qui justifie votre TJM ne tient pas dans trois mockups. Elle raconte l'avant, le pendant, l'après. Voici l'anatomie d'une fiche projet, telle qu'on l'installe en modèle Django Case.
case · 04 / refonte identité Atelier Norm
/cases/atelier-norm
I.
Acte I · brief
Un studio d'archi qui ne veut plus ressembler à un studio d'archi.
Contexte client, ambition, contraintes (budget, calendrier, livrables attendus), critères de réussite définis avec le client. Stocké dans le modèle Case.brief en CKEditor 5.
II.
Acte II · recherche
Trois planches, douze références, deux pistes typo.
Moodboards, références visuelles citées, planches typo, planches couleur, pistes rejetées avec leur raison. Modèle ResearchBoard versionné (v1, v2, v3 archivées).
Aa
Aa
III.
Acte III · process
Quatre itérations, deux validations client.
Galerie scrollable des étapes — esquisses, premier rough, deuxième rough, version finale. Annotations possibles, dates de validation, commentaires client horodatés.
IV.
Acte IV · livrables
Logo, charte 28 pages, kit print, kit social.
Modèle Deliverable en M2M sur Case — chaque livrable a son type (logo, charte, print, motion), son format, son aperçu, son fichier haute déf téléchargeable (ou non, selon votre choix).
V.
Acte V · impact
Récit court signé client, métriques avant/après.
Champ Case.impact_quote + champs métriques souples (notoriété mesurée, candidatures, fréquentation, partenariats noués). Pas de chiffre inventé : le client signe son verbatim.
Sur votre site, chaque étude de cas suit cette anatomie. Pas de page « à propos » qui remplace les preuves — les preuves sont la page.
03
Ce que ça change concrètement
Quatre fonctions qui transforment votre portfolio.
01
Études de cas longues
Brief, recherche, process, livrables, impact — chaque projet raconté en cinq actes. Modèle Django dédié, format scrollable agréable au lecteur.
02
Planches recherche versionnées
Moodboards, esquisses, pistes rejetées rendues publiques (ou réservées espace client). Versionning v1 / v2 / v3, dates, commentaires. Votre méthode devient visible.
03
Posters téléchargeables HD
Affiches A2/A3 téléchargeables en PNG/PDF haute déf, filigrane optionnel sur les previews, capture email avant download. Vos posters deviennent un outil de lead-gen.
04
Système de design public
Page dédiée — tokens couleur, type scale, spacing, composants. Votre rigueur système se voit dès la page d'accueil. Argument décisif pour les studios matures.
04
Anatomie du site
Six modules, une logique éditoriale.
Le site d'un graphiste / DA n'est pas un portfolio Instagram déguisé. C'est un dispositif éditorial qui doit montrer la méthode, défendre les partis pris, capter les bons leads. Voici les six modules qu'on installe.
POSTER · A2
594 × 420 mm
FORME
FONCTION
téléchargeable HD · PDF
Module 01
Index visuel des cas (grille filtrable)
Grille bauhaus stricte, filtres par type (identité / édition / affiche / signalétique), par client, par année. Chaque vignette ouvre une étude de cas complète.
Module 02
Étude de cas longue (5 actes)
Brief, recherche, process, livrables, impact. Galerie process scrollable, embed PDF charte, mini-prototype interactif si pertinent. Modèle Django dédié.
Module 03
Planches recherche versionnées
Espace dédié — moodboards datés, pistes typo, planches couleur, esquisses. Versions archivées (v1 / v2 / v3), accessibles publiquement ou réservées espace client.
Module 04
Boutique posters téléchargeables
Catalogue d'affiches en PNG/PDF haute déf. Preview avec filigrane, capture email avant téléchargement, intégration Stripe si pricing activé. Lead-gen ciblé acheteurs marques.
Module 05
Page « système de design » publique
Couleurs tokenisées (hex + nom), type scale exportée (Display / Body / Mono), spacing, composants. Page consultable comme un style guide — argument décisif pour les studios.
Module 06
Brief client structuré
Formulaire dédié — type de projet, ambition, contraintes (calendrier, budget, livrables). Tout arrive structuré en back-office Django, prêt à chiffrer. Plus de ticket vague en DM Instagram.
05
Côté technique
Six modules Django, taillés pour la création.
Pas un thème Webflow acheté. Pas un Cargo générique. Six modules Django pensés pour le métier de graphiste / DA, avec back-office admin custom et documentation.
Module 01
Modèle Case + ResearchBoard
Case avec brief, process, impact en CKEditor 5. M2M vers ResearchBoard versionné (v1, v2, v3), M2M vers Deliverable (logo, charte, kit print).
Module 02
Galerie process scrollable
Étapes d'un projet en galerie horizontale ou verticale, lightbox JS sans dépendance lourde. Légendes par étape, dates de validation, signature client horodatée.
Module 03
Posters téléchargeables + filigrane
Modèle Poster avec preview filigranée (Pillow), fichier haute déf protégé. Capture email avant download, intégration Stripe si pricing activé.
Module 04
DesignSystem publique
Modèles ColorToken, TypeScale, SpacingToken, Component. Page publique générée auto, à jour à chaque ajout admin.
Module 05
Schema CreativeWork + VisualArtwork
Balisage JSON-LD CreativeWork sur chaque étude de cas, VisualArtwork sur les posters. Indexation Google Images optimisée, longue traîne capturée.
Module 06
Brief structuré + back-office
Formulaire de brief client structuré (type projet, ambition, contraintes, calendrier). Anti-spam reCAPTCHA v3, notifications email automatiques, admin Django paramétrable.
Verbatim fondateur
« Un graphiste qui présente une identité en trois mockups Instagram, c'est un chef qui sert un plat sans dire de quoi il est fait. Votre site, c'est l'inverse — brief, recherches, planches, livrables, mesure d'impact. L'identité visuelle devient un récit défendable. »
Dylan Saint-Jalmes · fondateur de l'atelier
06
La méthode
Audit, cadrage, build, livraison.
Quatre étapes claires. Vous savez où on en est, vous voyez chaque livrable avant de valider, vous gardez la main sur les choix éditoriaux et graphiques.
01
~ 45 min · offert
Audit visio
Visio de 45 min — on regarde votre site actuel, vos cas types, votre clientèle cible. Verdict honnête en sortie. Pas de démarchage par la suite.
02
~ 5 jours
Cadrage éditorial
Architecture des cas, ton éditorial, planches de référence, choix typographiques et palette. Document de cadrage validé avant de toucher au code.
03
~ 4 à 6 semaines
Build Django
Modèles Case + ResearchBoard + Deliverable + DesignSystem, templates, back-office admin paramétrable, intégration content. Revues hebdomadaires.
04
~ 1 semaine
Livraison + autonomie
Formation back-office (vidéo + visio), import des premières études de cas, mise en ligne, documentation. Vous êtes autonome — code et data vous appartiennent.
07
Questions fréquentes
Six questions, six réponses claires.
Oui — modèle Case avec champs structurés :
brief,
research_summary,
process,
impact_quote,
plus des M2M vers
ResearchBoard,
Deliverable
et ProcessStep. Chaque cas suit la même
anatomie (5 actes), mais vous gardez la main sur la longueur et la richesse de chaque
section. Le template publique sait afficher un cas court (2 000 mots) comme un cas
long (12 000 mots).
Oui. Le modèle ResearchBoard embarque un
champ version (entier) et un FK
previous_version. À chaque nouvelle planche,
l'ancienne version reste archivée (consultable en back-office, optionnellement publique).
Vous pouvez montrer une seule version finale, ou exposer le cheminement complet — c'est
votre choix éditorial. Annotations possibles, dates horodatées, commentaires client
attachés.
Oui — modèle Poster avec champs
preview_image (web optimisée),
high_res_file (PDF ou PNG haute déf protégé),
format (A2, A3, A4, custom),
colorspace (RGB / CMYK), et
dpi. Le téléchargement haute déf passe par
une vue protégée — capture email obligatoire, ou paywall Stripe activé selon votre
stratégie.
Via Pillow côté serveur — à l'upload d'un poster, une version filigranée est générée
automatiquement (votre nom + URL en diagonale, opacité paramétrable). C'est la version
qui s'affiche publiquement. La version haute déf sans filigrane reste protégée derrière
la vue de téléchargement. Vous pouvez désactiver le filigrane projet par projet
(booléen Poster.watermarked).
Une page /design-system/ générée à partir de
quatre modèles : ColorToken (hex + nom + rôle),
TypeScale (display / body / mono),
SpacingToken (échelle modulaire),
Component (boutons, tags, cards avec aperçu).
Lisible comme un style guide, copiable au clavier (un clic = code hex copié), exportable
en JSON pour d'autres projets. Argument décisif pour qualifier votre rigueur système.
Cinq à huit semaines à partir de la validation du cadrage. Audit visio sous une semaine,
cadrage éditorial environ 5 jours, build Django 4 à 6 semaines, livraison et formation
sur une semaine. Le calendrier précis sort du devis de cadrage — pas de dérapage caché,
chaque jalon est validé par vous avant qu'on enchaîne.
Audit visio · 45 min · offert
Votre identité visuelle a un récit. Votre site doit le porter.
On regarde ensemble votre portfolio actuel, vos cas types, votre clientèle cible. Verdict honnête en sortie : vous saurez si un site sur mesure a du sens pour vous — sans engagement, sans démarchage par la suite.
ATELIER · CONTACT