Bonjour, je viens de finir mes études de développeur web et je suis à la recherche d'un premier emploi. Pour m'entrainer j'ai mis à jour un site de ventes en ligne totalement réaliser à la "main", sans aucun cms ni framework.

Je voudrais donc sa voir ce que vous pensez du site d'un point de vue design, et experience d'utilisation. Merci
Modifié par remif (21 Nov 2013 - 11:36)
Bonjour,

vu que tu annonce un profil intermédiaire en passe de vouloir devenir pro, je vais être assez dur.

Graphisme/design/expérience utilisateur

Le graphisme est un désastre. Il n'y a pas la moindre corrélation entre le fond et la forme.
On vend des éléments d'architecture décorative classique, donc avec un style au moins centenaire, dans une sorte d'emballage pop-moderne-flat à l'opposé total. Le fer forgé est tout dans des teintes sobres et structurelle, alors que là on a des à-plat en couleurs flashy. Alors qu'on a affaire à un petit indépendant, on met de côté cet aspect humain pour donner des aires d'agence avec un look passe-partout sur fond de typos plus ou moins à la mode.
Je m'attendrais à sentir l'ôdeur du fer forgé humide, à sentir sous mes doigts ces structures complexe, à voir la passion de cet homme dans ce site. Là on pourrait vendre du Viagra ou des patates que ça ne changerait pas grand chose.

Après l'en-tête, avec ce fond d'image et le logo «ferronnerie» part sur une meilleure voie (Bien que très peu abouti) mais est du coup en totale contradiction du coup avec le reste.

Expérience utilisateur

– Aucune logique entre les pages, à chaque fois un nouveau redécoupage, d'autres systèmes de blocs, aucun alignement. Je préconise donc l'usage d'une grille.
– Couleurs, tailles de typo, alignements, interlignes, espacements, il n'y a pas la moindre logique. Des éléments sont très espacés, d'autres s'engluent les uns aux autres, etc.
– Les formulaires n'indiquent pas les champs obligatoires
– La typo est de très faible qualité, les lettres bavent les une sur les autres et c'est très peu lisible.
– Certains textes sont carrément illisibles tellement ils sont petits.
– Pourquoi y-a-t'il des Word Art au milieu des produits?
– On ne sait pas trop comment sortir d'une image zoomée. (et avec une mauvaise connexion il ne se passe rien quand on clique)
– Utilisation d'une mauvaise regex pour filtrer les adresses emails qui empêche plein d'adresses valides
– etc.

Intégration

– Des balises <center> partout. Mais d'où sort cette antiquité invalide?
– On n'écrit pas «REALISATIONS SUR MESURE» dans le code mais «Réalisations sur mesure» et on utilise CSS pour mettre en capitales.
– Le site supporte mal le zoom texte.
– Dans la rubrique inspiration, il y a trop de texte dans le ALT des images, c'est inutile de répèter tout le texte qui vient juste après, dans ce cas un alt vide est plus approprié que ça.
– Il n'y a pas d'attribut alt sur la balise <a>

En définitive, sur les points demandés il y a pas mal de problèmes. En tant que développeur beaucoup sont excusables car ce n'est pas ton métier mais ce site ne fera pas un bien grand critère d'embauche. Attention donc.
Je viens de me pencher sur le probleme du découpage comme critiqué précédement. J'ai créer des cadres de bases du coup le passage d'une page a une autre se fait plus falicement avec une colonne a gauche et une grande central.
Je viens encore de mettre a jour certains point, notamment le coté responsive (jusqu'au format tablette pour le moment), structuration et le panier à légèrement changé.

J'ai également traité toutes les images pour qu'elle soit progressive, j'ai retravaillé mes css pour qu'ils soit plus econnomes, changé de favicon et ajouté un champ quantité avant de mettre au panier.

Qu'en pensez vous ?