
Claude Code + Higgsfield = Insane $10K Websites
Audio Summary
AI Summary
Le présentateur a récemment créé un site web pour sa nouvelle entreprise, AI Makeover, spécialisée dans la transformation de l'IA pour les entreprises. L'objectif était de créer un site visuellement impressionnant et capable de générer un grand nombre de prospects. Il a utilisé une combinaison d'outils, notamment Claude Code pour le développement, Higsfield pour la génération de médias, et Osprey pour la capture de prospects.
Le concept du site web est central à son succès. Inspiré par des designs 3D vus sur Twitter, le présentateur a imaginé une "sphère" interactive pour représenter l'idée de transformer une entreprise en une "intelligence" en centralisant toutes ses sources de données. Il a utilisé Claude Code pour l'aider à conceptualiser et à affiner ce design.
Un aspect crucial pour qu'un site web se démarque est le contenu personnalisé, en particulier les médias et le texte. Contrairement aux sites générés par l'IA qui manquent souvent de contenu unique, le présentateur a mis l'accent sur des photos et des vidéos de haute qualité. Pour les médias, il a utilisé Higsfield, un outil qui lui a permis de transformer des images fixes et verticales de ses projets clients en clips vidéo dynamiques. En intégrant Higsfield via l'API de Claude Code, il a pu demander à l'IA d'explorer les capacités de Higsfield et de générer des vidéos 16x9 à partir d'images existantes, améliorant ainsi l'attrait visuel du site.
Pour la conception de l'interface utilisateur (UI), le présentateur a fait appel à deux outils supplémentaires non sponsorisés : 21st.dev et Mobin. Ces plateformes offrent des bibliothèques d'UI et des exemples de sites web de grandes marques. En les connectant à Claude Code via l'API, il a pu interroger ces ressources pour obtenir des idées et du code pour des composants UI spécifiques, tels que des sphères ou des orbes, et pour améliorer la qualité générale de la conception. Il a également intégré 3.js pour des éléments 3D de haute qualité.
Le processus de construction a été itératif, avec Claude Code générant de multiples variations de chaque section (la sphère, les cartes de transformation, la section "méthode de transformation") jusqu'à ce que le présentateur soit satisfait du résultat. La section "méthode de transformation", bien que potentiellement "excessive", illustre clairement le processus de l'entreprise et comporte des animations complexes. Après environ deux jours de développement, le site a atteint un état satisfaisant, bien que l'optimisation mobile ait nécessité un travail supplémentaire en raison de la complexité du design.
L'étape suivante, et un point clé de la vidéo, était d'assurer un taux de conversion élevé malgré la complexité du design. Le présentateur craignait qu'un design trop sophistiqué ne nuise aux conversions par rapport à des pages de destination plus simples. Pour contrer cela, il a introduit Osprey, un outil de génération de prospects basé sur l'IA.
Osprey fonctionne en identifiant les visiteurs d'un site web, même s'ils ne remplissent pas de formulaire ou ne s'inscrivent pas. Selon Osprey, il peut identifier environ 40% du trafic américain, fournissant des informations telles que le nom complet, l'e-mail, le profil LinkedIn et le numéro de téléphone avec une précision de 80 à 85%. Le présentateur a souligné que cela représente des "prospects gratuits" pour les visiteurs qui n'auraient pas autrement interagi. Il a reconnu que cela touche à une zone "grise" en matière d'anonymat en ligne et a conseillé aux utilisateurs de faire leurs propres recherches.
L'intégration d'Osprey dans le site web a été réalisée en utilisant Claude Code. Le présentateur a demandé à Claude Code de "scraper" la documentation d'Osprey à l'aide de Firecrawl (un outil de scraping web recommandé pour son efficacité) et d'intégrer le script d'Osprey dans le code du site. Une fois le site déployé sur le domaine ai-makeover.io et Osprey intégré, le présentateur a testé le script pour s'assurer qu'il détectait le trafic.
Quelques jours plus tard, après avoir optimisé le site pour les mobiles et dirigé du trafic vers celui-ci, le présentateur a présenté les résultats sur le tableau de bord d'Osprey. Sur quelques centaines de visiteurs, Osprey avait identifié 194 entreprises. L'outil évalue la "pertinence ICP" (Ideal Customer Profile) des entreprises et des individus en fonction du profil d'entreprise et professionnel renseigné dans les paramètres d'Osprey. Cela permet de qualifier les prospects et de déterminer s'ils correspondent aux critères de l'entreprise (par exemple, entreprises de 1 à 50 millions de dollars de chiffre d'affaires, basées sur la création de contenu).
En plus des entreprises, Osprey identifie également des personnes. Le présentateur a montré comment l'outil fournit des informations détaillées sur les individus, y compris leur profil LinkedIn, leur adresse e-mail et l'historique de leur activité sur le site (pages visitées, temps passé), le tout sans qu'ils aient eu à se connecter.
Le présentateur a discuté des stratégies recommandées par l'équipe d'Osprey pour utiliser ces données. Une fois qu'une personne ou une entreprise est identifiée et jugée pertinente (par exemple, un score ICP de 70 ou plus), il est possible de mettre en place des intégrations d'outils de démarchage. Par exemple, un webhook peut être configuré pour envoyer un e-mail "froid" (bien que le présentateur souligne qu'il ne s'agit pas vraiment d'un e-mail froid puisqu'ils ont déjà interagi avec le site) ou pour déclencher des actions sur des plateformes comme Expandi pour l'envoi de demandes de connexion LinkedIn.
Le présentateur a montré un exemple d'un compte Osprey plus développé, avec 1 400 entreprises et 657 contacts identifiés, soulignant le potentiel de l'outil pour générer un grand nombre de prospects. Le tableau de bord d'Osprey inclut également une section d'analyse similaire à Google Analytics, mais intégrée à son système d'identification des prospects.
En conclusion, le présentateur a exprimé son enthousiasme pour cette catégorie d'outils, en particulier lorsqu'ils sont combinés avec des agents de codage comme Claude Code. Il estime que ces outils permettent de transformer un site web en un "entonnoir étanche" capable de capturer un maximum de prospects à partir du trafic existant, augmentant potentiellement les revenus de 15 à 30% sans nécessiter plus de trafic.
Le présentateur a invité les spectateurs à visiter son site web, à découvrir Higsfield pour la création de médias, et à explorer Osprey pour la génération de prospects.