Comment créer un site web. Guide étape par étape

Planifiez les sections du site web, l'idée principale et les fonctions. Par exemple, un client a besoin d'un site web sur un bureau d'architecture. L'un des éléments essentiels de ce site web devrait être les travaux et les contacts du bureau.

Cependant, il est également important de déterminer ce qui différencie le bureau des autres concurrents. Le bureau peut se concentrer sur le traitement de tâches complexes et présenter des caractéristiques uniques qui le distinguent des autres services. C'est pourquoi il ne suffit pas de télécharger des photos attrayantes et illustratives ! Il y a une place pour le contenu ; vous pouvez partager des descriptions détaillées de toutes les données, du processus impliqué et de la justification des décisions.

Il n'est pas nécessaire de présenter tous les projets sur le site web ; concentrez-vous sur les plus importants, expliquez pourquoi la marque ou l'entreprise est considérée comme experte et ce qui distingue son service de celui de ses concurrents. À ce stade, vous devrez utiliser moins d'animations, d'embellissements et d'autres effets spéciaux.

Expliquez le concept de l'entreprise et partagez les points principaux qui engageront et inspireront les visiteurs du site web sur le plan émotionnel.

Utilisez l'éditeur de texte et écrivez le contenu. Évaluez le volume du texte pour voir s'il peut tenir sur une seule page. Toutefois, si le contenu est trop important, envisagez d'utiliser un site web à plusieurs pages et d'ajouter certaines informations au menu du site web.

Sites web de concurrents. Une fois que vous avez compris l'idée et la structure du site web, vous pouvez vous inspirer du site web d'un concurrent et trouver les éléments qui conviennent et qui vont de pair avec votre concept. Évaluez le contenu plutôt que la conception : le menu, les éléments de la page principale et le texte.

Catégories croisées. Si vous travaillez sur un site web consacré aux représentations théâtrales, inspirez-vous d'autres sites web offrant des services similaires. Si vous ne trouvez rien de semblable, consultez d'autres catégories proches, comme l'opéra ou un site de danse moderne. Si vous devez parler d'une équipe de football, vous pouvez utiliser les méthodes utilisées sur les sites consacrés au hockey ou au rugby.

Des exemples inspirants. Même les professionnels qui ont des années d'expérience consultent régulièrement de nouveaux sites web, suivent les tendances et s'inspirent de leurs collègues. Toutefois, il n'est pas nécessaire d'être un imitateur pour tout comprendre. L'idée est de se tenir au courant de l'évolution constante du monde de la conception de sites web, de repérer les tendances et de les suivre.

Soyez à l'écoute de vous-même : il est important de savoir exactement pourquoi vous aimez le site web que vous visitez. Vous pouvez être fasciné par la typographie, le mélange des couleurs et la qualité des images. Recherchez des méthodes expressives que vous pourrez utiliser dans votre travail. Consultez des sites web de différents horizons, quel que soit le créneau.

Vous trouverez ci-dessous des liens vers des ressources présentant des collections de bons exemples.

Maintenant que vous avez trouvé des idées et de l'inspiration auprès de vos concurrents et que vous savez ce qui est attendu, la phase suivante consiste à exprimer ces idées en réalisant une esquisse graphique.

C'est l'une des choses les plus faciles à faire. Prenez une feuille de papier et deux stylos de couleur, un noir et un de couleur contrastée, et esquissez un plan énumérant tout ce qui est nécessaire au projet. Il n'est pas nécessaire d'entrer dans les détails à ce stade ; concentrez-vous uniquement sur l'idée principale et créez un script pour le site web que vous avez l'intention de construire.

Imaginez qu'il s'agit d'une présentation, pensez en termes d'écrans. Que voulez-vous dire ? Vous pouvez peut-être présenter un design attrayant qui attirera l'attention des visiteurs et énoncera la mission du site web en un coup d'œil.

Ensuite, parlez un peu plus de votre expérience, soulignez certains avantages de travailler avec l'équipe et partagez ses contacts. Toutes ces caractéristiques doivent être correctement décrites.

Il existe des ensembles de base d'éléments standard ; le texte est représenté par des lignes droites et un titre plus gras. L'image a la forme d'un rectangle avec des lignes croisées et des éléments de commande qui ont la forme d'une épingle. Le titre est la bande en haut de l'écran ; sur le côté supérieur de l'écran se trouve une ligne en tirets gras destinée au logo, tandis que sur le côté droit de l'écran se trouvent cinq lignes en tirets destinées au menu.

