{
  "id": "C-131",
  "category_id": "CAT-01",
  "title": "Décider à quoi ton site va ressembler",
  "slug": "sinspirer-de-sites-pour-construire-son-univers-en-ligne",
  "objective": "Avoir un brief visuel écrit en moins d'une heure — deux listes concrètes et actionnables",
  "description": "Pas de mois de réflexion. Tu ouvres 10 sites, tu notes ce qui te correspond et ce qui ne te correspond pas, et tu rédiges tes deux listes. En une heure tu sais exactement ce que tu veux — et tu peux le donner à un designer ou t'en servir toi-même.",
  "difficulty": 1,
  "is_derived": false,
  "tags": [
    "image_de_marque",
    "site_internet",
    "inspiration",
    "design"
  ],
  "associated_card_ids": [
    "C-130",
    "C-095"
  ],
  "detail": {
    "uluana_label": "Inspiration site",
    "intro": "Un site ne se construit pas dans le vide. Avant de choisir une couleur, une police ou un format de page, tu as besoin de savoir ce qui te correspond et ce qui ne te correspond pas. Cette carte te force à regarder des sites concrets et à en tirer des conclusions utilisables — pas des vagues impressions, des décisions.",
    "updated_at": "2026-08-05",
    "author": "Uluana",
    "sections": [
      {
        "type": "method",
        "title": "Regarder 10 sites, en tirer des règles claires",
        "steps": [
          {
            "step": 1,
            "title": "Trouver 5 sites qui correspondent à ton image de marque",
            "content": "Cherche 5 sites d'artisans, de marques ou de créateurs — pas forcément dans ton domaine — dont l'univers visuel te correspond. L'esthétique, les couleurs, la typographie, la façon dont les produits sont présentés, l'expérience qu'on ressent en naviguant.\n\nPas besoin que le contenu soit proche du tien. Un site de chocolatier artisanal peut t'inspirer autant qu'un site de céramiste si l'univers visuel est cohérent avec le tien.\n\nPour chacun, note : 3 choses concrètes que tu aimes (couleurs, mise en page, façon de présenter les produits, ton éditorial), et ce que tu ressentirais en tant que client en arrivant sur ce site."
          },
          {
            "step": 2,
            "title": "Trouver 5 sites de concurrents qui ne te correspondent pas",
            "content": "Cherche 5 sites de concurrents directs dans ton domaine — des gens qui vendent la même chose que toi — dont l'univers visuel ne te correspond pas.\n\nL'objectif n'est pas de critiquer. C'est d'identifier ce que tu veux éviter : certains codes visuels, certaines formulations, certaines façons de présenter les prix ou les produits.\n\nPour chacun, note : 3 choses concrètes que tu n'aimes pas, et pourquoi tu penses que ça ne correspond pas à ce que tu veux projeter."
          },
          {
            "step": 3,
            "title": "Rédiger ta liste de règles",
            "content": "À partir de ces 10 sites, écris deux listes :\n\n'Ce que je veux sur mon site' — des éléments concrets (ex: fond sombre, typographie serif, photos en grand format, peu de texte, prix affichés clairement, une seule collection mise en avant).\n\n'Ce que je ne veux pas' — aussi concret (ex: fond blanc générique, catalogue avec grille de produits sans hiérarchie, pop-up d'abonnement, mentions de livraison en haut de page).\n\nCes deux listes sont ton brief visuel. Tu les donnes à un designer, à un développeur, ou tu t'en sers comme guide si tu construis toi-même."
          }
        ]
      },
      {
        "type": "tips",
        "title": "Conseils Uluana",
        "items": [
          "1h c'est suffisant. Si tu n'as pas tes deux listes au bout d'une heure, tu procrastines — pas tu cherches.",
          "Note des éléments spécifiques : 'fond beige + typographie condensée + photos sans fond blanc' — pas 'c'est élégant'.",
          "L'expérience client compte autant que l'esthétique. Est-ce que tu trouves rapidement ce tu cherches ? Est-ce que tu fais confiance au vendeur en 30 secondes ?"
        ]
      },
      {
        "type": "warning",
        "title": "Pièges à éviter",
        "items": [
          "Regarder des dizaines de sites sans minuteur. Une heure, pas une journée.",
          "S'inspirer uniquement de marques très connues. Cherche des sites à une échelle proche de la tienne — pas Apple.",
          "Finir sans liste écrite. Une impression dans la tête n'est pas un brief. Le livrable c'est le texte sur le papier ou l'écran."
        ]
      }
    ]
  },
  "guide": {
    "domain": "image_de_marque",
    "xp": 15,
    "objectif": {
      "label": "Deux listes écrites en moins d'une heure — utilisables aujourd'hui",
      "metric_principale": "brief_visuel_complete"
    },
    "checklist": [
      {
        "id": "c131_timer",
        "label": "Poser un minuteur d'une heure — cette action se fait en une seule session",
        "detail": "Pas en plusieurs fois. Une heure, deux listes, terminé.",
        "requires_proof": false,
        "tutoriel": true
      },
      {
        "id": "c131_5_oui",
        "label": "Trouver 5 sites qui te correspondent et noter 3 éléments concrets pour chacun",
        "detail": "Pas forcément dans ton domaine. L'univers visuel et l'expérience client avant tout.",
        "requires_proof": true,
        "tutoriel": true
      },
      {
        "id": "c131_5_non",
        "label": "Trouver 5 sites de concurrents qui ne te correspondent pas et noter ce que tu veux éviter",
        "detail": "3 éléments concrets par site — pas d'impressions vagues.",
        "requires_proof": true,
        "tutoriel": true
      },
      {
        "id": "c131_brief",
        "label": "Rédiger les deux listes : 'Je veux' / 'Je ne veux pas' — au moins 5 éléments concrets chacune",
        "detail": "Ce brief est le livrable. Tu peux le donner à quelqu'un demain.",
        "requires_proof": false,
        "tutoriel": true
      }
    ],
    "mesure": {
      "questions": [
        {
          "metric": "brief_visuel_complete",
          "label": "As-tu tes deux listes écrites et utilisables ?",
          "type": "select",
          "options": [
            "Non, pas encore",
            "Oui, en cours",
            "Oui, complètes"
          ],
          "cadence_jours": 90
        }
      ]
    },
    "liens_cards": {
      "avant": [
        "C-130 — avoir d'abord étudié ses concurrents pour son positionnement global"
      ],
      "apres": [
        "C-132 — contacter des artisans plus avancés pour apprendre de leur expérience"
      ],
      "incompatible_si_absent": []
    },
    "type_fonctionnel": [
      "image_de_marque",
      "site_internet"
    ],
    "premier_pas": {
      "action": "Ouvrir 5 sites qui te correspondent maintenant — sans chercher longtemps, les premiers qui te viennent",
      "temps_estime": "1h max",
      "delivrable": "3 URLs notées comme point de départ"
    }
  },
  "examples": [
    {
      "artisan": {
        "craft": "Bijoutière",
        "city": "Bordeaux"
      },
      "action_taken": "A regardé 10 sites en 2h — 5 bijoutiers artisanaux dont elle admire l'univers, 5 concurrents directs dont elle ne voulait pas reproduire les codes.",
      "result": "A rédigé une liste de 12 règles concrètes. Quand elle a briefé son designer 2 mois plus tard, il a dit que c'était le brief le plus clair qu'il avait reçu.",
      "difficulty_felt": 1,
      "quote": "J'avais des intuitions vagues depuis des mois. Les noter noir sur blanc en regardant des exemples réels a tout débloqué.",
      "followable": false,
      "last_update": "2026-08-05",
      "status": "published"
    }
  ]
}