Alors, vous avez décidé qu'il était enfin temps de lancer un site Web pour montrer vos compétences professionnelles ou votre complicité. En préparation, vous avez trouvé le domaine parfait, vous vous êtes inscrit à un service de création de site Web, vous avez sélectionné le bon modèle et vous avez rédigé une copie primée. Et maintenant, vous regardez votre grand site Web magnifique et vierge . L'accent sur le blanc.
Malgré la facilité avec laquelle de nombreuses plates-formes en ligne facilitent la création d’un site Web ces derniers temps, regarder une page vide vous fait probablement tourner la tête. Après tout, vous devez encore comprendre certaines choses, telles que les photos à inclure et la mise en page, et si vous ne possédez pas beaucoup de connaissances en matière de conception de sites Web, le processus peut sembler sérieusement intimidant.
Nous sommes ici pour vous dire que vous avez ceci. Pour vous aider à créer un beau site web en un clin d'oeil, nous avons mis au point le kit d'outil ultime qui vous guidera à travers tous les éléments nécessaires à la mise en place de votre site, ainsi que nos programmes préférés et nos conseils professionnels pour les créer. impressionnant.
1. Les images
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Vous avez sûrement entendu le dicton «Les images valent mille mots». Cela est particulièrement vrai en ce qui concerne le contenu numérique; plus vous pouvez en transmettre à travers des images accrocheuses, moins vous aurez besoin de texte pour décrire ce que vous essayez de dire ou de vendre.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Commencez par penser à vous et à votre travail. Avez-vous une photo professionnelle que vous pouvez utiliser? Si ce n'est pas le cas, trouvez un ami et essayez de prendre le vôtre, ou envisagez de faire appel à un professionnel. Avez-vous des photos ou des captures d'écran du travail que vous avez effectué dans le passé? Ramassez-les. Que diriez-vous des photos que vous aimez et que vous avez partagées sur Instagram qui représentent votre travail ou votre personnalité? Choisissez quelques-uns de vos favoris.</p>
<p>Si vous avez besoin de charge, les images de stock sont la voie à suivre. Unsplash et StockSnap.io font partie de nos options préférées sans attribution (ce qui signifie que vous pouvez les utiliser gratuitement et à votre guise). Si vous ne trouvez pas ce que vous cherchez, vous pouvez envisager de payer pour une ou deux images parfaites. Il existe une multitude d'options, allant de sites de stockage d'images volumineux tels que Getty Images (intégrant Squarespace offrant des images à 10 dollars aux acheteurs du site), à de petites exploitations telles que Stocksy et Twenty20, où le coût est généralement compris entre 10 et 25 dollars US. par image.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Lorsque vous choisissez ces photos, pensez à des images qui reflètent votre personnalité ou les choses que vous passez chaque jour à faire. Comme la plupart d'entre nous, êtes-vous assis à un bureau toute la journée? Recherchez une photo de bureau qui correspond à votre personnalité. Votre travail principal implique-t-il des personnes? Cherchez des plans montrant des groupes collaborant. Parlez-vous de votre passion pour les voyages? Recherchez des photographies époustouflantes de vos destinations préférées. Vous pouvez même décider d’utiliser une vidéo comme image d’arrière-plan si cela convient au travail que vous faites!</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Il est fort probable qu'à un moment ou à un autre, vous souhaitiez modifier les images que vous avez déjà ou que vous avez trouvées en ligne. Commencez par recadrer, éclaircir, retoucher et même ajouter du texte ou des graphiques avec un simple éditeur d'images. Certains services de conception de sites Web, y compris Squarespace, disposent d’un éditeur d’images intégré à la plate-forme. Sinon, il existe de nombreuses options gratuites ou bon marché en ligne. PicMonkey offre un ensemble complet de fonctionnalités pour 5 $ / mois, allant du blanchiment des dents facile à utiliser aux effets de maquillage pour votre tête, en passant par les filtres photo, les cadres et plus encore.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script><p><strong>Lectures supplémentaires:</strong> 50 photos gratuites à utiliser pour rendre vos profils sociaux plus étonnants</p>
<a id="menu-2"></a><h2>2. La palette de couleurs</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>De nombreux modèles de sites Web sont livrés avec un jeu de couleurs prédéfini. Si vous aimez ce que vous recevez, n'hésitez pas à ignorer cette section. Toutefois, les couleurs étant un moyen simple d’ajouter un peu de personnalité à votre site, vous pouvez choisir de les modifier.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Que vous aimiez le noir et le blanc avec une touche de luminosité ou que vous souhaitiez ajouter quelques nuances sur votre site, coolors.co est une excellente ressource pour identifier les couleurs qui vont bien ensemble. C'est très facile à utiliser - il suffit de visiter le site et d'appuyer sur la barre d'espace jusqu'à ce que vous tombiez sur un ensemble de teintes que vous aimez. Vous pouvez même télécharger des photos aux couleurs que vous aimez et obtenir directement des échantillons. Si vous incluez de nombreuses images sur votre site, cela pourrait être une bonne stratégie pour vous assurer que votre jeu de couleurs fonctionne dans son ensemble. Un autre endroit surprenant pour trouver des couleurs qui fonctionnent bien et qui vous représentent? Votre placard! Tirez sur certains de vos fils préférés et faites correspondre vos choix de couleurs à ceux-là.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script><p>Pour éviter que les choses ne vous gênent, nous vous recommandons de choisir une palette essentiellement neutre avec une à deux couleurs d'accent. Pour un accès facile, essayez quelques nuances de gris ainsi que votre couleur préférée et sa teinte complémentaire (par exemple, gris clair, gris moyen, gris foncé, orange et bleu). Une fois que vous aimez ce que vous avez assemblé, exportez la palette dans son ensemble ou copiez les codes de couleur de nuances spécifiques et collez-les directement dans le code de votre site ou dans l'éditeur de style intégré.</p>
<p><strong>Pour en savoir plus:</strong> Théorie des couleurs pour les concepteurs: création de vos propres palettes de couleurs</p>
<a id="menu-3"></a><h2>3. Les polices</h2>
<p align=)
.</p>
<p>Un mot d'avertissement: s'il est tentant de choisir quelque chose d'amusant ou de différent, vous devez suivre le même principe que lorsque vous choisissez des polices sur votre CV et vous assurer que tout est professionnel et lisible. Si vous voulez vraiment inclure une police cursive ou unique, jouez-la en la plaçant à un seul endroit en tant qu'élément graphique (dans votre en-tête, par exemple) et en gardant le reste du texte plus élémentaire.</p>
<p><strong>Lectures supplémentaires: Les</strong> 20 meilleures et les pires polices à utiliser sur votre CV (ou votre site personnel)</p>
<a id="menu-4"></a><h2>4. La mise en page</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Maintenant, vous avez tout choisi - mais où mettez-vous tout cela sur la page? Organiser de nombreux contenus et leur donner une apparence intentionnelle peut s'avérer difficile si vous n'êtes pas familiarisé avec la conception Web, mais il existe de nombreuses façons de se mettre rapidement à niveau.</p>
<p>Si vous construisez votre site sur Squarespace, vous apprécierez les dispositions de base de la société, qui offrent des modèles optimisés pour tout, de votre page à propos à une page de contact. À partir de là, vous pouvez brancher votre contenu directement ou déplacer des blocs d’éléments pour répondre à vos besoins.</p>
<p>Les sites des autres utilisateurs sont un autre excellent endroit pour vous inspirer. L'imitation est la meilleure forme de flatterie, alors trouvez des personnes qui, à votre avis, ont bien organisé leurs sites et essayez d'imiter les éléments qui vous plaisent à leur sujet. Vous pouvez également rechercher des termes tels que «conception de site Web» et «mise en page de site Web» pour recueillir des exemples que vous pouvez reproduire vous-même.</p>
<p><strong>Lectures supplémentaires:</strong> Les 35 meilleurs sites Web personnels que nous ayons jamais vus</p>
<a id="menu-5"></a><h2>5. Le logo</h2>
<p align=)
, sur des sites sociaux et dans divers contextes (par exemple, sombre, clair et transparent).</p>
<p>Vous pouvez également utiliser votre logo en tant que votre favicon (la petite icône qui apparaît dans l'onglet de votre navigateur) - ou l'ajuster à une version plus simple à utiliser à cet emplacement. Un favicon aide non seulement votre visiteur à vous identifier, mais il augmente également votre crédibilité en ajoutant un brin de vernis de marque. Sur Squarespace, toutes les images que vous téléchargez seront automatiquement formatées. Vous pouvez également en créer une à l'aide de favicon.cc.</p>
<p><strong>Lectures supplémentaires:</strong> 7 astuces de Killer pour la création de logo</p>
<p>Si vous lisez tout cela et pensez que cela semble beaucoup , ne vous inquiétez pas, vous n'êtes pas obligé de tout faire en une seule séance. En fait, il peut être utile de revenir à votre travail plusieurs fois pour le voir avec des yeux neufs. Vous ne savez toujours pas si ça va venir? Partagez-le avec quelques amis pour obtenir leurs commentaires. Communique-t-il ce que vous souhaitez, visuellement? Ça vous ressemble? Sinon, n'ayez pas peur de continuer à bricoler jusqu'à ce que vous ayez quelque chose que vous aimez vraiment.</p>
<!-- google_ad_section_end -->
</div>
</article>
<div class="recommended">
<h2><a href="/8-very-good-reasons-build-your-personal-website-asap-including-winning-this-contest" title="8 très bonnes raisons de construire votre site web personnel - la muse" rel="bookmark">8 très bonnes raisons de construire votre site web personnel - la muse</a></h2>
<figure class="figure" itemscope itemtype="https://schema.org/ImageObject">
<img src="https://i.go-travels.com/img/advice/206/8-very-good-reasons-build-your-personal-website-asap-including-winning-this-contest.jpg" loading="lazy" alt="8 très bonnes raisons de construire votre site web personnel - la muse" title="8 très bonnes raisons de construire votre site web personnel - la muse" itemprop="image url" />
<meta itemprop="name" content="8 très bonnes raisons de construire votre site web personnel - la muse" />
</figure>
<p>Plus d'excuses.</p>
<h2><a href="/fun-activity-you-can-do-now-supercharge-your-career-next-year" title="Comment faire un rapport annuel pour votre site web personnel - la muse" rel="bookmark">Comment faire un rapport annuel pour votre site web personnel - la muse</a></h2>
<figure class="figure" itemscope itemtype="https://schema.org/ImageObject">
<img src="https://i.go-travels.com/img/advice/213/fun-activity-you-can-do-now-supercharge-your-career-next-year.jpg" loading="lazy" alt="Comment faire un rapport annuel pour votre site web personnel - la muse" title="Comment faire un rapport annuel pour votre site web personnel - la muse" itemprop="image url" />
<meta itemprop="name" content="Comment faire un rapport annuel pour votre site web personnel - la muse" />
</figure>
<p>Pourquoi un site Web de rapport annuel personnel pourrait être inestimable pour votre carrière.</p>
<h2><a href="/your-step-step-guide-building-your-personal-website-week" title="Votre guide étape par étape pour construire votre site web personnel - la muse" rel="bookmark">Votre guide étape par étape pour construire votre site web personnel - la muse</a></h2>
<figure class="figure" itemscope itemtype="https://schema.org/ImageObject">
<img src="https://i.go-travels.com/img/advice/357/your-step-step-guide-building-your-personal-website-week.jpg" loading="lazy" alt="Votre guide étape par étape pour construire votre site web personnel - la muse" title="Votre guide étape par étape pour construire votre site web personnel - la muse" itemprop="image url" />
<meta itemprop="name" content="Votre guide étape par étape pour construire votre site web personnel - la muse" />
</figure>
<p>Heureux de lancer votre site Web personnel, mais vous ne savez pas par où commencer? Nous sommes là pour vous aider.</p>
</div>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center>
</div>
</div>
<section class="related">
<div class="title">
<h3>Choix De L)