Essayez d'utiliser des dessins précis, car ils sont plus faciles à percevoir. Il y a généralement beaucoup d'idées, il est donc préférable de faire un brainstorming avec vos collègues pour déterminer quelle idée est préférable.

Avant de passer à Tilda, il est important de s'assurer que votre contenu est conforme aux normes. N'oubliez pas que le contenu est essentiel ! Tout d'abord, vous devez rassembler tous les éléments essentiels dont vous avez besoin, notamment les publications, les présentations, les brochures et tout autre matériel qui servira de point de départ.

Si vous travaillez pour un client, il est important de le faire participer à une brève interview. Posez-lui des questions et essayez de comprendre la valeur qu'il offre et qui le distingue des autres concurrents.

Vous pouvez transcrire l'enregistrement vous-même ou faire appel aux services d'un indépendant ; cela ne vous coûtera pas grand-chose.

Si vous avez l'intention d'organiser le contenu vous-même, envisagez le plan suivant :

Soyez informatif, mais ne vous aventurez pas dans des détails inutiles ; soyez bref et mettez l'accent sur ce qui est important - soyez bref, essayez de partager vos informations d'une manière rapide et conviviale.

Utilisez l'utilisation d'une pyramide inversée - dites d'abord ce qui est important, puis les détails. À ce stade, il est important d'associer le titre et le résumé. Le titre doit attirer l'attention et transmettre l'essentiel, tandis que la description sert à développer et à compléter le message. Limitez l'utilisation de structures d'introduction, évitez les clichés et le style bureaucratique.

S'inscrire à TildaSi vous n'avez pas encore de compte, c'est gratuit.

Consultez attentivement la liste des modèles. Choisissez le modèle qui convient au projet sur lequel vous travaillez. Chaque modèle est un exemple de conception web et un bon exemple de combinaison de blocs. Les modèles ne limitent pas votre créativité : Modifiez-les à votre guise ou partez de zéro.

Consultez la section #madeontilda. Vous y trouverez une sélection inspirante des meilleurs projets Tilda créés par d'autres utilisateurs.

Ouvrez la bibliothèque de blocs et construisez le site web sur la base du prototype que vous avez créé. Ne modifiez pas le contenu dans Tilda ; le plus important est de créer le design. Si vous n'avez pas les bonnes images, utilisez des échantillons similaires de haute qualité ; vous pourrez les remplacer une fois que le site Web sera prêt.

Ajoutez un menu ; s'il semble bon, essayez de ne pas le rendre trop grand afin qu'il ne domine pas la page. Le menu ne doit pas comporter plus de cinq éléments et doit rester aussi simple que possible. N'hésitez pas à agrandir les sections, mais veillez à ce que les titres des sections soient courts. Trois mots dans une ligne de menu ne sont manifestement pas nécessaires : les éléments de menu doivent être faciles à parcourir.

La couverture (premier écran) mérite une attention particulière. La première impression sera bonne si elle comporte une image de haute qualité et un titre accrocheur et original.

Une image est plus parlante que mille mots. L'utilisation de photos claires et de haute résolution est très utile. En fait, "Pas de photos - pas de site web". Évitez d'utiliser des images clippées. La poignée de main de deux hommes d'affaires et de leurs collègues souriants est un concept dépassé, ces photos ne fonctionnent pas. Il est préférable de prendre une photo de vous-même et de vos collègues, plutôt que de chercher des images toutes faites en tapant "entrepreneur à succès" sur Google.

Engagezun photographe ou un illustrateur. Faire appel à des illustrateurs et photographes populaires peut s'avérer trop coûteux ; il est toutefois possible de trouver des professionnels à un tarif raisonnable qui seront heureux de travailler avec vous et de vous fournir un contenu attrayant que vous pourrez utiliser sur votre site web.

Si vous avez besoin d'icônes, vous pouvez utiliser la bibliothèque d'icônes intégrée de Tilda.

Logo. Le logo doit être horizontal. L'utilisation de logos verticaux sur le site web n'est pas attrayante. En règle générale, l'idéal est d'intégrer votre logo dans le menu et de veiller à ce qu'il soit recadré pour occuper moins d'espace. Si vous n'avez pas de logo, vous pouvez simplement écrire le titre du projet en utilisant une police hors système, comme Proxima ou Futura.

Si vous n'avez pas de logo pour certaines raisons, ce n'est pas grave car cela n'a que peu ou pas d'incidence sur la valeur du site web. Il vaut mieux penser aux photos et au style général.

Veillez à inclure une police de signature, car elle influe sur la communication. N'oubliez pas que le contenu joue un rôle très important et que c'est la police qui définit le style de la signature. Chaque police a un caractère, choisissez donc une police adaptée à votre contenu.

Par exemple, vous pouvez utiliser Tilda Sans, la police de caractères signature de Tilda. Il s'agit d'une police de caractères variable avec une licence ouverte, ce qui signifie que tous les utilisateurs de la plateforme peuvent l'appliquer gratuitement à leurs projets commerciaux. Tilda Sans est une police géométrique sans empattement pour le web qui propose sept graisses de caractères et garantit un chargement plus rapide des pages et une utilisation plus facile dans les zones de texte, les titres, les sous-titres et l'interface générale.

En règle générale, l'utilisation d'une seule police est suffisante pour un site web. Mais si vous souhaitez obtenir un contraste spectaculaire, utilisez des combinaisons de polices comme les polices avec et sans empattement. Exemples de combinaisons de polices réussies :

Une fois que vous avez conçu tous les blocs, jetez un coup d'œil au site web et évaluez-en l'apparence. Alignez les retraits, uniformisez les titres, veillez à ce que la taille de la police reste la même et à ce qu'il y ait suffisamment d'espace blanc.

Utilisez des couleurs caractéristiques - cela ne veut pas dire que vous devez tout peindre dans des couleurs différentes. Respectez plutôt la règle selon laquelle 90 % des couleurs sont en noir et blanc et 10 % en couleurs vives. L'utilisation d'une couleur supplémentaire est la meilleure option. Vous pouvez mélanger deux couleurs, mais cela doit être fait de manière professionnelle.

Si vous n'avez aucune expérience en matière de conception et que rien ne semble fonctionner, rédigez le contenu, réalisez une version de la page web sur Tilda et engagez un concepteur pour une période limitée.

Un concepteur professionnel se chargera rapidement de la mise en place de la page web. Cela vous permettra de réduire les coûts par rapport à ce que vous dépensez lorsque vous commandez un site web à partir de zéro. Par ailleurs, si vous êtes concepteur, n'hésitez pas à consulter un ami pour qu'il vérifie les résultats et vous fasse part de ses commentaires impartiaux.

Connectez le domaine. Pour ce faire, spécifiez l'adresse URL dans les Paramètres du site et, du côté du registraire utilisé pour acheter ce nom de domaine, ajoutez un enregistrement de type A qui pointe vers l'adresse IP affichée dans Paramètres du site → Domaine. Pour en savoir plus sur la connexion de votre domaine personnalisé sur Tilda, consultez l'article du Centre d'aide "Comment connecter un nom de domaine".

N'oubliez pas les statistiques. Les indicateurs clés tels que les pages vues, les sessions, les leads, les sources de trafic, les statistiques UTM, les événements, etc. sont disponibles sur Tilda dans les Paramètres du site → Analyses. Vous pouvez trouver plus de détails dans le guide du Centre d'aide "Comment suivre les statistiques d'un site Web".

Vous pouvez également connecter un service d'analyse tiers tel que Google Analytics: Inscrivez-vous au service, obtenez l'identifiant de suivi et collez-le dans les paramètres.

Réfléchissez à la manière dont vous souhaitez présenter le site web sur les moteurs de recherche ou les médias sociaux et complétez son titre et sa description. Donnez à chaque page un badge ou une image de prévisualisation qui s'affichera chaque fois que la page sera partagée sur les médias sociaux.

Test. À ce stade, vous avez terminé le site web ; la prochaine étape consiste à obtenir des commentaires de la part des visiteurs. Montrez-le à vos collègues et amis, demandez-leur de vous faire part de leurs commentaires critiques et d'indiquer comment le site peut être amélioré. Partagez le lien avec vos clients et demandez-leur leur avis.