Je me lance... Critiquez

[phpwebh]

Bonjour à tous,

Je suis nouveau sur ce forum, je viens soumettre mon site à vos critiques.


Faites pas attentions aux lorem ipsum...

 

[OTP]

Bienvenue !

En vrac :

- polices à sérif : peu lisibles
- header triste
- dupli sur -http://www.iiconcept.com/ et -http://www.iiconcept.com/index.php
- manque une réécriture d'url
- c'est globalement triste et pas engageant

 

[Oniris]

Et moi il m'a fallu bien 30 secondes avant de comprendre ce que proposait le site.

Je veux bien parier qu'au moins 50% des visiteurs sont déjà sortis après un tel temps.

 

[phpwebh]

Arg dur de se prendre des critiques, mais vous avez raison, c'est un peu tristounet...

 

[OTP]

Arg dur de se prendre des critiques, mais vous avez raison, c'est un peu tristounet...

Fallait pas poster alors !
Et puis ce n'est qu'un début, courage...

 

[SpeedAirMan]

> Très originales les descriptions de tes réalisations (voir page créa : lorem ipsum dolor...)

> J'aime pas le menu, en plus il n'est pas accessible (pas de balises "alt").

> Le code est euuuh... "bizarre".

> Avec une telle largeur, on pourrait penser que le site est visible en 800x600, mais non.

> +1 pour mauvaise utilisation des polices. Sur écran, les polices les plus lisibles sont les polices sans-serif (Verdana, Arial etc.)

 

[phpwebh]

Je me rends compte qu'on manque de recule lorsqu'on crée quelque chose et le soumettre à la critique permet d'améliorer.
Effectivement, si je sais pas de quoi il s'agis et que j'arrive sur ce site, absolument rien ne m'indique qu'il s'agis d'un site de webmastering.
Pour les couleurs j'essaye de blanc-gris leger:
http://iiconcept.com/v2/

C'est moins triste ?

Edit:

Pourquoi le code est bizare ? explique moi stp

 

[LiFi]

Pour les vignettes de tes sites, essaie de faire quelque chose d'un peu funky, olé olé, par exemple comme l'effet 3D ici : http://www.thumbs-online.com
Pour le reste c'est vrai qu'il n'y a rien d'excitant et pourtant tu y vends ton savoir faire en conception de sites. Il faut faire un gros effort sur l'aspect graphique je crois, ou alors au contraire faire hyper simple, dépouillé, pour ton site mais avec des bons exemples de création, des exemples qui parlent d'eux memes.

 

[phpwebh]

Pour lifi:

C'est vrais que j'ai du mal à me lacher niveau gaphisme, je reste dans le carré ou le "un peu arrondis"...

Faut que j'ose un peu plus sortir des sentiers battus.

 

[SpeedAirMan]

Pourquoi le code est bizare ? explique moi stp

Les menus sont des listes de liens, on utilise donc généralement des listes ( <ul> , <li> etc. ) pour faire des menus.

			<div id="menu">
				<div id="t1">
					<a href="index.php"><img src="images/accueil.png" border="0"></a>
				</div>
				<div id="t2">
					<a href="index.php?page=devis"><img src="images/devis.png" border="0"></a>
				</div>

				<div id="t3">
					<a href="index.php?page=promos"><img src="images/news.png" border="0"></a>
				</div>
				<div id="t4">
					<a href="index.php?page=rea"><img src="images/realisations.png" border="0"></a>
				</div>
				<div id="t5">
					<a href="index.php?page=offres"><img src="images/offres.png" border="0"></a>
				</div>

				<div id="t6">
					<a href="index.php?page=contact"><img src="images/contact.png" border="0"></a>
				</div>
			</div>

Toi, non, tu utilises des divs.

De plus, tu utilises des images pour remplacer du texte... Bon, comment vont faire les moteurs pour savoir quel est le titre de la page vers lesquels ces liens mènent ? (à part directement aller voir dessus) > Ils ne peuvent pas lire le contenu des images.
D'où l'existence de l'attribut "alt", que tu n'as pas utilisé ici.



Ensuite :

<div class="titrecadre"><div class="lettre">L</div>es promos du mois</div>

Curieux : pourquoi mettre ce texte dans un div plutôt que dans un heading (h1, h2, h3 etc.) ou un paragraphe ? ( <p> )
ça serait plus logique, plus "propre". C'est de la sémantique (la bonne utilisation des bonnes balises aux bons endroits).

Ensuite, pour mettre une lettre en exergue, il y'a d'autres moyens. J'ai jamais vu l'utilisation d'un div dans ce cas là (ce n'est pas fait pour ça). Tu peux utiliser <span> par exemple, ça serait bien mieux.
Tu as aussi une propriété CSS : first-letter, que tu pourrais utiliser dans ce cas là.



Globalement : tu utilises trop les <div> et pas assez les balises qu'il faudrait, telles que <p>, <hn> etc.

 

[phpwebh]

Oui tu à parfaitement raison, merci pour tous ces conseils avisés.
Effectivement, overdose de div... je vais retravailler le code.

Le header en blanc c'est mieux ?

 

[hebmaster]

Voici un exemple de site qui me donne envie de faire appel a leur service : http://www.alsacreations.fr/

Rmq:C'est juste un exemple, pas une référence.

 

[passion]

OK...

• pas de META
  design trop brute pour un prestataire de création
  pas d'optimisation
  pas de sémantique
  pas de contenu
  pas de N°de SIRET

Je vais m'arrêter là ! :wink:

Que des conseils....

 

[phpwebh]

Alsacréation... ils sont très bon !
j'ai essayé:

http://iiconcept.com/v2/
http://iiconcept.com/v3/

Je crois que je vais devoir tout refaire en design.. car c'est pas beau en faite !
Je vais mettre des citrons et des pommes avec une photo de ma nana, ce sera plus commercial ! oups...

Vous avez raison, en définitive faut que je craque un peu plus et que j'hésite pas à déborder des div's...(oh que j'aime les div's... -D)

edit:
passion, je fais ce site pour m'entrainer, pour être reçu dans un organisme de formation, en gros j'apprends, je ne suis pas né avec le html, le css ou le php dans la tête, comme tout le monde, j'apprends, je découvre pour un jour avoir un minimum de maitrise du sujet.
Donc pas de soucis pour le siret et ce genre de details.

 

[passion]

Ah ok... très bien !

Simplement bizarre de prendre comme référence un site de création web... m'enfin, c'est juste un partage !...

je fais ce site pour m'entrainer, pour être reçu dans un organisme de formation, en gros j'apprends

Bonne continuation

 

[phpwebh]

Merci, bon, en gros:

1.Code pas assez sémantique.
2.Design trop classique.
3.Quelques citrons. (comme chez alsa)
4.De la couleur, de la clarté.
5.Du contenu.

 

[passion]

Ah ok... très bien !

Simplement bizarre de prendre comme référence un site de création web... m'enfin, c'est juste un partage !...

je fais ce site pour m'entrainer, pour être reçu dans un organisme de formation, en gros j'apprends

Bonne continuation

PS : je te conseilles un site extra pour te faire la main :
-http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html
-http://www.siteduzero.com/tuto-3-4-0-un-site-dynamique-avec-php.html

 

[jamalofski]

C’est bizarre mais ca s'affiche chez moi paquet par paquet et quand je fais bouger la page avec la barre verticale de mon navigateur c'est pareil. C'est comme si je regarde un film dans un ordinateur sans le bon pilote de la carte graphique. C’est très très désagréable!!!!

 

[phpwebh]

Au faite, "pas d'optimisation".

Qu'est-ce que cela veux dire ?

Merci