Esthétique de mon site web
Résolu
rollerfire
Messages postés
133
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'ai créé le site web de mon entreprise d'animation de soirées , maintenant que je l'est casiment terminé :
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.
- 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.
A voir également:
- Esthétique de mon site web
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Création site web - Guide
- Web office - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
36 réponses
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
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
bacci
sans oublier au passage les faute de français!
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+
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+
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai vue ton site, les effets en ronde sur les photos dans ta page d'accueil sont vraiment pas mal ! comment ta fait ??
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 !
super sympa le site, peut être le robot avec le rouleau, je me demande ce qu'il fait sur un site d'informatique !
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+
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+
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 ^^
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
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
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 .
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 .
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
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
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....
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....
rodolphe je vien de voir ton premier commentaire ^^ , je vais corriger ça .
Je vais modifier énormément de chose je vous dirais quand j'ai fini et vous me redonnerais vos avis merci a tous .
Regardez ici https://fonts.google.com/ .
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? ^^
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
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
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 ?
sa va pas faire trop de couleurs ?
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.
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.
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?
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?
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
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
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
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
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
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.
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.
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+
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+
- 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 !!!
- 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 !!!
ç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 !!!