Qu’est-ce qu’une bannière de site portfolio ?
La bannière d’un site portfolio est le bandeau large tout en haut de la page. Elle porte votre nom, votre métier et une image qui donne le ton. Photographes, designers et freelances y tiennent, car un visiteur décide en quelques secondes s’il continue à défiler. C’est le premier élément que voit chaque visite.
Avec Morphic, vous concevez cette bannière dans votre navigateur, à partir d’un prompt. Décrivez l’image d’accueil, l’emplacement de votre nom et l’ambiance voulue, comparez quelques mises en page, puis téléchargez en HD dans un recadrage large. Vous obtenez une bannière soignée, sans passer par un webdesigner.
Décidez de ce que dit la bannière
Fixez votre nom et une courte phrase qui explique ce que vous faites, par exemple « Photographe, portrait et reportage ». Deux informations claires valent mieux qu’un paragraphe que personne ne lit.
Décrivez la bannière
Ouvrez Morphic et décrivez un bandeau large : l’image d’accueil, la place de votre nom et l’espace laissé à la navigation. Demandez deux ou trois mises en page pour comparer ce que l’œil voit en premier.
Gardez de la place pour l’interface
Demandez des zones calmes où le menu et le logo pourront se poser sans masquer le sujet. Une bannière qui ignore la navigation paraît toujours chargée une fois le site monté.
Vérifiez-la à toutes les largeurs
Affichez la bannière en large, puis recadrée en étroit, comme sur un téléphone. Régénérez toute version où votre nom sort de la zone centrale de sécurité.
Exportez et installez-la
Vérifiez que le texte est net et que l’image garde son détail en pleine largeur. Téléchargez en HD, puis définissez-la comme image d’accueil de votre site.
Deux mises en page de bannière pour le même portfolio, avec le nom et la ligne de métier.
Les qualités d’une bonne bannière de portfolio
| Qualité | Ce que cela signifie | Pourquoi c’est important |
|---|---|---|
| Clarté immédiate | Le nom et le métier se lisent d’un coup | Le visiteur sait tout de suite chez qui il se trouve |
| Place pour la navigation | Des zones calmes pour le menu et le logo | La page terminée reste aérée |
| Zone centrale sûre | L’essentiel survit aux recadrages étroits | La bannière fonctionne sur téléphone |
| Un ton fidèle au travail | L’image reflète votre style | Le site forme un ensemble avec vos réalisations |
Morphic ou la méthode traditionnelle
| Morphic | Faire appel à un webdesigner | |
|---|---|---|
| Coût | Disponible sur Morphic | Honoraires à chaque tour de modifications |
| Temps | Une bannière terminée en quelques minutes | Des semaines de briefs et de retours |
| Compétences | Décrire ce que vous voulez en langage courant | Notions de mise en page et de webdesign |
| Cohérence | Régénérez des variantes assorties | Une nouvelle commande à chaque changement |
Questions fréquentes
Prenez la largeur d’affichage de votre thème ou de votre plateforme de portfolio. Générez ensuite un format large en HD, pour que la bannière reste nette sur grand écran, et vérifiez le recadrage sur mobile.
Oui. Donnez le texte exact dans votre prompt, puis vérifiez le rendu et régénérez si l’orthographe ou l’espacement laisse à désirer.
Oui. Gardez le nom et l’information clé près du centre, puis affichez un recadrage étroit et régénérez tout ce qui se retrouve coupé.
Oui. Décrivez votre palette et votre style typographique, et générez une bannière qui s’accorde avec le reste du site.
Oui. Demandez des variantes au style commun. Les pages « à propos », « réalisations » et « contact » forment alors un seul site.
Oui. Les images générées avec Morphic sont autorisées pour un usage commercial, sur votre propre site comme pour vos clients.