Tagged: page d’accueil

Les tendances actuelles en conception Web? 2e partie

Lors de la première partie de cet article, nous avons présentes certains des éléments clés à prendre en compte lors de la création d’un nouveau site web efficace et quoi plait aux utilisateurs.

  • La page d’accueil
  • Le système de boites pour le développement des sites modernes
  • L’importance du mobile
  • Des images plus grandes
  • Les images GIF animées
  • La nouvelle tendance des vraies photos

Nous allons continuer avec d’autres éléments qui vos seront utiles lors de votre développement web.

Gifs

Les tendances actuelles en conception Web.

Nous avons discuté de l’importance des images, alors continuons sur le sujet avec l’opposé …

Un contenu sans image

Les grandes images et peu de texte sont une tendance significative sur Internet qui ne se cassera pas dans le futur. Mais aussi la tendance inverse, la nage à contre-courant, peut être intéressante et attirer une attention particulière dans un environnement numérique tellement inondé d’images.

Des études ont montré que, dans le top 10 de Google, on trouve principalement des sous-pages comportant une moyenne dans les 2000 mots, et peu d’images … on peut ici saluer Wikipédia et autres. Mais même s’il y a beaucoup de texte et peu d’image, il s’avère que le contenu fonctionne bien, si plus de paragraphes sont utilisés, on met en avant grâce à des caractères gras, et des listes de numérotées clarifient le contenu principal, de façon logique.

En outre, avec tout l’amour des images, il ne faut pas oublier que la devise est « less is more » dans la conception web. C’est pourquoi le web designer 2019 peut bien oser concevoir l’un ou l’autre. Quiconque l’approche de la bonne manière et joue avec différentes tailles et types de polices, ainsi qu’avec les couleurs, mais ce format sans image laisse de la place à l’ingéniosité. Le développeur peut réaliser un effet simple, rassurant, clair et donc intéressant ainsi que vif et créer un contenu qui pas ennuyeux ou sec même sans apparence des images.

Contenu centré et divisé

Bien qu’un bon contenu soit le secret d’un site Web, ce n’est pas tout, car un bon contenu ne fonctionnera pas, et il est peu probable qu’il atteigne le visiteur s’il n’est pas attrayant, significatif et facilement compréhensible pour l’utilisateur.

Un arrangement encore nouveau à haute valeur informative, qui est considéré comme très prometteur pour la conception du site Web 2018, est le centrage et la division du contenu.

Si le message principal se trouve au centre de l’écran et est également mis en valeur par des astuces visuelles telles que couleurs, symboles ou polices, il sera certainement attrayant pour l’internaute.

Une possibilité consiste également à diviser le contenu de manière que les informations pertinentes parviennent clairement en tant que telles à l’utilisateur.

Polices créatives et typographie

De plus, en termes de typographie, des innovations apparaissent: de nombreuses polices soulignent mieux leur propre entreprise et son message que les polices standard telles que Arial, Helvetica & Co. Cependant, il convient de veiller à ce que les polices soient également lisibles (dans le cas contraire). doute d’utiliser plutôt une variante sans serif), qu’ils sont suffisamment grands et peuvent être affichés dans tous les principaux navigateurs.

Si vous voulez jouer la sécurité, choisissez l’une des nombreuses polices Google. De cette manière, il est possible d’intégrer plus de créativité et de personnalité au contenu sans avoir à investir de l’argent – les polices sont généralement gratuites ou du moins considérablement moins chères qu’il y a quelques années.

Couleurs vives et colorées

Ce qui a commencé en 2017 se poursuit en 2018: la tendance est à des couleurs plus colorées, plus audacieuses et à l’écart de l’ancienne devise qui consiste à ne rien risquer de mieux.

Les marques et les entreprises particulièrement nouvelles, modernes et jeunes osent attirer l’attention avec leurs designs colorés et leurs combinaisons de couleurs inhabituelles. Elles représentent bien sûr un signe: des couleurs vives et attirantes qui incitent à l’innovation et aux idées neuves.

Bien entendu, il est toujours important de choisir des couleurs harmonieuses et des combinaisons claires pour ne pas irriter l’internaute.

