Pourquoi un site web responsif (responsive en anglais)?

Le terme «responsif» désigne un site web qui s’adapte à l’écran de l’utilisateur.

Tout d’abord, il faut savoir que plus de 50% des recherches sur Google se font à partir d’un mobile.

Il est donc aujourd’hui très important d’en tenir compte lors de la création d’un site internet.

Mais ça change quoi mobile ou ordinateur?

Ci-dessus, vous avez quelques exemples de sites qui, au moment d’écrire cet article, ne sont pas responsifs.

Ces derniers se contentent donc d’afficher exactement la même chose sur mobile que sur ordinateur.

L’effet est que pour visualiser l’ensemble de la page, il faut non seulement faire défiler de haut en bas (ce qui est naturel) mais également de gauche à droite.

Quant aux boutons, (menus, etc.) ils sont souvent trop petits et trop proches les uns des autres pour pouvoir être actionnés sur un périphérique tactile.

Au-delà de la différence de taille des écrans de mobiles, il y a aussi le fait que nous les utilisons la plupart du temps en mode paysage donc a la verticale.

Mais alors que faut-il faire?

Lors de la création d’un site responsif, on prendra soin de toujours placer et dimensionner les différents objets par rapport à la largeur et la hauteur de l’écran ou de la fenêtre.

On va donc paramétrer les valeurs de dimension en pourcentage.

Le graphiste ajoutera aussi aux éléments qui ne sont utiles que sur petit ou grand écran, un paramètre qui ne les fera s’afficher que sur l’écran adapté.

Tandis que d’autres éléments seront positionnés l’un à côté de l’autre si la largeur le permet, et l’un au-dessus de l’autre si l’écran est plus étroit.

Un site web responsif est-il plus cher?

Oui et non…

oui, car on considère que le fait qu’il soit responsif augmente le travail de création d’un site de 25% (estimation).

Donc un site responsif sera 25% plus cher qu’un site non responsif.

Et non, car il n’est aujourd’hui pas envisageable pour un professionnel de réaliser un site web qui n’est pas responsif.

Donc le graphiste comprendra d’office les 25% supplémentaires dans le prix.

Conclusion

En résumé, un site responsif est capable de s’afficher de façon optimale peu importe la taille de l’écran de l’utilisateur.

Et ce, sans intervention de sa part.

Qu’est-ce qu’une charte graphique , à quoi ça sert et pourquoi vous en avez besoin? pouvez vous la faire vous-même?

Charte graphique de La maison d'Achille

Pour commencer, il faut savoir que la charte graphique pour une entreprise, c’est comme le visage pour une personne. C’est grâce à votre visage que vos interlocuteurs savent que c’est avec vous qu’ils parlent. Il en va de même pour une entreprise: c’est grâce à la charte graphique que vos clients saurons que c’est à votre entreprise qu’ils ont affaire et pas à n’importe quel autre.

Mais que comprend la charte graphique?

À vrai dire, la charte comprend tous les éléments graphiques liés à votre visibilité:

  • logo
  • police d’écriture
  • couleurs
  • icônes
  • photos

Mais alors comment choisir les différents éléments de ma charte graphique?

Vous devrez choisir chacun des composants soigneusement et les étudier en rapport avec votre entreprise, son secteur d’activité et sa façon de travailler.

Puis-je le faire moi-même?

Oui, cependant, un graphiste extérieur à votre entreprise réalisera probablement mieux votre charte graphique que vous-même, car il pourra observer avec plus de recul que vous ne pourrez le faire.

C’est pourquoi il est toujours recommandé de faire appel à un graphiste qui devra alors s’entretenir avec vous et étudier votre entreprise ainsi que sa façon de fonctionner.

Exemple de charte graphique:

La Maison d’Achille
www.lamaisondachille.be

C’est pour la chambre d’hôte «la Maison d’Achille» que j’ai créé ce site web.

Tout d’abord, j’ai réalisé ce que l’on appelle la «charte graphique».

C’est de ces éléments que je suis parti pour réaliser l’ensemble des demandes:

le site web

Destiné aux voyageurs, il fallait qu’il soit facilement accessible depuis un smartphone, je l’ai donc réalisé en «one page» (toutes les pages du site sont rassemblées en une seule page, il suffit donc de faire défiler la fenêtre).

 mais il est aussi «responsif» (le site s’adapte à la largeur de l’écran de l’utilisateur: smartphone, tablette;)

Le système de réservations

Il comprend un système de gestion des réservations en back office, lequel, afin d’éviter toute surréservation, communique directement avec le site de réservation en ligne, bien connu (booking·com), sur lequel la chambre d’hôte est également inscrite.

Facebook

Afin d’étendre la visibilité, j’ai adapté la page Facebook de la Maison d’Achille, pour qu’elle soit en accord avec le site web et qu’elle renvoie directement vers celui-ci.J’ai également optimisé la façon dont Facebook montre le site web de la maison lors de partages.

Les liens:

https://www.lamaisondachille.be

https://www.facebook.com/lamaisondachille/