Esthétique de mon site web

Résolu
Bonjour, j'ai créé le site web de mon entreprise d'animation de soirées , maintenant que je l'est casiment terminé :
  • vip-anim.fr*


j'aimerais savoir si je dois changer des chose , comme le graphisme ou la présentation

Donner votre avis positif comme négatif , je prendrais en compte tout commentaire constructif , merci.

36 réponses

Résumé de la discussion

La discussion porte sur les améliorations graphiques et la présentation d'un site d'animation d'événements afin d'améliorer l'ergonomie, le design et le référencement. Des préconisations clés ciblent le carrousel automatique, le menu et le footer surdimensionnés, la typographie vieillotte et l'association de couleurs, ainsi que l'abandon des tableaux et des balises center. Pour le référencement, l'organisation des liens internes et l'ajout de titres structurants (h1/h2) ainsi que l'inclusion d'une page mentions légales et d'une fiche contacts enrichie sont recommandés. En cas d'audit, l'utilisation d'outils SEO et d'ergonomie peut guider les choix et éviter les ambiguïtés de navigation sur différents navigateurs et appareils modernes et mobiles.

Bobot (l’IA à votre service)
  1. Alors j'y vais,
    pour moi, et ma modeste expertise, ton site fait amateur mais l'idée est bonne.
    Voici quelques points à améliorer:
    - le carrousel qui tourne tout seul est énervant, perso je trouve ça insupportable un truc qui tourne tout seul et dont l'utilisation n'est pas évidente au premier abord
    - menu trop imposant, il aurait été mieux un peu plus large, aligné à droite mais surtout moins haut
    - footer trop imposant, le footer doit être un contenu de moindre importance
    - écriture qui fait pas très dynamique mais un peu vieillot genre vieille écriture à la plume
    - je suis pas sur de l'association violet et vert fluo, tu as vérifié avec un outil chromatique?
    http://paletton.com/
    je crois que c'est surtout les fondus qui me gênent
    - mise en page avec des tableaux et <center>: beurk
    - pas d'éléments de titre h1 ou h2... attention au référencement
    - l'organisation des liens internes me parait un peu flou, coté ergonomique, ton site me parait compliqué à naviguer
    - par exemple la fiche des tarifs n'est pas accessible rapidement et surtout n'est pas en valeur (attention au rouge)
    - il manque la page mentions légales
    - ajouter plus d'infos dans les contacts, en fait proposer deux type d'information: le formulaire et la présentation géographique/téléphone... de l'entreprise
    il faut qu'on distingue bien les deux

    voilà pour un début
    1. sans oublier au passage les faute de français!
  2. Bsr,

    Oui, franchement.....

    Franchement:
    - tout à revoir
    - fond sombre
    - pas de photo
    - caractères moches -> passer en Arial ou équivalent
    - page partenaires n'affiche rien
    - les coordonnées téléphoniques en image, bof.... Bonjour pour le référencement

    Un site simple que j'ai relooké:
    http://www.aplusinformatique.fr/

    Il y a du HTML5
    du positionnnement en CSS

    A+
    1. je rajouterai que ta page d'index doit contenir un peu de contenu pour être référencée correctement et ainsi représenter un point d'entrée de ton site. D'ailleurs comment retourner à cette page ensuite?
      Attention donc au maillage interne des liens.
      Comme mmp3, je te présente une de mes créations juste pour te montrer ce que j'entends par renforcer ta page contact (et il ya quand même une page mentions légales):
      http://www.paca-electricite.fr/contact.php

      ça fait beaucoup de choses qui te paraitront pas très positives mais en fait il te faut les prendre comme un avis constructif.
      1. J'ai vue ton site, les effets en ronde sur les photos dans ta page d'accueil sont vraiment pas mal ! comment ta fait ??
        1. mpmp93, c'est toi qui à fait le robot ?
          super sympa le site, peut être le robot avec le rouleau, je me demande ce qu'il fait sur un site d'informatique !
          1. Non c'est pas moi qui ai fait le robot.
            Il y a un robot dans le bandeau, il installe du matériel, l'autre finit le décor
            Sur ce site, tout est en HTML5 et positionnement CSS
            Avec HTML5, division par 2 du volume du code HashTeuMeuLeu
            Intégration modèle MVC simplifié -> évolutivité maitrisée ensuite par le client. Un seul script central et des templates simples. Donc pas besoin d'un environnement CMS...
            A+
            1. moi j'ai utilisé picassa avec un mod croussel . merci rodolphe pour t'est conseil je vais voir ce que je peut ajouter a ma page d'accueil et le problème est que on ne peut pas retourner dessus j'ai un problème de superposition entre le menu et l'image vip ^^
              1. Pour être franc,

                Logo pas super propre, pas pro
                Menu trop mastoc
                Le flash en accueil c'est plus casse coui**e qu'autre chose
                Les couleurs ne sont pas appropriées, un peu trop flashy
                J'aime bien le fond, garde-le et au lieu de mettre des calques de couleur pour le fond des textes utilise un blanc légèrement transparent (sans ombres)
                Ça sera déjà un peu mieux...
                Un lien vers l'accueil (flash) me manque perso

                ...En espérant pouvoir te faire avancer
                1. de une je ne retirerais pas le carrousel mais merci d'être franc
                  Pour le logo je le retravail légèrement , mais que lui reproche tu exactement ?
                  le menu trop mastoc ? tu veut dire que sa fait de grosse cellule pour de petit mots ?
                  les couleurs sont plutôt sombre et le côté néon , en parti car c'est de l'animation de soirées.
                  je vais essayer le cadre blanc pour les textes bien que je doute que cela fasse mieux , c'est vrai que sa pourrait apporter de la clarté .

                  le lien est un soucis de superposition du menu , que je n'arrive pas a régler .
                2. ...En espérant pouvoir te faire avancer


                  tout critique n'est que bénéfique .
                3. En lisant ton logo, il faut qu'on sache ce que tu fais ....et du premier coup d'oeil.
                  Les polices utilisées => Ok pour un blog peso ou amateur mais n'oublie pas que tu essai de te vendre par le biais de ton site.
                  Le casque fait partie du logo? si oui pourquoi? Tu n'es pas que DJ.
                  Sois plus passe-partout, sobre, classe.

                  Le menu oui il est trop imposant et pas trop dans l'air du temps....
                  L'effet néon oui c'est une bonne idée mais pas comme ça.... Si tu utilise photoshop tu peux télécharger des brushes sympa qui te permettrons d'avoir un meilleur rendu que ca.

                  Et encore une fois, si tu veux te vendre, ne fait pas trop "mon style c'est mon style faites pas chier" mais adapte toi aux standard du web actuel pour que tes clients ne soit pas perdu en visitant ton site. La page d'accueil est très importante c'est elle qui donne le tons du site.
                  Et désolé mais le carrousel ca le fait limite. Pourquoi pas l'intégrer dans une autre page mais pas l'accueil. Préfère plutôt un beau petit montage photo en statique

                  Dernière chose, pou le nom de domaine j'aurais choisi www.vip-animation.fr
                  Plus facile à lire et décrypte au premier coup d'oeil et je pense même que ça te ferai gagner de la place dans les moteur de recherche par la suite
                4. non le blanc transparent en fond ce n'st pas beau sa fait gris le site est encore plus foncé qu'avant désolé , mais j'ai remis le vert
                5. hum.....
                  Perso je te recommanderai d'utiliser la solution wordpress + atisteer
                  T'arrivera à créer plus facilement un design plus propre. tu sera moins emmerder par la programmation ou par le design qui te freine plus qu'autre chose pour le moment.
                  Faut pas mal le prendre même si c'est pas facile à accepter :) mais ton travail reflète quand même un manque d'expérience dans le domaine.

                  Moi demain tu me met derrière des platines ou un pc pour animer une soirée, je vais me vautrer!
                  Alors SOIT tu accepte le max de conseil venant de personnes plus expérimentée (prend des avis ailleurs que contremarche.net => forum plus spécialisés)
                  et là tu arrivera à avoir une base un peu plus acceptable que tu améliorera au fil du temps.
                  SOIT tu arrête de perdre du temps pour un résultat que tu n'aura peut etre jamais et qui en plus va te plomber ton activité (regarde la solution wordpress+atisteer) Tu peux balancer rapidement un site complet et propre en quelques minutes.
                  Pourquoi pas joomla?Plus compliqué a installer et configurer à mon gout que wordpress

                  Ou mieux encore, tu paye une agence web pour te faire un site sympa.
                  Une agence correcte te facturerai ton site +ou- 500€ vu le nombre de page....
              2. rodolphe je vien de voir ton premier commentaire ^^ , je vais corriger ça .
                1. ravi d'avoir pu t'aider.
                  Tu dois aussi tout miser sur le référencement géolocalisé.
                  Je suis disponible aussi via mon site si tu le souhaite: http://www.rod-perception.net
                  j'y met quelques articles qui concernent le référencement ou l'ergonomie et autres.
                  Et je prends pas cher aussi :)
              3. Je vais modifier énormément de chose je vous dirais quand j'ai fini et vous me redonnerais vos avis merci a tous .
                1. je peut mettre quoi comme police je ne souhaite pas une police basique comme arial
                  1. Regardez ici https://fonts.google.com/ .
                    1. niquel , un grand merci j'ai choisi comme couleur le vert avec le rouge(complementaire) et le bleu avec le orange(complementaire) , vous en penssais quoi ?
                    2. Pas grand chose ^^... tout est une question de goût et les goûts sont propres à chacun :).
                    3. Pareil.... Le vert s'il n'est pas un peu flashy (un peu comme le bouton "Posez votre question" ci dessous, t'aura du mal à le faire s'intégrer avec les autres couleurs. Bleu + orange ca se marie bien si toutefois tu prend pas n'importe quelle nuance mais rouge et vert ca fait pas un peu ambiance noel? ^^
                    4. ce sont les couleurs
                      http://www.hostingpics.net/viewer.php?id=594783Capturepleincran28112012232400.png

                      menu bleu et orange(au passage de la souris)
                      fond de texte vert
                      pied de page bleu comme le menu
                      fond d'ecran dans des ton rouge mais je sais pas encore comment faire peu etre le meme fond mais en rouge
                  2. J'ai déjà mis les couleur en page d'accueil , vous en pensez quoi , je trouve le vert trop flash non ?

                    sa va pas faire trop de couleurs ?
                    1. c'est le fond rouge qui cloche sans lui sa peut le faire je vous ferais un test sans si vous me le ditent .
                    2. avec le rouge
                      http://www.hostingpics.net/viewer.php?id=564381Capturepleincran29112012153354.png

                      sans le rouge
                      http://www.hostingpics.net/viewer.php?id=783082Capturepleincran29112012153330.png
                    3. Modérateur
                      Sans le rouge, c'est mieux, mais ça manque d'animation, le carrousel est toujours aussi inepte et le fond noir uni mériterai un dégrader de gris ou autre.

                      Voir mes autre remarque ci dessous.
                  3. Modérateur
                    Salut

                    Sur ta dernière version :

                    Le carrousel, franchement, je ne peut qu'appuyer tout les avis ci dessus, il est pas top, agressifs et peut agréable. A la limite, si tu veut absolument un carrousel, met en un qui ne tourne pas des que la souris passe dessus.

                    Le menu est trop gros et se comporte mal au redimensionnement.

                    La courbe sonore rouge est trop agressive.

                    Le vert de fond de texte n'est pas beau.

                    En dehors de la page d'accueil, les autre page sont toute cassé chez moi (IE8 et firefox).

                    Pour un site, un fond totalement noir, c'est pas forcement le top, mieux vaux un léger dégradé ou une couleur plus claire.

                    Un outils intéressant pour choisir ses couleurs :

                    http://paletton.com/

                    Il en existe d'autre du genre.
                    1. pwaaaaaaaa...
                      T'es visiblement pas fait pour ça.
                      Ta première version était pas géniale mais là tu t'enfonce!
                      Je te parle comme ca pour te secouer pas pour faire mon interessant et te plomber le moral. Mais réagit! tu as des yeux comme nous tu ne vois pas que ca le fait pas?
                      1. c'est surtout que réaliser une charte graphique même sur un tout petit site, ça ne s'invente pas.
                        Cela demande certaines compétences qui demandent de l'expérience.

                        Ton site n'est pas simplement pas à notre goût, il souffre d'un mauvais codage qui nuira au référencement, à l'accessibilité, de plus son ergonomie n'est pas bonne.
                        J'y retourne:
                        - pas d'éléments de titre
                        - mise en page avec tableaux
                        - mise en page avec élément center
                        - pas de lien vers la page d'accueil
                        - carrousel énervant qui tend à faire fuir plus qu'autre chose
                        - texte mal lisible
                        - rédaction du contenu non adaptée à un référencement géolocalisé
                        - accès aux tarifs pas assez direct
                        - page tarifs qui n'inclue pas les options
                        - page articles des événements qui sort de nulle part
                        - bref un maillage interne des liens à revoir
                        - et une navigation générale sur le site non logique

                        Tout ceci, ce n'est pas de l'esthétique, c'est de l'ergonomie.
                        Ça ne s'apprend pas du jour au lendemain, ça demande un peu d'étude, un peu de recul, un peu de lecture, voir beaucoup.

                        Mon conseil? finalise le codage html avant de t'attaquer au css.
                        http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fvip-anim.fr%2Fvip.php
                    2. Je comprend que l'expérience est requise pour faire ceci , mais n'ayant ni l'expérience n'y l'argent pour payer quelqu'un je dois apprendre et avec le temps(même si c'est très long ) j'y arriverais
                      1. et c'est tout à ton honneur, mais attention à ne pas y passer trop de temps tout de même.
                        Il s'agit de ton entreprise et tu te dois le meilleur.

                        autre conseil: regarde ce qui se fait sur le net, observe le texte, l'agencement des pages, la navigation, le design général.
                    3. un thème plus sobre plus noir et blanc j'aime pas -_-

                      http://vip-anim.fr/index.php

                      j'utilise index pour les test donc oui les autres page sont forcement désordonné car je change les images
                      1. Modérateur
                        Y'a du mieux, le carrousel ne nous saute plus au yeux, même si je maintient qu'il est de trop et qui est très désagréable à regarder, ça rend limite malade.

                        Pour ton cadre central blanc, le rayon de flou est trop élevé.

                        Dans le même genre, le dégrader du background est un peu agressif, pi être mettre le blanc central plus gris.

                        Pour le menu, j'atténuerai légèrement l'effet de halo autour des caractères.
                      2. Quand je vais dans contact, ce lien:
                        http://vip-anim.fr/contact.php

                        C'est à nouveau la cagade.... Tout se débine.....

                        En MVC, il faut faire index.php?page=contact

                        et index.php charge templates/contact.phtml

                        ET index.php contient l'en-tête et le menu que vous n'avez plus à mettre dans les autres pages....

                        Un écran c'est une géométrie 16/9 pas 4/3! Trop de place perdue à droite et gauche..... Vous voyez GOOGLE laisser la moitié de l'écran vide? Moi pas....

                        Votre logo moitie plus petit, le menu, une bande 3x plus petit, l'en-tête doit pas occuper plus du 1/4 de la hauteur de la page, comme ici:
                        http://www.packeventpro.fr/

                        A+
                    4. Modérateur
                      - des lettres blanches sur un fond clair ... illisible ;)
                      - un menu décallé et tronqué sur certaines pages ...
                      - une page 'partenaires' dans laquelle ... on ne trouve rien ...
                      vois déjà ceci de suite :
                      https://forums.commentcamarche.net/forum/affich-37584857-proteger-un-site-web-en-construction
                      -- la ccs n'est externalisée et il y a un appel en plus vers une feuille de style ....
                      - - un slideshow qui fait partir les visiteurs ... dans une image, sans retour vers le site ...
                      -- le footer qui n'est pas rempli ....
                      -- Google est déjà passé, alors SURTOUT protège ce site car ça a plutôt l'air d'être du grand n'importe quoi !!! et plus tard tu vas venir nous demander 'comment faire pour que GG ..... '

                      on ne devrait même montrer des sites comme ça actuellement, surtout avec toutes les possibilités qui existent !!!
                      1. lis depuis le début et recommente après , tout les critique tu tu fait on était expliquez plus haut pas envie de me répété merci.
                      2. Tu veut dire que google ne changera pas le référencement de ma page ?
                        mais concrètement sa change quoi?
                      3. ça change que si le robot passe, qu'il lit ton site, et qu'il soit bourré de fautes, de "site en construction" un numéro de tel erroné....et autres, et bien dans les résultats de recherches tu auras toutes ces choses, et le temps qu'il repasse pour mettre à jour c'est pas demain, ni après demain, ça sera loin, très loin !!!
                    • 1
                    • 2