De nos jours, les couleurs brillantes et saturées sont également très bonnes, car la qualité des écrans s’améliore, ce qui leur permet également de représenter les couleurs de manière optimale.

Design plat

La devise « less is more » s’applique également à ce qu’on appelle le « design plat ». Une représentation réaliste d’éléments tridimensionnels, d’ombres portées et d’embellissements est supprimée et le design est réduit à l’essentiel, en un sens, une approche minimaliste.

Cette tendance à la clarté et à moins de distraction s’explique également par la croissance rapide du nombre d’internautes: les « conceptions plates » mettent au premier plan la fonctionnalité et la simplicité, permettent des temps de chargement plus courts et offrent de meilleures options de personnalisation pour différentes tailles d’écran. Les systèmes d’exploitation et les applications sont des exemples typiques des possibilités des « conceptions plates ». L’esthétique minimaliste est absolument à la mode.

Structure de page d’accueil les sites d’entreprise

Le contenu de la page d’accueil d’un site Web doit être structuré comme un bref profil bien structuré de la société. Dans cet article de blog, nous décrivons des concepts de contenu éprouvés pour la création de pages d’accueil réussies, basés sur deux sites Web de clients très performants.

Une bonne page d’accueil offre sur une page tout ce qui serait classiquement écrit dans un court profil ou une courte brochure.

Ce principe de base ne fonctionne pas seulement, comme dans notre exemple ci-dessous, dans les cliniques. Sous une forme légèrement modifiée ou complétée, il convient à tous les secteurs et à toutes les offres. Ceci est indiqué ci-dessous dans la page notre deuxième exemple, la page d’accueil de la sexologue, qui propose des conseils pour les couples et, via notre optimisation des moteurs de recherche, le terme « consulter un sexologue » dans la région, dan peuvent être trouvés dans Google et autres moteurs de recherche.

structure site web

La structure de votre page d’accueil et son contenu.

Passons maintenant à la description de la structure de contenu du premier exemple, la page de démarrage d’une clinique sexologie.

La page d’accueil de la clinique est structurée comme suit:

En haut de la première, la zone d’en-tête éprouvée avec de grandes, alternant dans un curseur d’image, des photos de l’offre – dans ce cas, donc de la clinique ou les médecins.

Puis suit, la structure de la page d’accueil du site web de l’entreprise.

Un texte avec un profil court à la clinique, et une titre qui explique clairement de quoi on parle. En outre, le titre contient l’un des termes de recherche les plus importants, ainsi que la mention des « meilleures notes et références » dans d’autres grand portails médicaux, pour les cliniques et pour les médecins.

Mentionner les avantages les plus importants pour les patients « Notre clinique orthopédique signifie pour vous: »

Nommer et relier toutes les catégories de performance

  • Citations de patients
  • Éléments de confiance – sceaux de certificats
  • Autres éléments de confiance: logos de partenaires de coopération renommés
  • « Recherche rapide » avec des liens vers des sujets fréquemment recherchés.

Ceci est en fait un domaine où vous pouvez mettre des liens vers des pages écrites pour des mots clés importants – mais plus à ce sujet plus tard plus d’informations de ma part pour vous, etc.

Conception de notre exemple de site

Dès le départ, l’objectif n’était donc pas de concevoir un site Web particulièrement moderne, branché et luxueux, mais de développer un look qui dégage de la fiabilité, du sérieux, de l’expérience, de la compétence, de la chaleur, des soins personnels et une bonne orientation.

Le design du site

Le design n’est certainement pas le plus « branché « , ni top moderne pour certains utilisateurs. Cependant, en termes de contenu, la page d’accueil contient tout ce qui est important pour convaincre le visiteur du site Web de la clinique et pour le persuader de le contacter directement ou au moins de lire davantage dans les pages les plus basses du site.

Selon les analyses de « rétention du site Web » et du « nombre de formulaires de contact, d’appels et de courriers électroniques complétés » ; le fait est, que cela fonctionne réellement, et cela a considérablement augmenté avec ce nouveau site Web.

Après seulement deux mois d’utilisation de ce site Web, la clinique comptait deux fois plus de patients et 10 fois plus de visiteurs qu’auparavant.

