Partage
  • Partager sur Facebook
  • Partager sur Twitter

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.

    • Partager sur Facebook
    • Partager sur Twitter
      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

      • Partager sur Facebook
      • Partager sur Twitter
        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.

        • Partager sur Facebook
        • Partager sur Twitter
          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

          • Partager sur Facebook
          • Partager sur Twitter
            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" ?

            • Partager sur Facebook
            • Partager sur Twitter
              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

              • Partager sur Facebook
              • Partager sur Twitter
                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

                • Partager sur Facebook
                • Partager sur Twitter
                  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 !

                  • Partager sur Facebook
                  • Partager sur Twitter
                    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.

                    • Partager sur Facebook
                    • Partager sur Twitter
                      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 !

                      • Partager sur Facebook
                      • Partager sur Twitter
                      Si debugger, c’est supprimer des bugs, alors programmer ne peut être que les ajouter | Développeur Web et Mobile chez Beemoov
                        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 ?

                        • Partager sur Facebook
                        • Partager sur Twitter
                          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

                          • Partager sur Facebook
                          • Partager sur Twitter
                          Si debugger, c’est supprimer des bugs, alors programmer ne peut être que les ajouter | Développeur Web et Mobile chez Beemoov
                            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.

                            • Partager sur Facebook
                            • Partager sur Twitter
                              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.

                              • Partager sur Facebook
                              • Partager sur Twitter

                              Pas d'aide concernant le code par MP, le forum est là pour ça :)

                                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

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  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).

                                  • Partager sur Facebook
                                  • Partager sur Twitter

                                  Pas d'aide concernant le code par MP, le forum est là pour ça :)

                                    10 août 2017 à 11:02:37

                                    je trouve que le gris fait un peu tristounet mais après c'est mon avis ^^
                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      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)
                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        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

                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          10 août 2017 à 16:46:43

                                          • Partager sur Facebook
                                          • Partager sur Twitter

                                          Pas d'aide concernant le code par MP, le forum est là pour ça :)

                                            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 ^^
                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                              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

                                              • Partager sur Facebook
                                              • Partager sur Twitter

                                              Améliorer son site web

                                              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                              • Editeur
                                              • Markdown