Créer un site de portfolio prêt à être présenté à vos clients avec Code Canva

4 min

Novice

Apprenez à transformer un simple prompt en site de portfolio professionnel avec Code Canva, à le personnaliser pour qu’il corresponde à votre marque et à publier un lien en ligne que vous pouvez envoyer directement à un client.

Créer un site de portfolio prêt à être présenté à vos clients avec Code Canva

4 min

Novice

Ce que vous apprendrez

Comment décrire le site de portfolio que vous souhaitez en un seul prompt simple et clair
Comment Code Canva transforme ce prompt en un site Web complet et réactif
Comment vous l’approprier, avec vos couleurs de marque, vos propres réalisations et de nouveaux prompts pour affiner
Comment publier un site en ligne avec son propre lien, prêt à être envoyé à un client

Lorsque vous travaillez en solo, votre site Web doit en faire davantage : il ne doit pas seulement prouver que vous êtes bon, mais aussi montrer qui vous êtes. Vous n’avez peut-être ni le temps ni le budget nécessaires pour faire appel à un développeur, et un créateur de modèles risque de ne pas vous offrir la flexibilité que vous recherchez.

C’est précisément là que Code Canva intervient. Vous décrivez le site que vous avez en tête, et il vous crée un site réel et réactif à partir de votre description : la mise en page, la structure et l’atmosphère sont façonnées en fonction de vous, et non à partir d’un modèle prédéfini. Ensuite, vous pouvez peaufiner votre site jusqu’à ce qu’il vous ressemble parfaitement. Voici comment passer d’un simple prompt à un site de portfolio qui ne ressemble à aucun autre et qui saura convaincre vos clients.

Commencez par un prompt clair

Ouvrez Code Canva et décrivez-lui ce que vous souhaitez, dans une langue simple. Imaginez que vous donnez un brief à un graphiste : nommez les sections dont vous avez besoin et l’ambiance que vous recherchez.

Pour un site de portfolio, cela signifie généralement :

un portfolio ou une galerie de projets pour montrer votre travail
une section Services : ce que vous proposez
une section « À propos de vous », qui décrit qui vous êtes
un moyen de nous contacter, par exemple un formulaire que vous pouvez connecter à Canva Sheets

Votre prompt pourrait donc être le suivant : «Crée un site Web de portfolio pour un consultant en marketing indépendant. Ajoute une barre de navigation avec le nom, une section principale avec un portrait, une ligne de statistiques et un carrousel de projets avec des mots-clés de catégories. Termine par un formulaire de contact. Adopte une esthétique graphique et percutante, avec des couleurs vives sur un fond clair.»

Astuce rapide :

Plus votre description est précise, plus le premier jet sera proche de ce que vous avez en tête, et moins vous aurez de modifications à faire par la suite. Indiquez votre domaine d’activité, les sections que vous souhaitez voir apparaître et l’atmosphère du site (épurée, audacieuse, ludique), plutôt que de vous contenter d’un simple « crée un site web ».

Générez votre premier jet

Envoyez votre consigne, et Code Canva crée l’ensemble du site : mis en page, réactif, avec toutes les sections que vous avez demandées. En un instant, vous passez d’une page blanche à un véritable site à l’écran.

Et pas d’inquiétude si cela n’a pas encore l’air terminé. Le plus difficile, c’est de se lancer, et c’est déjà fait. Prenez le temps de parcourir le site et de vous familiariser avec son contenu avant de commencer à le façonner.

Personnalisez-le

C’est à ce moment-là que le site cesse de ressembler à un simple point de départ pour devenir vraiment le vôtre. Tout se passe dans l’éditeur Canva, intuitif, sans que vous ayez besoin de coder.

Modifiez directement le texte et les images. Sélectionnez n’importe quel texte pour le reformuler, ou faites glisser vos propres images depuis les onglets Importations ou Éléments, exactement comme vous le feriez sur n’importe quel design Canva.
Adoptez vos couleurs et vos polices de marque. Ajustez-les dans l’éditeur pour que le site soit cohérent avec reste de votre marque.
Affinez le résultat avec de nouveaux prompts. Indiquez à Code Canva ce que vous souhaitez changer, comme « rendre la section principale plus percutante » ou « ajouter une section témoignages », et il ne modifie que cette partie sans toucher au reste. Besoin d’un ajustement spécifique ? Sélectionnez un élément et utilisez un nouveau prompt pour le peaufiner.

Canva Code peut aussi ajouter de l’interactivité, avec ces petits effets qui donnent vie à un site. Essayez des prompts comme :

« Sur les cartes de projets, ajoute un effet au survol qui soulève légèrement la carte et ajoute une ombre douce lorsque la souris passe dessus. »
« Fais défiler automatiquement la galerie de projets à l’horizontale, lentement et en continu, sans que l’on ait besoin de cliquer. »
« Lorsque quelqu’un clique sur une carte de projet, agrandis-la pour afficher une image plus grande et une brève description. »

Astuce rapide :

Modifiez un élément à la fois et vérifiez le résultat. Il est ainsi plus facile de voir ce qui fonctionne, plutôt que de demander cinq changements d’un coup et de devoir ensuite démêler ce qui a été modifié où.

Publiez et envoyez

Vous obtenez un site en ligne et vous pouvez choisir comment le partager, le tout sur Canva. En fonction de vos besoins, vous pouvez :

l’envoyer sous forme de lien Canva. pratique pour une recherche rapide par votre équipe
le publier sous un nom de domaine Canva gratuit
acheter votre propre nom de domaine personnalisé

Vous publiez sur un domaine ? Vous pouvez ajouter une protection par mot de passe pour protéger votre compte.

Copiez le lien et envoyez-le à votre client pendant que votre proposition est encore fraîche dans son esprit.

Avant d’envoyer, procédez à une vérification rapide : cliquez sur chaque lien pour voir le rendu sur appareil mobile.

Vous pouvez le faire de plusieurs manières : passez à la vue mobile dans l’aperçu, ou faites glisser le bord du design pour le voir s’adapter. Vous pouvez aussi ouvrir votre fichier sur un autre appareil. Les sites créés par Code Canva sont réactifs : ils s’adaptent à tout type d’écran, mais une petite relecture de 30 secondes suffit souvent à repérer les derniers détails à corriger.

Voilà un site professionnel, créé et mis en ligne sans écrire une seule ligne de code. Il est aussi convaincant que le travail qu’il met en valeur. De ce fait, la prochaine fois qu’une opportunité se présentera, il sera prêt à l’envoi.

Sur cette page