Site web pour designer
Le geste, avant l'objet.
Designer produit, industriel, mobilier. Un site qui montre vos croquis annotés, vos planches recherche, vos prototypes, vos fiches matière — et la page éditeurs qui transforme la visite en commande. Le process, pas seulement l'objet.
Modèle 03 — V2
Le constat
Quatre angles morts, sur la plupart des sites de designer.
Croquis et planches cachés, fiches matière inexistantes, éditeurs invisibles, portfolio qui ressemble à un catalogue Ikea. On corrige les quatre.
Angle mort 01
Le portfolio "catalogue produit".
Une grille de photos packshot sur fond blanc, légendées du nom de l'objet. C'est ce que fait un revendeur, pas un designer. Le client n'achète pas l'objet — il achète celui qui l'a pensé.
Angle mort 02
Le process, planqué dans un PDF.
Croquis, planches recherche, maquettes carton, prototypes ratés, fonderie : tout ce qui fait la valeur de votre travail est invisible. Le visiteur voit l'objet fini, pas l'effort.
Angle mort 03
Aucune fiche matière, aucune finition.
Frêne, noyer, aluminium brossé, liège pressé, finition huile dure ou laque mate : le visiteur professionnel veut savoir. L'absence d'info technique disqualifie le sérieux du studio.
Angle mort 04
La page éditeurs n'existe pas.
Vos pièces sont éditées par X, Y, Z ? Pas de page dédiée, pas de lien commercial, pas de mention du tirage ou de l'année. L'éditeur est votre client B2B : il mérite sa vitrine.
Section signature
Une fiche produit complète : croquis, matière, édition, 360°.
L'objet existe à l'écran comme à l'atelier. Quatre modules sur une même page — le visiteur comprend, mémorise, contacte.
Planche croquis · pièce 03-V2
Validé 14/03/2026 · DSJ Studio
Fiche matière
Frêne huilé
Noyer ciré
Alu brossé
Liège pressé
Essence, finition, traitement, origine — quatre champs Django typés, filtrables au catalogue.
Éditeur
Tirage
8 pièces
Page éditeur dédiée, lien commercial vers la fiche revendeur officiel.
Vue rotative
Séquence de 24 à 36 photos, rotation tactile. Pas de Three.js obligatoire — vanilla JS suffit.
Bénéfices
Ce que vos visiteurs voient ailleurs.
Process visible
Onglet « recherche » sur chaque projet : croquis, planches inspiration, prototypes, retouches. Le visiteur paie le geste, pas l'objet.
Fiches matière
Essence, finition, traitement, origine. Champs typés, filtres natifs, palette swatches rendue en CSS — sans plugin lourd. Le pro reconnaît son langage.
Page éditeurs
Une page par éditeur, liée aux pièces qu'il distribue. Lien commercial visible, tirage indiqué, contact direct du revendeur. L'éditeur devient un canal d'acquisition B2B.
Vue 360°
Séquence photo simple ou modèle Three.js selon le budget. Tactile, fluide, indexable. Le visiteur tourne l'objet, comprend sa forme, retient la pièce.
Anatomie
Six modules pour un site de designer.
MODULE 01
Home éditoriale
Une pièce signature en plein cadre, votre intention de designer en une phrase, accès direct aux trois projets phares. Pas de hero générique "passionné depuis 10 ans".
MODULE 02
Portfolio process
Chaque projet = quatre onglets : recherche (croquis, planches), prototype, édition, presse. Pas une grille de packshot — une fiche éditoriale.
MODULE 03
Catalogue matière
Filtres par essence, finition, dimension. Chaque pièce du portfolio remonte les matières qu'elle utilise — l'éditeur prospecte par matière, retrouve vos pièces.
MODULE 04
Page éditeurs B2B
Vitrine commerciale : catalogue PDF téléchargeable, formulaire de demande de devis pro, fiches techniques détaillées, conditions de revente. Distinct de la home grand public.
MODULE 05
Journal de studio
Notes d'atelier, retours de salon, expérimentations matière. Pas un blog « 5 conseils », un carnet — court, daté, visuel. Sert le SEO et la fidélité.
MODULE 06
Presse & expositions
Maison&Objet, Milan Design Week, parutions AD, Intramuros, Dezeen — une page dédiée, chronologique, avec scans PDF et liens externes. La crédibilité se documente.
Côté technique
Ce qu'on installe en Django.
Pas un thème acheté. Pas un page-builder. Six modèles Django pensés pour le portfolio process et la vente B2B aux éditeurs.
Modèle Product
Pièce, tirage, statut édition.
Champs edition_size, production_year, status (prototype, édition limitée, série courante). Schema.org Product + CreativeWork en auto.
ResearchPlate
Planches recherche typées.
Un modèle dédié par planche : croquis, planche inspiration, photo prototype, capture rendu 3D. Galerie ordonnée chronologiquement sur la fiche produit, le visiteur déroule l'histoire.
Material
Essence, finition, origine.
Table Django dédiée — chaque matière a sa fiche (swatch CSS, fournisseur, certifications FSC/PEFC). Reliée en M2M aux Products. Filtres catalogue natifs.
Edition
Éditeur lié, tirage, contact pro.
Modèle Editor avec page publique dédiée, contact commercial, lien d'achat. Plusieurs éditeurs possibles par pièce (édition simultanée FR/JP, par exemple).
Vue 360°
Séquence photos ou Three.js.
Modèle View360 = liste d'images ordonnées + viewer JS vanilla (24 à 36 frames). Option Three.js si modèle 3D fourni. Lazy-loadé, mobile-first.
Press & Exhibition
Parutions, salons, scans.
Deux modèles séparés — PressClip (titre, magazine, PDF, lien) et Exhibition (lieu, date, pièces présentées). Timeline auto sur la page presse.
Le point de vue de Dylan
« Un designer qui ne montre que l'objet final, c'est un magicien qui cache le tour. Votre site, c'est l'inverse — croquis, planches, prototypes, matières. Le client achète le process autant que l'objet. »
Dylan Saint-Jalmes · fondateur de l'agence
Méthode
Quatre étapes pour passer du studio au site.
I
Cadrage studio
Audit visio, 45 min.
On regarde votre book actuel, vos éditeurs, votre cible (collectionneurs ou pro), votre rythme d'édition. On en déduit l'architecture juste — ni trop, ni trop peu.
II
Conception graphique
Direction artistique sur 3 pages.
Maquette home, fiche projet, page éditeur. Typo, palette, grille, traitement photo : tout cadré sur Figma avant une ligne de code. Validation chiffrée, pas d'aller-retour infini.
III
Développement Django
Modèles, back-office, intégration.
Stack Django + Tailwind + CKEditor 5 pour les notes de studio. Back-office sur mesure pour que vous saisissiez vos planches recherche sans toucher au code.
IV
Mise en ligne & suivi
Formation 1h, hotline 30 jours.
On vous forme à publier une fiche projet en autonomie. Trente jours de hotline incluse, maintenance évolutive sur option. Le site grandit avec votre catalogue.
FAQ
Les six questions qui reviennent.
Une vue 360° de mon objet, c'est faisable techniquement ?
Les fiches matière, ça intègre les essences précises ?
Une page éditeurs commerciale, c'est utile vraiment ?
Les planches recherche, c'est un module Django spécifique ?
Multilangue (FR/EN), c'est inclus pour les éditeurs étrangers ?
Quel délai entre le brief et la mise en ligne ?
Votre site de designer
Vos pièces ont un process. Votre site mérite de le raconter.
Quarante-cinq minutes en visio, on regarde votre book actuel, on identifie les angles morts, on dessine l'architecture juste pour votre studio. Sans engagement, sans pitch commercial déguisé.
STUDIO · CONTACT