Partage

Améliorer son site web

17 juillet 2017 à 20:26:15

Bonjour,
J'ai une question toute simple, je ne demande pas de code (sauf cas ou ce que vous proposeriez serai infaisable avec mon niveau), quand vous regardez ce site web : http://2way.fr/ que souhaitez-vous améliorer ?

Des trucs tout bête, comment réarrangeriez vous les images ? (J'ai remarque le doublon le texte :( Je changerai au plus vite)

Merci d'avance a ceux qui participeront,
Mon simple point de vue ne me suffisant plus.

17 juillet 2017 à 20:37:57

hello,

Déjà je le trouve tristounet ^^ 

Essais avec une harmonie de couleurs cohérentes -> https://www.materialpalette.com/colors 

17 juillet 2017 à 20:57:39

  • Un fond plus dynamique, ou alors des blocs qui permettent de hiérarchiser l'information.
  • Aligner verticalement tes éléments et laisser des marges sur les côtés (je trouve assez étrange le côté pyramidale).
  • Ajouter de l'interaction avec l'utilisateur (par exemple un carousel pour qu'il puisse switcher sur les images).
  • Bannir le strong en font-size 30px (ceci n'engage que moi, mais je trouve que c'est une hérésie sur des sites modernes en 2017).
  • Faire attention aux couleurs utilisées (du clair sur du clair à certains endroits).
  • Attention aux fautes d'orthographe et de grammaire !

J'ai pas regardé dans le détail, mais c'est ce qui me paraît le plus flagrant d'un point de vue objectif.

-
Edité par Onyyx 17 juillet 2017 à 20:59:51

17 juillet 2017 à 21:10:14

J'avais pas consulté le code mais il n'y  a pas de Titre <h1>,

+ des <strong> dans des <h2>.

j'arrête la, il y a en effet des choses à revoir dans la structure/sémantique avant de s'occuper du design.

17 juillet 2017 à 21:39:10

Bonjour,

j'adore le fait d'avoir ajouter un bouton pour appeler en bas mais je l'aurais vue plus vert que rouge

17 juillet 2017 à 22:00:57

Merci de toutes vos réponses, les couleurs choisies de bases ne sont plus les mêmes, mais je n'ai pas encore toucher au site mobile (bouton rouge), je me rends compte que j'ai oublié de préciser un élément capital, le site est créé via Wordpress, mes compétences en html et css3 se résume a :

 (attention crise d'épilepsie :)  : http://maximilien.braque.free.fr/ et encore pas sur de savoir le faire clignoter..
C'est pour cela que j'ai tous de suite parler de design et non d'optimisation. Je prend note en tous cas merci.

Dernière chose, comment mettre en avant le premier bandeau, avec le diaporama, pour le rendre "spéciale" ?

17 juillet 2017 à 22:11:13

http://maximilien.braque.free.fr/ > Mis en quarantaine :D 

Pour le design je vais être Franc, il y une bonne base, on le voit. Mais certains éléments en font une page moche.

Quelques ajustements sont nécessaires, et écrire noir sur ce gris ; brrr..

-
Edité par Lucky13 17 juillet 2017 à 22:13:53

18 juillet 2017 à 8:08:06

C'était purement démonstratif :ange:
Je pensais faire une grande bannière sur la page Home, a la place du diaporama, vous pensez que c'est possible de faire un diaporama qui englobe toute la page et par dessus (sur la gauche) un bandeau texte qui lui ne bouge pas ?

-
Edité par ArtiomGesp 18 juillet 2017 à 8:17:48

18 juillet 2017 à 9:54:12

Bonjour,

chercher "slider fullscreen" dans un moteur de recherche, sinon quelques exemples ici :

https://www.freshdesignweb.com/fullscreen-jquery-slider/

Pour des images gratuites, on a par exemple

https://pixabay.com/
https://unsplash.com/
http://deathtothestockphoto.com/

et d'autres, bonne continuation, fais une belle page !

18 juillet 2017 à 10:50:44

Merci pour ton lien Chris, mais je n'ai pas de problème pour trouver le slider, c'est plutôt le fait d'ajouter un widget texte par dessus qui me pose problème.

---|T|-----------
---|T|-----------

Une petite illustration maison :) T pour texte et les pointillée pour le diaporama.

18 juillet 2017 à 11:21:40

Bonjour,

J'ai montré ton site à ma collège graphiste et voici ce qui en ressort :

  • Couleurs trop tristes et non cohérentes
  • Trop d'éléments flottants : On arrive à une hère ou on se retrouve avec des sites aérés mais compactes ou les blocks se collent.
    Par exemple, la partie témoignage et contact est bien agencé.
  • Trop de polices : Il faut limiter le nombre de polices et il faut qu'elles aient peu de différences
  • Trop plat : Il faut rajouter quelques animations sur les hover et focus (Elle doit dire ça car elle est spé UX)
  • Problème d'agencements : Blocks sur la même ligne mais de taille différente (Ex : Slider + block de text (Première page), Image avec texte intégré qui dépasse (Autres pages)

J'espère ne pas avoir répété trop de choses cités plus haut.

Mais sinon il y a un bon début, bonne chance pour la suite !

Jeune développeur Web | Développeur Full-Stack chez I-Closion
18 juillet 2017 à 14:53:12

Bon j'ai réussi a faire ce que je voulais : http://2way.fr/

Pas sur pour le couleurs et leurs concordance mais c'est déjà mieux je trouve.

D'autres conseils ?

18 juillet 2017 à 14:55:20

C'est plus sympa comme ça !

Fait un petit tour ici pour choisir tes couleurs : 

http://paletton.com

-
Edité par Martin PAUCOT 18 juillet 2017 à 14:55:40

Jeune développeur Web | Développeur Full-Stack chez I-Closion
21 juillet 2017 à 10:08:14

Bonjour,

Après quelques révisions au niveau de la réactivité du site, je me tourne a nouveau vers vous :

Plus haut ont m'a parlé d’améliorer mon code, pourriez vous me guider sur cette voix ? Aussi j'essaye de faire une grille tarifaire sur la première page dans ce style : http://skytours.paris/ (les chiffres 1 2 3...) j'aimerai juste faire une disposition ressemblante et ajouter un effet css pour quel'image s'agrandisse légèrement quand on passe la souris dessus. Les plugins wordpress style post grid n'ont pas su résoudre mon problème :(

Merci d'avance à vous tous.

Staff 21 juillet 2017 à 12:14:27

Bonjour,

as-tu étudié le code du site que tu donnes en lien ? Les 1/2/3/4 n'ont rien de magique :) c'est simplement des div avec background-image, et la seconde div a une opacity: 0 qui passe à "1" au hover.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
10 août 2017 à 9:44:14

Bonjour,

Après une longue absence je reviens vers vous, mon site étant presque terminé, à deux points près :

La page : https://2way.fr/reservez-des-maintenant/ n'est pas vraiment très esthétique, comment la verriez-vous ? Rajouter des images ? Rajouter des contours... Je n'ai plus aucune inspiration :(

J'aimerai optimiser au mieux mon site, dèja du côté de PageSpeed Insights, en effet ma page mobile, à "encore besoin d'être améliorer" :

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2F2way.fr&tab=desktop

Je dois donc : "Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison" mais je n'ai aucune idée de comment m'y prendre.

J’espère vraiment ne pas trop en demander, encore une fois je ne demande pas de code juste des conseils.

Artiom

-
Edité par ArtiomGesp 10 août 2017 à 9:44:43

Staff 10 août 2017 à 10:03:44

La ligne de flottaison, c'est du bullshit : http://abovethefold.fyi/

Par contre, mettre les scripts JS à la fin de body plutôt que dans le head, c'est à faire (comme ça, ils n'empêchent pas la page de charger). Et il faudrait éviter d'avoir du style "en ligne" aussi, tout ça doit être dans des fichiers CSS (typiquement, le style apporté par Wordpress quand on utilise la customisation du thème : mieux vaut créer un nouveau thème enfant, c'est plus propre).

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
10 août 2017 à 11:02:37

je trouve que le gris fait un peu tristounet mais après c'est mon avis ^^
10 août 2017 à 11:22:49

Oui mais c'est la tendance, on le voit un peu partout. C'est comme la mode du textile ou mobile, tous sur le même chemin ^^ (mais sans moi)
10 août 2017 à 15:08:31

Merci de vos réponses, Lamecarlate comment puis-je déplacer le JS dans le body ?

Merci de vos avis, il est trop tard pour changer les couleurs, mais par contre je suis tout ouïe quant à la mise en page.

Artiom

Staff 10 août 2017 à 16:46:43

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
10 août 2017 à 20:36:05

Lucky13 a écrit:

Oui mais c'est la tendance, on le voit un peu partout. C'est comme la mode du textile ou mobile, tous sur le même chemin ^^ (mais sans moi)


sen moi nomplu ^^
10 août 2017 à 20:59:29

un article documenté sur les couleurs de logo, mais qu'on peut élargir aux couleurs en général :

https://www.abondance.com/actualites/20170804-18307-infographie-couleur-choisir-logo.html

Améliorer son site web

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown