Speaker A
Est-ce que l'IA est enfin capable de créer un site web qui n'a pas l'air d'être fait par une IA ? Aujourd'hui, je vais mettre à l'épreuve le modèle le plus récent et le plus puissant de Penai GPT6 Astra. Pour ça, on va lui faire
Découvrez comment GPT6 Astra crée un site web complet sans coder, avec design, animations 3D et mise en ligne facile.
Key Takeaways
- GPT6 Astra permet de créer un site web complet sans aucune compétence en codage.
- L’intégration d’animations 3D et de design avancé est désormais accessible via IA.
- L’application Codex est essentielle pour gérer les fichiers et le développement local.
- La mise en ligne avec un nom de domaine personnalisé est réalisable facilement.
- L’IA est suffisamment mature pour proposer des sites web professionnels et créatifs.
What the video covers
- Présentation du modèle GPT6 Astra, le plus récent et puissant pour créer des sites web.
- Défi de créer un site web premium pour une marque de boisson en canette, étape par étape.
- Utilisation combinée de ChatGPT et de l'application Codex pour gérer fichiers et développement sans coder.
- Recherche d'inspirations design sur Pinterest pour définir l'univers graphique du site.
- Génération d'images personnalisées avec GPT6 Astra pour intégrer au site.
- Création de la structure du site web dans un dossier local via Codex.
- Ajout d'animations et d'effets 3D avancés pour un rendu moderne et dynamique.
- Mise en ligne du site avec un nom de domaine propre via un hébergeur web performant.
- Démonstration de la disponibilité et accessibilité du site sur différents appareils.
- Conseils pratiques sur l’utilisation optimale des outils IA pour la création web.
Chapters
- 00:00Introduction et présentation de GPT6 Astra
- 01:40Problématique des sites web créés par IA
- 03:07Installation et utilisation de l’application Codex
- 04:32Recherche d’inspirations pour le design du site
- 05:49Génération d’images personnalisées avec GPT6 Astra
- 07:13Création du projet et structure du site web
- 08:24Ajout d’animations et effets 3D
- 11:24Vérification et démonstration du site en ligne
- 19:24Conclusion et conseils pour utiliser GPT6 Astra
Full Transcript — Download SRT & Markdown
Speaker A
créer un site web ultra premium d'une marque de boisson de A à Z. Et chaque étape va être plus difficile que la précédente. On va commencer par une simple page d'accueil puis monter en niveau avec des animations, puis une
Speaker A
canette en 3D qui va tourner pendant qu'on descend sur le site et on finira par l'étape où presque tout le monde bloque : mettre le site en ligne avec son propre nom de domaine. Et l'IA dans cette vidéo doit tout faire, le design,
Speaker A
la 3D, les animations, la mise en ligne et tout cela sans que je n'aie jamais besoin de coder. Je vais faire tourner GPT6 Astra en mode ultra, comme ça on va pouvoir voir tout ce dont ce modèle est
Speaker A
capable. À la fin, vous saurez exactement jusqu'où on peut le pousser et s'il est enfin assez bon pour créer le site que vous repoussez depuis longtemps ou celui que vous pourrez proposer à une entreprise. Pour ceux qui me découvrent pour la première fois,
Speaker A
bienvenue. Moi, c'est Yas. J'ai fondé un cabinet de conseil en IA, une communauté gratuite de 78 000 membres et plus récemment une école spécialisée dans l'intelligence artificielle où on a déjà formé plus de 1 400 professionnels. Sur cette chaîne, je vous montre des cas
Speaker A
d'usage de l'IA générative pour le grand public, exactement comme cette vidéo. Alors, c'est parti. Alors, juste avant de passer à notre première étape de notre création de site web, c'est important de se rendre compte d'où est-ce qu'on part et où est-ce qu'on est
Speaker A
arrivé aujourd'hui. Parce que je pense que si vous vous intéressez un minimum à l'intelligence artificielle, eh bien vous êtes sûrement tombé sur ce qu'on appelle de l'AI slop ou du moins des sites web qui ont été créés par
Speaker A
l'intelligence artificielle et qui sont reconnaissables à des années-lumière. Et effectivement, on en a tous marre de voir passer ce type de site web sur internet qui n'ont pas de saveur et qui sont ultra simplistes. L'année dernière, on a eu une petite avancée avec les
Speaker A
modèles de Claude, donc de l'entreprise Anthropic. Mais malgré tout, ça restait quand même assez statique. Mais la réalité, c'est que récemment, pour ceux qui auraient suivi ça, on a un tout nouveau modèle qui est sorti chez OpenAI : GPT6 Astra, qui est aujourd'hui de loin
Speaker A
leur meilleur modèle. Typiquement là, on peut voir sur X les cas d'usage extraordinaires de ce modèle qu'en font les utilisateurs. On voit qu'il y a de la 3D ici. Ce qu'on va faire, c'est qu'on va pousser la créativité et la
Speaker A
compétence technique de ce modèle en intégrant des animations et de la 3D assez avancée comme celle-ci. Et d'ailleurs, il y a énormément d'utilisateurs qui vont faire un petit peu le même process qu'on va suivre aujourd'hui pour créer des sites tous
Speaker A
plus époustouflants les uns que les autres. Et il y a encore quelques mois, créer un site web aussi technique, eh bien ça demandait de passer par pas mal d'outils différents. On l'a déjà fait sur cette chaîne, sauf qu'aujourd'hui la grosse
Speaker A
distinction, c'est qu'on va utiliser un seul et unique outil de A à Z qui va être ChatGPT avec son dernier modèle.
Speaker A
Maintenant, ce que moi je vais vous conseiller de faire, parce que dans cette étape on va non seulement utiliser ce modèle mais on va également utiliser l'outil Codex. Alors, ne vous en faites pas, à aucun moment, il y aura besoin de
Speaker A
savoir coder. Mais pour pouvoir créer plusieurs sites web et aussi développer ceux qu'on va faire dans cette vidéo, eh bien c'est important de passer par leur application de code qui est en fait littéralement la même que ChatGPT.
Speaker A
Donc tout ce que vous allez faire, pour ceux qui ne l'ont pas encore fait, c'est taper ChatGPT application ou télécharger l'application. Venez sur ChatGPT et venez télécharger l'application desktop,
Speaker A
donc celle qui va se mettre directement sur votre ordinateur. Donc ce que vous allez faire, c'est venir en haut à gauche sur ChatGPT, cliquer dessus et vous allez voir en dessous qu'il y a l'application Codex qui en fait est une application dédiée au développement mais qui va
Speaker A
utiliser le même modèle qu'on pourrait retrouver sur ChatGPT. Pourquoi est-ce que Codex et l'application desktop sont nécessaires et ultra importants pour ce qu'on va faire ensemble dans cette vidéo ? Eh bien simplement parce que Codex va être capable de prendre le contrôle de
Speaker A
vos fichiers sur votre ordinateur, de créer des dossiers et de faire tout ce que vous pourriez faire vous derrière votre écran. Passons maintenant à notre première étape qui va consister à développer la première version de notre site web. Et un conseil que je peux vous
Speaker A
donner et qu'on va appliquer ici, quand vous souhaitez créer un site web et que vous démarrez de zéro, le plus simple est de trouver une inspiration. Aujourd'hui, on a accès à des sites qui recensent énormément de travail de designers ultra
Speaker A
qualitatifs et bien on peut faire exactement la même chose pour la création de notre site web. Donc moi aujourd'hui, pour cette démonstration, comme je vous l'ai dit au début de la vidéo, j'ai envie de créer le site web
Speaker A
d'une marque de boisson en canette. Donc la première chose qu'on va faire ici, c'est venir donc sur Pinterest et taper simplement le nom de mon idée. Donc par exemple, moi je vais voir un peu quels sont les brandings qui existent autour
Speaker A
de boisson. Donc beverage en anglais. Et on voit ici qu'il y a pas mal de styles différents. J'aime beaucoup ce style très, très coloré. Donc celle-là, je vais la garder de côté. Et ce qu'on va devoir faire ici aussi, c'est trouver un peu
Speaker A
des inspirations de site web parce que peut-être qu'il y a un style très atypique pour les boissons et j'aime beaucoup beaucoup cette image ou du moins la structure du site. Donc ce qu'on va faire, c'est qu'on va simplement
Speaker A
venir enregistrer l'image et je vais essayer de trouver une autre inspiration un peu différente pour combiner tout ça.
Speaker A
Je suis tombé sur cette image-là que je trouve très, très sympa. Alors bon, ça n'a rien à voir avec les canettes, mais l'univers, je le trouve très sympa. Je le trouve très pétant. Donc maintenant qu'on a trouvé notre inspiration et
Speaker A
l'univers un petit peu qu'on a envie de créer, ce qu'on va faire, c'est qu'on va laisser Codex de côté un petit instant, revenir sur ChatGPT, venir cliquer sur image et on va avoir accès au meilleur modèle de génération d'images du marché.
Speaker A
Et on va venir copier-coller ce qu'on a vu juste avant. Et ce que je vais faire, c'est que je vais simplement supprimer la bouteille de parfum que tu peux voir dans l'image et la remplacer par une canette de la même couleur. Une fois
Speaker A
qu'on aura ça plus l'univers de manière générale, on va pouvoir demander à GPT6 Astra de développer notre première version. OK, super, on vient d'avoir le résultat. Bon, vous voyez concrètement ce qu'on a fait, c'est qu'on a simplement remplacé par une canette.
Speaker A
Donc, on va venir télécharger cette image. Et une fois qu'on aura fait ça, on va pouvoir revenir sur Codex et créer notre tout premier projet pour développer le premier site web. Donc ce qu'on va faire, c'est qu'on va venir
Speaker A
choisir un projet. Ici, c'est très important de passer par cette étape parce que c'est dans ce dossier sur votre ordinateur que tous les fichiers de votre site web seront là. Et à partir de maintenant seulement vous avez accès
Speaker A
à Codex, mais Codex a accès à tout ce qu'il va mettre sur ce dossier-là. On va mettre l'effort de GPT6 Astra au maximum. J'y reviendrai en fin de vidéo sur tout ce qui va être tarification et prix. Donc on va coller l'image qu'on
Speaker A
vient de générer. Hop. Donc là, je vais venir ajouter également la structure du site que je trouve sympa. On va venir copier-coller un prompt où je lui demande globalement, grâce aux deux images de référence que je vous conseille de
Speaker A
faire. Vous pouvez mettre plus d'images de référence, mais dites-vous que plus vous allez donner au m...
Speaker A
première version fonctionnelle d'un site pour une marque de soda en s'appuyant sur les deux images jointes. Dans tous les cas, comme d'habitude, tous les promptes que je vous montre dans mes vidéos, je vous les mettrai à disposition dans la communauté gratuite.
Speaker A
Donc vous avez simplement à faire une demande, on en reçoit toujours pas mal. Donc là, on est 78000. C'est assez incroyable que la communauté, elle est gratuite he mais c'est ici qu'on va venir stocker toutes les ressources qu'on montre dans les vidéos. Comme ça,
Speaker A
vous pourrez retrouver exactement les mêmes promptes que vous verrez dans ce guide. Une fois qu'on a fait ça, on va simplement venir le lancer. Je vais le laisser faire notre première version et on se retrouve dans quelques minutes
Speaker A
quand il aura terminé. OK, après une dizaine de minutes d'attente, on a enfin le premier résultat et vous allez voir, c'est assez impressionnant. Honnêtement, le résultat est bien au-dessus de ce que j'aurais pu imaginer. Mais globalement, si aujourd'hui on est capable de
Speaker A
visualiser aussi bien notre site web directement depuis l'application desktop, c'est grâce à la fonctionnalité site qui s'appelle littéralement site sur chat GPT. Donc là, regardons un petit peu cette première version qui est pas mal du tout. Et la première chose
Speaker A
que vous allez pouvoir remarquer, c'est on voit des images que tu avais pas forcément mis en inspiration.
Speaker A
Rappelez-vous, moi tout ce que je lui ai donné, c'est cette image là et cette image d'inspiration et c'est tout. Et là, on se rend bien compte que ne serait-ce que la première image est complètement différente de ce que j'ai
Speaker A
pu lui donner. Et en fait, la force de ce modèle, c'est qu'il est allé de lui-même chercher le modèle de génération d'images pour créer des images. En plus, si on regarde ici, il y a un sous-agent qui a été créé par GPT6
Speaker A
Astra qui s'est occupé de faire les assets de la Brend et à plusieurs moments, il est venu utiliser son propre navigateur pour venir rectifier et débugger le site web. Donc là, ce qu'on a là, c'est quelque chose qui est déjà
Speaker A
fonctionnel, c'est-à-dire que je peux cliquer sur notre univers, ça va me faire slider, c'est incroyable. mais il a vraiment tout créé de A à Z. Même quand je viens sur le site, je vois que les animations elles sont assez sympas.
Speaker A
On a les canettes qui bougent. Voilà, on a notre première version qui est pas mal du tout, qu'on va venir un petit peu peaufiner et surtout sur laquelle on va ajouter de la 3D. Mais avant ça, il y a
Speaker A
une étape sur laquelle vous m'avez énormément demandé d'informations dans ma dernière vidéo sur chatt qui est le déploiement de notre site web. Donc là, vous voyez bien qu'il a fini de publier la VA en privé, donc elle est accessible
Speaker A
en privé sur ce site là. Il va la déployer sur ce lien là. Mais globalement, on reste, vous voyez, si je viens cliquer ici, on va rester sur un site qui a été créé et hébergé par Chat GPT. Nous, ce qu'on veut, c'est déployer
Speaker A
notre site web sur internet. Mais ce qui va être important de faire pour que tout le monde puisse y accéder, c'est de mettre ces fichiers là sur des serveurs qui vont rendre public votre site web au monde entier. Et pour cette étape, je
Speaker A
suis ravi de vous présenter les partenaires de cette partie de la vidéo Hostinger. Pour ceux qui ne connaissent pas, Hostinger, c'est une entreprise d'hébergement web, donc qui dispose de serveurs dans des data center et qui vont permettre de déployer des sites
Speaker A
web, des applications et plein de choses du style. Aujourd'hui, vous avez plein d'interactives pour venir déployer et mettre en ligne un site web. Mais Hostingers, ce qu'ils ont fait, c'est qu'ils ont très vite compris l'avènement de l'IA générative et du fait
Speaker A
qu'aujourd'hui des profils qui sont pas forcément techniques sont capables de créer des applications et des sites web.
Speaker A
Par contre, l'étape de mise en ligne, c'est la partie un peu plus technique. On se retrouve rapidement sur des sujets d'infrastructure, de sécurité, de performance qui pour le coup demandait un peu plus de compétences techniques.
Speaker A
Et du coup, ce qu'ils ont fait, c'est qu'ils ont créé un connecteur. Et en fait, ce connecteur que vous voyez ici sur cette page et bien va vous permettre de connecter la plateforme Hostinger et toute leur infrastructure directement à
Speaker A
n'importe quel IDE que vous pourriez avoir. Ça peut être Visual Code pour les plus techniques d'entre vous, mais ça peut être aussi Cloud Code ou Codex qu'on est en train d'utiliser dans cette vidéo. L'avantage c'est quoi ? C'est que
Speaker A
tout ce qu'on aura à faire c'est de venir ici sélectionner, vous voyez ici cloud code VS codex juste ici venir copier cette commande la remettre sur Codex et à partir de là en fait vous allez pouvoir laisser Codex faire tout
Speaker A
le déploiement de votre site web à travers les serveurs et l'infrastructure d'hostinger. Et l'avantage de passer par de l'hébergement web comme celui d'hostinger, c'est que vous allez avoir un site qui est beaucoup plus performant, c'est-à-dire qui va charger
Speaker A
bien plus rapidement grâce aux technologies d'ostinger qui va être bien plus sécurisé. Vous allez pouvoir être tranquille par rapport à la sécurité de votre site, mais surtout vous allez pouvoir gérer tout ça facilement directement depuis chat GPT sans jamais
Speaker A
avoir besoin de revenir sur la plateforme. Maintenant, si vous descendez un petit peu plus bas, vous voyez qu'il y a une offre qui est assez accessible et qui vous permet d'avoir un nom de domaine gratuit. Donc déjà, vous
Speaker A
avez rentabilisé la moitié de l'abonnement et un email gratuit qui vient avec. Et en plus de ça, comme d'habitude, ils sont très sympas. Ils nous mettent à disposition un code promo que vous pouvez réutiliser si vous le souhaitez qui va vous enlever aussi 10
Speaker A
%. Ce que vous aurez à faire une fois que vous aurez créé votre compte, c'est de revenir sur cette page là, venir copier la commande pour Codex et après on va le lancer. Et à partir de maintenant, je n'auraiis plus jamais
Speaker A
besoin de me soucier du déploiement, de la mise en ligne, de l'infrastructure. Donc là, vous voyez notre chat GPT qui dit qu'il va ajouter le serveur MCP Hostinger, dit que Hostinger est déjà déployé. Effectivement, moi je suis déjà
Speaker A
client de l'outil, donc j'avais déjà mis la commande et s'il vous dit ça, bon bah demandez-lui simplement de déployer votre site web. Voilà, je lui dis déploie mon site web. Et normalement ce qui va se passer, c'est qu'il va vous
Speaker A
demander de vous authentifier directement sur Hostinger pour s'assurer que vous avez bien un compte. Bon, après quelques petites secondes, le site est enfin en ligne. Donc là, vous allez remarquer que c'est plus écrit chat GPT site mais bien hostingersite.com. Donc
Speaker A
avec quelques petits trucs aléatoires avant, mais ne vous en faites pas, on va y remédier dans un petit instant. Et globalement, si on vient ici et qu'on l'ouvre dans notre navigateur, donc Google Chrome, là on voit que il est
Speaker A
bien déployé sur les serveurs de Stinger, qu'on a bien notre site, donc tout ce qu'on a fait avant, qu'on va venir pefiner dans un instant. Mais félicitations, si vous avez suivi la vidéo jusqu'ici et que vous avez appliqué toutes les étapes, normalement
Speaker A
à ce stade, votre site web est en ligne. Maintenant, ce qu'on va faire, c'est qu'on va revenir dessus et on va venir choisir un nom de domaine pour enlever ça. Je voudrais que tu me fasses plusieurs propositions de nom de domaine
Speaker A
disponibles qu'on va associer à ce site web. Regarde ce qui est disponible et ensuite on choisira et je te laisserai faire la connexion entre les deux. Donc là, comme ça, on va avoir un nombre de domaines sympa. Donc pareil là, c'est
Speaker A
l'avantage de passer par Hostinger, c'est que depuis tout à l'heure, on travaille sur des choses qui relèvent de l'infrastructure de notre site web, donc tout ce qui est gestion des serveur.
Speaker A
Mais l'avantage, c'est qu'avec leur nouveau connecteur, on peut tout faire depuis ici. Là où normalement vous devriez jongler entre la plateforme d'hébergement web, votre outil, là on peut le faire depuis le chat GPT. Donc maintenant, on a plusieurs propositions
Speaker A
de domaine. Honnêtement, moi je partirai sur celui-ci. Si vous passez par Hostinger, ce sera totalement gratuit et vous n'aurez rien d'autre à faire que simplement sélectionner comme ça.
Speaker A
Pendant qu'il fait l'association de ce nouveau nom de domaine avec notre site web et qui va le déployer, on y reviendra en fin de vidéo, on va pouvoir passer à la deuxième étape qui est la plus importante qui va consister à
Speaker A
rajouter de l'animation et un effet 3D sur notre site web et notamment grâce à un secret qu'on va retrouver derrière tous ces sites web où vous pouvez voir pas mal d'animations 3D. Donc le but là, je vous ai trouvé quelques sites qui
Speaker A
recensaient pas mal de sites avec bah cet effet de profondeur ou qui donnait vraiment un côté premium au site web. On sort précisément de ce que je vous montrerai au début de la vidéo avec les Slop ou un petit peu ces sites web
Speaker A
génériques qu'on retrouvait partout. Et bien le secret qui se cache derrière le développement de ce style de site web et bien c'est la génération vidéo. Parce qui se cache là derrière c'est littéralement une vidéo qu'on va donner à Chat GPT qui va venir un petit peu
Speaker A
disséquer pour recréer cet effet de scroll. C'est-à-dire que quand on va avoir notre site web, plus on va scroller, plus on va rentrer en profondeur. Donc ce qu'on va faire, c'est qu'on va revenir sur notre petit chat GPT et on va lui demander partir de
Speaker A
l'image de référence ici qu'on va venir récupérer dans un instant de nous préparer un prompt complet qu'on va donner à un modèle de génération de vidéos pour nous créer la vidéo pour notre site web. Comme je vous l'ai dit,
Speaker A
il sera disponible dans le guide à la fin de la vidéo. Alors, on va venir maintenant lui donner l'image qui a été générée au début par justement notre modèle qui nous a servi de base pour notre site web. Donc, j'ai pris cette
Speaker A
image, je lui donne là et on va simplement le lancer. Vous pouvez prendre le modèle selon vos préférences, les coûts et cetera. Moi aujourd'hui, je passe par une plateforme qui s'appelle Xfield et surtout parce qu'ils ont accès à Sidence 2.5 qui est donc un modèle
Speaker A
chinois de génération de vidéos qui pour moi aujourd'hui est de loin le plus performant. La durée, je vous conseille 9 secondes, vous pouvez mettre en 16/9e et après la qualité, bah plus ça va plus la vidéo va être qualitative, mieux ça
Speaker A
va rendre sur le site web. Donc 1080p ici. En attendant, ce que nous on va pouvoir faire, c'est de lui donner déjà notre image de référence. Une fois que vous avez ajouté votre image de référence, tout ce qui nous reste à
Speaker A
faire, c'est de venir prendre le prompt qui a été créé par chat GPT. On va venir copiercoller notre prompt entier juste ici. Et là, on va pouvoir venir générer notre vidéo. Et dès qu'elle sera prête, tout ce qu'on aura à faire, c'est de la
Speaker A
récupérer et de la mettre directement ici sur chat GPT pour lui demander de terminer le travail et de l'intégrer à notre site avec l'effet de scrolling qui va faire qu'elle va tourner, qui va nous donner cet effet de profondeur
Speaker A
recherché. OK, donc là, on a notre premier résultat. J'ai fait plusieurs tests pour voir un petit peu ce que ça donnait avec différentes démonstrations.
Speaker A
Donc là, on va regarder hein. C'est c'est quand même quelque chose d'assez basique. On veut pas que ça parte non plus dans tous les sens, sinon ça risque de mal s'intégrer au site web. Donc c'est très bien. Il y a une un petit
Speaker A
effet comme ça. On revient ici sur Codex. On va venir mettre la vidéo qu'on vient de télécharger à l'instant. On va lui mettre ici comme ça il a la vidéo.
Speaker A
Et dès que vous avez cette vidéo intégrée, on va lui mettre un petit prompt ici. Pareil qui sera disponible pour ceux qui le souhaitent. intègre cette vidéo dans la héros. Donc c'est la première section avec une animation pilotée par le défilement qui revient en
Speaker A
arrière lorsqu'on remonte. Je vois ici qu'il nous a ouvert une autre page justement directement sur Hostinger pour pouvoir sélectionner notre nombre de domaines gratuit. Comme ça, on finit ce qu'on a démarré tout à l'heure. Donc là, j'ai mis zoomaboisson.com.
Speaker A
Voy ici que c'est gratuit avec l'offre que je vous ai présenté tout à l'heure.
Speaker A
On va bien sélectionner celui qui est gratuit juste ici. Et tout ce qu'on aura à faire, c'est faire next. Encore une fois, vous avez simplement eu normalement besoin de vous connecter à travers le navigateur tout à l'heure pour faire la connexion entre chat GPT
Speaker A
et votre compte Hostinger. Et donc maintenant que c'est fait, normalement il va pouvoir mettre le nom de domain directement ici qu'on vient d'acheter.
Speaker A
En plus, je vois que la vidéo arrive gentiment au bout. On va finir. Bon, je vois qu'elle fonctionne déjà. Je vais la laisser terminer quand même.
Speaker A
Franchement, le taf est assez ouf. Donc quand on vient ouvrir le site web qui va être bientôt déployé sous le nombre de mains qu'on a choisi et qu'on vient défiler un petit peu, on voit bien l'animation de la bouteille. Donc moi,
Speaker A
je lui ai dit de faire exprès de mettre un truc assez sobre. On aurait pu partir sur quelque chose d'un petit peu plus fou comme les sites que je vous montrais tout à l'heure. Le but c'est quand même
Speaker A
de créer un site web qui puisse vendre. On y reviendra en plus à la fin de la vidéo. Là, il est en train de finaliser tout ça et on va pouvoir passer à la dernière étape. Pour cette troisème et
Speaker A
dernière étape, on va venir pefiner et finaliser notre site web. Donc là, vous voyez que on a cette version là. Nous, pour notre dernière étape, ce qu'on va faire, c'est à travers la fonctionnalité site de venir pefiner ce qu'on voit là.
Speaker A
Donc ce qu'on va faire c'est qu'on va cliquer ici pour mettre le site web en plein écran. Et si on regarde juste à côté, on voit qu'on a un petit plus qui va nous permettre en fait de venir
Speaker A
annoter directement des commentaires sur notre site web. Et en fait ça ça va nous permettre d'aller beaucoup plus vite sur le pefinage du site. Typiquement moi je trouve que ce bouton là qui est censé être un appel à l'action pour aller
Speaker A
acheter les boissons. Donc ce que je vais merre, c'est un petit commentaire pour dire rend ce bouton plus visible.
Speaker A
Donc là on va pouvoir le laisser ici. Donc on va valider ce commentaire. Là typiquement il a oublié de mettre la marque sur la boisson. Donc on va venir cliquer ici, ajoute la marque sur la poisson et là on sera bon, on pourra
Speaker A
valider le commentaire. Et en fait c'est ça l'avantage de la fonctionnalité de site. Par exemple ce bouton, je le trouve un peu plat. Donc améliore design ce bouton. Une fois que vous avez fini, tout ce que vous aurez à faire c'est
Speaker A
d'envoyer vos commentaires directement dans le chat. Donc on va pouvoir réduire la fenêtre du site web. Vous voyez qu'il y a les trois annotations et lui va pouvoir venir prendre en compte vos remarques et les déployer à nouveau.
Speaker A
Parfait. Donc là il a fini de mettre à jour les différentes annotations que je lui avais donné. Donc là, vous voyez que le bouton est beaucoup plus visible.
Speaker A
Donc il y a même un petit effet dessus. Là pareil, il y a un petit effet qu'il a mis dessus. L'animation est toujours là, très sympa. Et quand on descend un petit peu, on voit que justement il est venu
Speaker A
générer une nouvelle image qu'il avait besoin de mettre ici avec le logo cette fois-ci. Et donc si on vient cliquer sur ce petit bouton, on se rend bien compte grâce encore une fois au connecteur qu'il a pu mettre la nouvelle version
Speaker A
directement sur internet. Donc il a republié, redéployé le site avec toutes les modifications et on aura donc finalement notre site web terminé connecté à notre nom de domaine qui sera accessible depuis n'importe où. Quelque chose que moi je recommande quand même à
Speaker A
tous nos élèves ou à toutes les personnes qui regardent ces vidéos, c'est que ces sites sont très jolis.
Speaker A
Mais le but de tout site pour toute entreprise, c'est de convertir. C'est pour ça qu'on a mis à disposition de nos élèves dans notre école un skill qui permet de venir critiquer un site web et landing page pour voir un petit peu
Speaker A
comment est-ce qu'on pourrait l'améliorer pour qu'il convertisse. Donc c'est une ressource qui est disponible pour les élèves de l'école. Pour ceux qui ne savent pas ce que c'est un skill, c'est une sorte de marche à suivre qu'on va venir télécharger et mettre dans
Speaker A
notre IAD. Donc moi, vu que je l'ai déjà téléchargé, je vais venir mettre Rust ici. Je vais lui dire de venir critiquer mon site web et une fois qu'on aura fait ça et bien il va me relever les trois
Speaker A
points que je vais pouvoir améliorer et il me suffira à ce moment-là de demander directement à Chat GPT de les mettre à jour dans notre site. Mais le gros du travail a été fait et pour ceux qui pensent toujours qui sont pas assez
Speaker A
techniques, honnêtement tous les jours, on a des élèves qui arrivent à faire des choses assez incroyables avec les là c'était le cas par exemple de Magali qui est venu créer une application complète pour un de ses clients et qui a réussi à
Speaker A
la vendre. Donc vraiment, dites-vous qu'aujourd'hui la partie technique, ça doit plus être un frein. Alors bien sûr qu'il y a plein de choses à apprendre.
Speaker A
Nous, c'est pour ça qu'on crée plein de modules différents dans notre école sur l'open source, sur le RGPD, sur Nend, sur CL code et tous ces outils. Et ce qui fait la différence entre quelqu'un qui sait utiliser LIA et quelqu'un qui
Speaker A
ne le sait pas, c'est plus les outils, c'est la méthode et la manière dont il va utiliser ces outils pour atteindre un objectif. Donc vraiment, je ne veux plus que vous soyez bloqué par ces croyances un peu limitantes, techniques. Essayez,
Speaker A
suivez des guides comme ce qu'on a fait dans cette vidéo et vous verrez que vous aussi, vous serez capable de créer des sites web aussi impressionnants que celui-ci ou des applications.
Speaker A
D'ailleurs, pour ceux que ça intéresse, on organise notre prochain événement physique avec notre école, vu que je l'ai mentionné juste avant dans les prochaines semaines. Donc le 9 octobre, je crois que c'est dans de tr semaines.
Speaker A
Donc s'il y a bien un moment pour rejoindre l'école, et bien je vous conseillerai de le faire maintenant.
Speaker A
C'est un moment qui est toujours assez privilégié, très sympa. Là, pour le coup, on fait venir des intervenants pour parler justement d'infrastructure IA et de déploiement. Donc, pour tous les potentiels nouveaux élèves qui hésitaient à nous rejoindre, c'est
Speaker A
vraiment le moment parfait. Si on revient sur notre site, normalement tout est bon. On a les trois critiques que nous a relevé notre skill de l'école. Il me dit justement qu'il faudrait corriger les ICK du trio, garder le slogan et
Speaker A
rendre les sous-titres plus concrets et donner une destination à l'envie suscitée. Pour vous montrer que le site est bel et bien déployé, là je vais regarder sur mon téléphone et vous allez voir qu'il est bien disponible juste ici. Globalement, vous avez compris
Speaker A
l'idée, il est bien disponible. On voit bien qu'il est disponible sur le nom de domaine qu'on a acheté et c'est comme ça que vous avez réussi à créer votre premier site de A à Z en y mettant de
Speaker A
l'animation, de la 3D et en le mettant en ligne directement. Alors juste avant de conclure cette vidéo, j'avais envie de parler un petit peu de prix parce que tout ça, vous vous en doutez, c'est pas gratuit. Donc dites-vous que pour une
Speaker A
centaine d'euros maximum, je pense que vous avez déjà accès à GPT6 Astra avec l'abonnement à 20 €. Mais si vous créez un site web pour vous, pour un client ou pour une autre entreprise, investir 100 € dans un abonnement pour pouvoir créer
Speaker A
un site ultra qualitatif en quelques heures seulement, et bien ça vaut quand même la peine. Vous avez toujours des moyens d'optimiser un petit peu les coûts, mais faut quand même remettre l'église au milieu du village. 100 € pour avoir un site aussi performant
Speaker A
alors que vous n'êtes pas développeur et bah ça reste quand même très très accessible. C'est des sites qui normalement vaudraient des milliers d'euros si vous passiez par une agence.
Speaker A
Donc c'est important de s'en rappeler. Et finalement n'oubliez pas si vous avez envie de passer par Hostinger pour déployer votre site web de manière la plus simple possible et sécurisée, vous avez mon code promo et le lien qui
Speaker A
seront en description. Merci d'avoir regardé la vidéo jusqu'au bout. C'était Yas. Ciao tout le monde.
Topics:GPT6 Astracréation site webintelligence artificielledesign webanimations 3DCodexChatGPThébergement webno codetutoriel débutant
