Le graphisme d'un site internet !
-
Upload
elaugier -
Category
Technology
-
view
47 -
download
1
Transcript of Le graphisme d'un site internet !
![Page 1: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/1.jpg)
Un site EFFICACE passe par un BON GRAPHISME
![Page 2: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/2.jpg)
Rassurer, apprécier,
interloquer,... autant de verbes importants aux yeux de l'internaute qui découvre pour la première fois votre site Internet.
Ne dit-‐on pas : la première impression est souvent la bonne !
Alors autant soigner l'image de son site.
![Page 3: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/3.jpg)
Les questions à se poser avant la réalisation de
son site InternetQu'est ce que je propose : un produit ?, un service ?
Quelle est mon approche ? Quelle est ma « cible » ?
!Ce sont les questions essentielles qui font parties du cahier des charges indispensable pour « poser » son projet.
![Page 4: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/4.jpg)
Le graphisme d'un site web se définit selon 2 axes :
1 • L’ergonomie• Sobriété : Simplicité, peu chargé• Lisibilité : Clarté, Structuration, Organisation
• Utilisabilité : Facilité de navigation, repérage, liberté de navigation
![Page 5: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/5.jpg)
Le graphisme d'un site web se définit selon 2 axes :
1 • L’ergonomie• Rapidité : Temps de chargement, images optimisées
• Intéractivité : Liens hypertextes, découpage de l’information
![Page 6: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/6.jpg)
Le graphisme d'un site web se définit selon 2 axes :
1 • L’ergonomie• Adaptabilité : Le site doit pouvoir s’adapter aux différents écrans sur lesquels l’internaute visite votre site : Le Responsive Design.
![Page 7: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/7.jpg)
Le graphisme d'un site web se définit selon 2 axes :
2 • L’esthétismeVous avez 4s pour séduire l’internaute, sans quoi, il part sur un autre site. Cela s’appelle le TAUX DE REBOND dans vos statistiques.
![Page 8: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/8.jpg)
Le graphisme d'un site web se définit selon 2 axes :
• La page d’accueil doit être :
2 • L’esthétisme
-‐ soignée, agréable, claire. Son rôle est d’attirer et d’informer. C’est la VITRINE de votre site au même titre que la vitrine d’un magasin en ville qui donne envie ou non d’entrer.
![Page 9: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/9.jpg)
Le graphisme d'un site web se définit selon 2 axes :
2 • L’esthétisme-‐ Les pages intérieures doivent rester cohérentes avec la charte graphique globale du site. -‐ Les développeurs doivent s'adapter aux contraintes des graphistes afin de retranscrire fidèlement la demande. -‐ La quasi totalité des pages d’un site doivent être « chartées » afin de ne pas avoir de surprises.
![Page 10: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/10.jpg)
La liberté du graphisme : sites sur mesure vs template
On peut créer un site web : -‐ soit en achetant un template (modèle préfabriqué), -‐ soit depuis une page blanche en créant une charte sur-‐mesure
![Page 11: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/11.jpg)
Avantages -‐ • Son coût d'achat : de 50 à 500€ -‐ • Package « all inclusive » (ex : pour un hôtel, il y a le calendrier, les chambres, la possibilité de réserver, le responsive... en graphisme… pas en développement).
TEMPLATE :
La liberté du graphisme : sites sur mesure vs template
![Page 12: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/12.jpg)
Inconvénients -‐ • peu de place à la créativité, le code s'impose au graphisme. -‐ • Difficulté à sélectionner le thème idéal graphiquement -‐ • Si un template est beau et bien fait, vous le retrouverez sûrement une centaine de fois à l’identique sur d’autres sites… Mauvaise image pour l’internaute.
TEMPLATE :
La liberté du graphisme : sites sur mesure vs template
![Page 13: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/13.jpg)
Avantages -‐ • c'est le graphisme qui s'impose au code -‐> plus de créativité, on est unique. On colle à la charte graphique de l’entreprise
-‐ • Aucunes surprises si l’on doit faire évoluer le site -‐ • Le responsive est mieux optimisé en terme de format, mieux adapté aux supports (smartphones, tablettes, ordinateurs,..).
LE SUR-‐MESURE :
La liberté du graphisme : sites sur mesure vs template
![Page 14: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/14.jpg)
Inconvénients -‐ • N’est pas graphiste Web qui veut ! -‐ • Prestation plus chère car une vraie réflexion est posée et plus de temps à la réalisation.
LE SUR-‐MESURE :
La liberté du graphisme : sites sur mesure vs template
![Page 15: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/15.jpg)
CONCLUSION
Un site ne se doit plus seulement d'être informatif, c’est un outil de vente. Les compétences des développeurs et des intégrateurs doivent désormais être associées à celles des webdesigners, car un des enjeux de la stratégie marketing d'une entreprise passe par le web.
![Page 16: Le graphisme d'un site internet !](https://reader030.fdocument.pub/reader030/viewer/2022020208/55abd7d31a28ab70678b458d/html5/thumbnails/16.jpg)
CONCLUSION
Aujourd’hui, la concurrence est dure également sur Internet. Il faut savoir se démarquer de ses concurrents. On ne peut plus faire appel à un « Cousin ». Il faut séduire, mettre en valeur son « magasin ». Un site Internet réussit doit commencer par l’établissement d’un cahier des charges et d’un budget au mettre titre qu’un vrai magasin ou une vraie entreprise.