Il y a plus d’un an, le site Web de la clinique a été repensé par une grande agence de marketing. Le site web avait l’air vraiment chic et visuellement à jour à mon avis. Ce qui manquait cependant, c’était l’accent mis systématiquement sur les besoins du groupe cible. En outre, le nouveau site Web ne tenait pas compte de l’optimisation des moteurs de recherche et de la convivialité. Cela prend au peu de temps en fait, et ce nouveau site Web chic a l’époque, a été retiré du réseau et remplacé par un site fonctionnel et simple, non plus un site a la mode qui ne reflète pas les attentes des patients et clients.

Les critères de première décision inconscients:

  • Est-ce que j’aime ça ici?
  • Le site Web est-il clairement organisé?
  • Est-ce que cela fonctionne professionnellement et digne de confiance?
  • Est-ce qu’ils offrent ce que je cherche?

En fait, selon les recherches des utilisateurs, il s’agit de l’ordre et du thème que les visiteurs du site Web utilisent pour évaluer un site en quelques secondes et y rester ou disparaître instantanément.

Un deuxième exemple de site également réussi: Savemysmartphone.com

Éléments de la page d’accueil de la sexologue

Structure de page de démarrage du site web de cette entreprise en sexologie

Avec ce site, vous verrez les premières  » photos de l’offre  » par la sexologue Le cote visuel est important pour ce site de loisir et de nature.

Ensuite, dans une zone grise, une brève information en texte clair pour qui l’offre est destinée.

Vous trouverez alors en dessous, un court texte mentionnant l’offre, ainsi qu’une brève description de « quoi, comment, pourquoi et pour qui ».

La construction est faite en 2 colonnes:

Côté gauche, les principes essentiels / l’avantage et côté droit, un court texte expliquant comment cela fonctionne, comment est la base / la philosophie.

