Salut tout le monde,

Je souhaiterais avoir vos critiques à tout les niveaux (esthétique, accessibilité, grosse erreurs de code...) pour ce site que je viens de finaliser et qui est mon portfolio. Je précise que je n'ai pas eu de formation spécialisée en développement web (vous l'aurez remarqué je suppose), mais j'aime bien ce domaine et souhaiterais m'y investir un peu plus dans le futur.

http://halau.be

Je pense qu'il pourrait y avoir un petit problème au niveau de l'accessibilité, lorsqu'on se trouve dans une des pages de la partie "portfolio", il y a un sous-menu a droite qui apparaît mais il n'est pas toujours évident de s'en rendre compte lorsqu'on visite pour la première fois le site. J'envisage d'y remédier mais je n'ai pas encore décider comment.

Merci et à tout de suite. Smiley biggol
Modifié par halau (12 Jun 2010 - 19:51)
Salut !

Quelques remarques :

* Au niveau des erreurs de code, tu as justement 3 erreurs XHTML (1.0 Strict). C'est pas méchant mais c'est toujours mieux de les corriger.

* Coté impression (là c'est totalement subjectif), ta page d'accueil fait presque page d'"intro". A mon avis ça manque de texte, ne serais-ce qu'un texte expliquant qui tu es, ce que tu fais, ...

* Coté accessibilité, un exemple de ce qu'il ne faut pas faire :
<img alt="header" src="/header.png" />
La propriété ALT sert à mettre un texte alternatif à une image. Dans l'exemple de ton image header, ce serait par exemple plus judicieux de rappeler "Hachouche Laurent - Architecte"


Bonne continuation.
Merci pour tes remarques très pertinente devzone!

* Ok pour les erreurs de code, je m'en occupe dès que j'ai le temps.

* Concernant la page d'accueil, on m'a effectivement dit que ça faisait trop page d'intro et on m'a demandé où était le "skip". J'indiquerai des informations générales me concernant pour éviter la confusion.

* Ok aussi pour le "alt", je vais le changer. Il vaudrait mieux que je le fasse aussi pour toutes les images du site je suppose?

Autre chose, j'ai remarqué hier que sur IE8, le menu passe en dessous du flash, je pensais avoir régler le problème en rajoutant wmode="transparent"/ mais ça ne fonctionne pas pour l'animation de la page d'accueil. Smiley biggol

Je vais encore un peu chercher de mon côté et posterai une demande d'aide dans la partie du forum adéquate si je n'y arrive pas.

à bientôt
Ton site présente très peu de contenu textuel.
Quand on arrive sur la page d'accueil, il n'y a aucune information à par le fait que ce soit un site d'archi et probablement en Belgique.
Une bonne landing page présente un résumé des infos essentielles, notamment les services et la localisation.

De plus, pour le référencement, il faut du texte, si possible bien structuré avec des Hx.

Sinon j'aime bien ton concept de l'archi open source, je lirai le mémoire à tête reposée.
Bonjour,
le bon côté des chose c'est que globalement le design est très épuré (pas de fioriture inutiles) Smiley cligne

Même remarque sur l'absence d'un petit speech de présentation. D'autre part ne serait-il pas pertinent de préciser un peu quelle est ta vision de l'archi, du type d'archi sur lequel tu travailles...?

Concernant le choix typographique ça peut être nettement amélioré, l'Arial (la version condensée au premier chef) ne donne pas une très bonne impression. Son côté un peu ringard, inesthétique et "choix par défaut ou absence de choix" désert l'image du site.
Dans l'idéal tu devrais choisir une typo qui soit à l'image de l'architecture que tu conçois
(influences historique, caractéristiques formelles et connotation actuelles).
Si par exemple et en simplifiant un peu, ton archi s'inscrit dans un esprit Bahauss, tu pourras te tourner vers une Futura (ou carrément la Bahauss).
Je sais que tout ceci nécessaire d'avoir un minimum de connaissance en typo mais à défaut,
choisi une vrai typo (l'Arial n'est qu'un ersatz d'Helvetica) plus moderne (Avenir, Fedra, Din/Interstate...)

> Mettre ton nom avant ton prénom donne un côté un un peu trop administratif.

> Le vert saturé (un peu trop) de la verdure en relief ne s'accorde pas bien avec le fond.

> Le titre vers après le slash n'est de toute évidence pas assez lisible, éviter les niveaux de contraste (texte/fond) trop faibles.

> Le texte du footer n'est pas assez lisible (même discret, il doit rester lisible)

> Conventionnement le menu secondaire devrait plutôt se trouver à gauche.

> Une rubrique accueil n'a pas de sens. Il faut réorganiser les différentes rubriques en s'inspirant des conventions dans le domaine :
Ajouter par exemple un libellé "A propos", un libellé "Contact" directement accessible, un libellé accueil sans sous rubriques.

D'autre part je doute qu'une rubrique Web design soit très pertinent ici, tu n'es ni graphiste, ni Web Designer et à priori tu ne recherches pas d'emploi là-dedans.

Bon courage pour la suite Smiley cligne
Modifié par Hermann (18 Jun 2010 - 12:33)
Merci à vous deux pour votre intervention, c'est très enrichissant.

Je suis globalement d'accord avec toutes les remarques que vous avez fait. Je ferai les modifications prochainement.

- Concernant la présence d'une catégorie Webdesign, j'aime assez bien ce domaine et bien que n'ayant pas eu de formation très poussée la dedans, ainsi que dans la programmation, c'est un domaine qui m'intéresse beaucoup et je souhaiterais pouvoir m'y consacrer pendant mon temps libre. De plus, je ne considère pas mon portfolio comme un outil exclusivement destiné à mes activités professionnelles. Je rajouterai d'ailleurs probablement d'autres onglets dans la catégorie portfolio dans le futur.

- J'ai mis mon nom avant le prénom car le nom de domaine est basé la dessus (halau = hach... laur...). Smiley smile

bonne aprem Smiley cligne

Laurent
Modifié par halau (15 Jul 2010 - 18:29)