Y compris de petites photos cliquables sur les catégories de performance, et incluant des commentaires de clients (cliquez sur « plus de votes de clients » pour accéder à une page supplémentaire contenant « de nombreux » commentaires positifs.

Quelles sont les tendances actuelles en matière de conception Web?

Nous abordons peut-être le sujet le plus important pour 2018 pour les concepteurs Web et les développeurs qui portent grand soin au design et à la conception de leurs sites web. Ils ne veulent pas non plus négliger l’optimisation des moteurs de recherche pour Google et autres, ou la vitesse de de chargement et de de navigation sur la page.

Cela s’explique par plusieurs raisons ; avec plus de personnes qui naviguent sur leur mobile que sur leur ordinateur, les sites Web doivent pouvoir être chargés rapidement, même sur de petits smartphones. Bien que les connexions internet deviennent de plus en plus rapides, la tendance en faveur des images et des vidéos de grande taille signifie que davantage de données sont consommées et que plus de RAM est utilisée.

En outre, chaque année, il existe plusieurs millions de sites Web supplémentaires, mais la capacité du serveur à analyser tous ces nombreux documents est limitée. Google et d’autres moteurs de recherche fournissent une analyse, qui est prise en compte lors de l’indexation de nouveaux sites Web. En d’autres termes, ceux qui gèrent des sites Web plus rapides, atterrissent non seulement plus rapidement dans l’index de Google, mais ils ont certainement un meilleur classement que leur concurrence.

Sites web modernes

Les bons sites et leur design

La page d’accueil

La page d’accueil ne doit contenir que quelques Mo dans la plupart des cas et ne doit en aucun cas être chargée en moins de 3 secondes.

Le système de boites pour le développement des sites modernes

Le contenu est de plus en plus résumé dans des boîtes de différentes tailles, qui peuvent être placées les unes en dessous des autres ou les unes à côté des autres. Chaque boîte a son propre contenu. Ainsi, le visiteur voit à première vue plusieurs sujets liés au contenu.

Pour la tendance actuelle, on voit une hausse de la conception Web réactive, de tels conteneurs sont idéaux car ils peuvent facilement changer de position en fonction de la taille de l’écran. Les boîtes qui se trouvent côte à côte sur un PC fixe sont simplement interconnectées pour apparaitre de la bonne façon sur le smartphone.

Un outil important à cet égard est Flexbox, qui existe depuis quelques années, mais n’est supporté que par tous les navigateurs actuels.

L’importance du mobile

Bien qu’il s’agisse d’un sujet important depuis un certain temps, son importance continue de croître. C’est la conception Web réactive pour les téléphone mobiles et tablettes. Cela est principalement dû au fait que la communauté Internet est en croissance constante, et qu’elle navigue sur mobile via des smartphones, des tablettes et des appareils similaires. Il est maintenant plus important que jamais qu’un site Web arrive aussi bien sur tous les terminaux, car depuis un certain temps, de plus en plus de personnes ont accédé à des sites Web via « ‘internet mobile » plutôt que sur le PC de leur bureau.

Après les dernières grandes mises à jour de Google, on constate partout que la devise est « mobile first »! Tout d’abord, vous devez développer un site Web à partir d’une perspective mobile, et bien sûr réactif. Si vous gardez cela à l’esprit, vous avez l’avantage. C’est peut-être l’aspect le plus important des dernières années. Le fait que les conceptions doivent être optimisées pour des appareils totalement nouveaux, tels que les montres intelligentes, reste une vision du futur, mais tout à fait prévisible.

Des images plus grandes

La tendance est aux images plus grandes, aux vidéos et au texte habilement mis en page. Ce développement ne va pas nécessairement à l’encontre du battage médiatique qui entoure actuellement le contenu. Pour un contenu compris de manière moderne, le terme ne fait plus référence à des textes « infiniment longs ». La popularité autour de Snapchat, de la vidéo sur Facebook et de YouTube montre clairement que l’avenir est dans la vidéo et l’image en mouvement.

Voici comment ça marche, pour souligner l’essentiel. Un texte bien structuré, illustré par des images et des vidéos pertinentes. En résumé, le contenu doit être réellement pertinent et offrir une expérience utilisateur unique. Des connexions internet plus rapides permettent de charger des images et des vidéos d’arrière-plan volumineuses sans retard notable.

Les sites Web doivent être visuellement convaincants et ils y parviennent avec des images magnifiques, qui peuvent également augmenter considérablement le taux de conversion. Dans le même temps, les textes pointus et optimisés pour les moteurs de recherche ne doivent pas manquer, sinon le classement dans les moteurs de recherche sera difficile. Ici, un bon équilibre est nécessaire.

Les images GIF animées

Les images animées au format GIF, une sorte de mélange entre vidéo et photo, ont commencé il y a quelques années dans les médias sociaux. L’industrie de la mode, en particulier, a commencé à utiliser ces images en mouvement pour attirer l’attention sur les détails pertinents et animés de l’image.

Ces GIF sont maintenant populaires non seulement sur les plateformes sociales, mais aussi auprès des webmasters, car les visiteurs du site Web y répondent de manière extrêmement positive. Ils ne peuvent s’empêcher de regarder et sont surpris par les mouvements de l’image, ce qui les rend beaucoup plus excitants et intéressant que les images fixes

En même temps, ils présentent également des avantages par rapport à une vidéo: l’animation GIF attire immédiatement l’attention du visiteur, il n’est pas obligé de devenir actif en premier et, comme dans la vidéo, de le démarrer lui-même. De plus, il nécessite beaucoup moins de bande passante qu’une vidéo. À travers ses mouvements, une image animée attire non seulement l’attention, mais offre également de nombreuses possibilités de représenter les ambiances, les sentiments et les attitudes qui caractérisent un site Web.

La nouvelle tendance des vraies photos

L’authenticité et l’individualité sont importantes dans un paysage Internet où les systèmes de gestion de contenu tels que WordPress et Joomla ressemblent déjà à de nombreux sites Web. Les photos que tout le monde peut acheter et donc apparaître à plusieurs reprises sur le Web ne sont pas exactement ce qui distingue les pages. Au lieu de cela, la tendance est plutôt aux photos réelles et authentiques prises avec le site Web et son sujet lui-même, lui conférant sa propre personnalité et unique sur Internet.

Voici donc un premier aperçu des nouvelles tendances que vous ne pouvez pas négliger en créant votre site web. Nous reviendrons avec d’autres éléments à prendre en compte pour la création de pages dans un prochain article.

Les Experts.