[Intermédiaire] www.aiguines-arts.fr - travail de la pierre

Salut à toutes et tous !

voilà, je suis en auto-entreprise (sites web et infographie) depuis peu de temps,
je me suis mis au web sur le tard, j'étais pendant des années infographiste dans le print bas de gamme (journaux gratuits), je voudrais avoir vos avis sur ce site vitrine assez simple (pour vous) que je viens de finir :
http://www.aiguines-arts.fr/

j'ai essayé de faire un graphisme sympa et collant à l'activité du client, il en est très content mais j'aurais besoin d'avoir des avis d'experts (ou pas d'ailleurs), pour me rassurer et me faire progresser ...
Par exemple, est-ce que les thumbs pour les galeries sont pas trop GnanGnan ??

• j'ai utilisé dreamweaver, il n'est pas en responsive design (est-ce grave docteur ?), niveau titres et autres structurations j'ai essayé de faire un effort même si les titles des images sont pas toujours cohérents ... etc ...

• Niveau facturation ça a coûté 400€ au client (perso j'ai peu de charges pour le moment...), sachant que le plus gros du travail a été de concevoir le texte (il n'était pas fourni), triage et choix des photos, recherches d'un graphisme sympa ...
est-ce honnête rapport qualité/prix ?
en fait je suis dans le doute perpétuel dans la vie en générale, du coup j'aurais besoin qu'on me valide ce côté là aussi pour que j'avance plus sereinement ...

• En arpentant les différentes parties du forum je trouve cet univers passionnant mais très (trop) technique, trop de choses à savoir, trop de contraintes (et maintenant le responsive design en plus !!!???) etc ...
du coup je me sens un peu déboussolé et aurait bien besoin de vos avis pour savoir où j'en suis, si je suis sur la bonne voie ou alors je reste dans le print de base ou les champs de patates ...

en espérant ne pas avoir été trop long et trop hors sujet
merci d'avance pour vos réponses !!!
Modifié par stefan83 (11 Jan 2013 - 12:48)

Bonjour,

Côté visuel, il n'y a pas grand chose à redire, c'est propre et en adéquation avec le thème (le travail de la pierre). Mais côté code, il y a des points à revoir.

- Ta balise <title> ressemble plus à un croisement entre la méta description et la méta keywords qu'à un titre… Il faut que ce soit le nom de l'entreprise qui y figure. Pour la description, la méta description est fait pour ça.

- Je vois deux balises <style> dont une vide, et plusieurs feuilles externes. Tu gagnerais à regrouper tout ça en aussi peu de feuilles externes que possibles (idéalement une feuille globale et une feuille correctrice) pour à la fois économiser des requêtes HTTP et faire en sorte que tout puisse être mis en cache (moins de bande passante), pour au final un chargement plus rapide.

- Euh… pourquoi inclure deux fois les deux scripts jquery ? Tu devrais supprimer les deux lignes en trop qui se trouvent entre les balises head, car tu les as déjà à la fin du document.

- Ta bannière est une image porteuse de contenu. Or, elle est en fond, ce qui fait que si l'image ne s'affiche pas ou ne peut être vue (serveur qui déconne, moteurs de recherche, non-voyant, préférences particulières d'un utilisateur malvoyant ou photophobe, etc.), on perd l'information ! Tu peux le constater en désactivant les images en gardant le style actif, avec la barre Web Developer.
La solution la plus simple : La bonne vieille balise <img /> avec l'alternative textuelle, le tout flanqué dans une balise <h1> !
Ou un peu plus de défi : utiliser du vrai texte avec la fonte personnalisée et un peu de CSS3 pour reproduire le style !
Avec l'une ou l'autre des deux solutions, l'information va rester présente quel que soit le contexte !

- La hiérarchie des titres a des lacunes. Dans l'accueil, je vois un H1, ensuite un deuxième H1 qui, dans le contexte, aurait été mieux en H2, avec une class particulière pour le styler différemment des H2 des autres pages. Puis après, pouf un H5, sans avoir eu de H2, H3, H4 ! Et le H5 en question, je l'aurais plus vu comme paragraphe, ça ne ressemble pas vraiment à un titre… Et dans la page Liens, je vois des H3 sans avoir eu de H2.

- Dans l'accueil, tu n'as qu'une erreur de validation, et elle se situe sur la balise <link /> pour les fontes, il manque la barre oblique à la fin.

Voilà les principaux points soulevés. Donc avant de penser aux suggestions telles que passer au HTML5 ou de rendre ton design responsive, commence par faire les corrections que je te recommande.

@ Olivier C

a écrit :
L'apparence est propre, je trouve que ça le fait!

merci ! ça me rassure

a écrit :
je pense que les consultations sur iPhone, iPad et consorts finira par atteindre 40% ou 50% des visites pour un site incessamment sous peu...

je trouve aussi que c'est une évidence, en tout cas faut s'armer pour, perso ça me plait pas puisque ça complique encore plus la chose, mais c'est la vie !
Par contre en regardant des stats d'un site d'assos que j'ai réalisé, sur 1000 visites ce mois ci il n'apparait que peux de mobiles ou ipad : iPhone /1,44 %, iPad/0,64 %, IEMobile 0,16 %, BlackBerry 0,16 % ...

a écrit :
Le web c'est un métier (ou une passion comme pour moi), et demande beaucoup d’investissement, à vous de voir

en fait j'ai plus envit de passer ma vie devant les ordis (déjà 15 ans d'infographisme bas de gamme ...), j'aimerais faire deux mi-temps, un en continuant dans cette branche en faisant des sites basiques et l'autre en tant qu'aide agricole, dans les jardins ou autres, j'en ai trop besoin d'être dehors, de me bouger etc ... et ça ferait un équilibre ...

a écrit :
En tout cas, si vous voulez en faire votre métier il faudra passer par le codage pur

.
Ah NoooOOOOOnnn !!! pas ça !!!! AAAAAAArrrrGGGgg !!!
pour de la bidouille de codes, des copier/coller de-ci de-là je veux bien,
ou alors je préfère travailler en équipe et rester côté graphique car c'est
là que je m'éclates le plus, le code pur c'est vraiment pas ma tasse de thé ...
donc faudra trouvé un compromis, rester à petit niveau, être en équipe etc ...
"petit à petit l'oiseau fait son nid"

a écrit :
Mais au bout d'un moment vous aurez votre propre framework : un modèle de site que vous connaîtrez à fond, un condensé de bonnes pratiques que vous aurez accumulés au cour de voter expérience et que vous adapterez en fonction des sites sans être obligé de réinventer la roue à chaque fois.

c'est ce que je me disais aussi, j'étais un peu désarmé devant la complexité technique du sujet mais je commence à prendre des marques et comme tu le dis il me faudra établir une bonne base stable pour pouvoir être plus tranquille ...
comme on dit "c'est en forgeant qu'on devient forgeron"

a écrit :
Maintenant, si le site n'est pas dynamique, je veux dire : s'il ne s'appuie pas sur un CMS par lequel le client modifiera facilement les articles et les pages sans coder... aujourd'hui c'est impensable.

c'est ce que je me disais aussi, après une formation dreamweaver je me suis autoformé à Joomla et à artisteer, je pense que je vais n'utiliser que ces derniers finalement car d'une part j'ai pas envit de gérer le php et joomla le fait très bien pour moi (merci aux programmeurs du projet en passant !) et d'autre part comme tu le dis pour le client ça fait plus pro et facile d'accès.
J'ai vu qu t'étais un inconditionnel de Wordpress, t'en penses quoi de joomla ? il fait pas le poids face à WP ?
encore merci
j'ai avancé et ça fait plaisir
Modifié par stefan83 (12 Jan 2013 - 15:48)

stefan83 a écrit :
Par contre en regardant des stats d'un site d'assos que j'ai réalisé, sur 1000 visites ce mois ci il n'apparait que peux de mobiles ou ipad : iPhone /1,44 %, iPad/0,64 %, IEMobile 0,16 %, BlackBerry 0,16 % ...

Chez moi aussi, c'est très peu pour l'instant, mais ça augmente chaque mois... En tout cas il ne faut pas regarder les stats au temps passé : car bien sûr, si le site n'est pas optimisé pour, il est normal que les stats de rebonds des mobils soient élevées...

stefan83 a écrit :
Ah NoooOOOOOnnn !!! pas ça !!!! AAAAAAArrrrGGGgg !!!
pour de la bidouille de codes, des copier/coller de-ci de-là je veux bien...

En même temps, perso, j'ai commencé comme ça. Donc tout va bien.

stefan83 a écrit :
J'ai vu qu t'étais un inconditionnel de Wordpress, t'en penses quoi de joomla ? il fait pas le poids face à WP ?

Non, non, je n'ai rien contre Joomla. C'est jusque que je pense qu'il ne faut pas trop s'éparpiller dans tous les sens avec les CMS car - quoi qu'on en dise - il faut tout de même un minimum de temps pour les maîtriser.

Perso, pour WordPrkess, si c'était à refaire... je referais. Maintenant si je devais passer à un niveau au dessus de WordPress (non pas que j'en aurais l'utilité, mais juste pour le fun) je tenterais un framework php comme Symphony ou Zend FrameWork...

Pour vous :

Joomla, je ne sais pas trop. Ce qui est sûr : comme vous êtes sur la pente pro je vous conseille d'emblée de vous former en vue du e-commerce (incontournable pour un pro), et donc, de laisser tomber WP à cause de son manque d'ergonomie (les plugins associés pour le e-commerce avec WP : non merci!). Dans le cas là autant passer tout de suite à Prestashop (je n'ai jamais essayé, mais il a l'air d'avoir bonne presse) voir Magento (une valeur qui monte, mais plus lourd).
Modifié par Olivier C (12 Jan 2013 - 21:39)

IshimaruChiaki a écrit :
Je vois deux balises &lt;style&gt; dont une vide, et plusieurs feuilles externes.

en effet, j'ai procédé ainsi dans dreamweaver en catégorisant les styles (divs, textes etc ...) pour retrouver plus facilement là où je dois aller en cas de modifs, mais il doit y avoir d'autres manières aussi de fonctionner et je ne pensais pas que ça impacterais tant que ça sur le chargement

IshimaruChiaki a écrit :
Tu peux le constater en désactivant les images en gardant le style actif, avec la barre Web Developer.

ok, merci de me le rappeler, j'utilise pas cet excellent outil et je devrais pourtant, par contre en gardant les styles actifs les sous-menus avec textes blancs ne sont plus lisibles car sur fond blanc, idem avec les textes du bas de même couleur que le fond, est-ce grave ?
j'ai désactivé les styles et ça m'as rappeler les bases de la formation pour construire un site, j'avais déjà oublié ... ArGGg !

IshimaruChiaki a écrit :
- La hiérarchie des titres a des lacunes ...

ça se voit bien en plus quand on enlève styles et images dans webdevelopper, en fait j'aurais dut utiliser des classes la où j'ai mis des h5, h3 etc ...

IshimaruChiaki a écrit :
Donc avant de penser aux suggestions telles que passer au HTML5 ou de rendre ton design responsive, commence par faire les corrections que je te recommande.

Ok Chef !
merci pour tout ces bons conseils et je vais tâcher de le faire pendant la semaine

Olivier C a écrit :
En même temps, perso, j'ai commencé comme ça. Donc tout va bien.

merci ça me rassure !

Olivier C a écrit :
Non, non, je n'ai rien contre Joomla. C'est jusque que je pense qu'il ne faut pas trop s'éparpiller dans tous les sens avec les CMS car - quoi qu'on en dise - il faut tout de même un minimum de temps pour les maîtriser.

tout à fait d'accord, d'ailleurs avant de m'y mettre quand j'ai lu leur texte de présentation ça avait l'air très simple mais en fait c'est vraiment pas le cas du tout ...

Olivier C a écrit :
je tenterais un framework php comme Symphony ou Zend FrameWork...

je connaissais pas, mais ça sera jamais pour moi non plus, je resterais toujours je pense à des sites vitrines de base, enfin on verra

Olivier C a écrit :
comme vous êtes sur la pente pro je vous conseille d'emblée de vous former en vue du e-commerce (incontournable pour un pro)

je m'en suis bien rendu compte car j'ai eut des propositions dans ce sens là et ça m'enchante pas trop à vrai dire, mais bon dans la vie on fait pas toujours ce qu'on veux, ça sera donc en effet une prochaine étape à franchir ...

sinon une autre question me vient à l'esprit : ça fait combien de temps que tu réalises des sites ?
Modifié par stefan83 (13 Jan 2013 - 15:28)

stefan83 a écrit :
sinon une autre question me vient à l'esprit : ça fait combien de temps que tu réalises des sites ?

Donc, comme je te le disais, je ne suis pas pro : à la base j'étais un simple blogger. Puis j'ai commencé à vouloir changer la couleur du fond d'écran de mon thème over-blog... etc. J'ai commencé à coder sérieusement il y a deux ans environ. Par simple plaisir : je refaisais régulièrement les thèmes de mon site. De simple retouches au départ.

Mais j'ai aussi donné des coups de mains à des associations : j'ai notamment bossé avec une équipe de dev (deux ingénieurs) pour une radio en ligne. L'intégrateur du groupe, c'était moi (encore aujourd'hui à l'occasion) et, bénévolat ou pas, c'était du sérieux. J'ai appris beaucoup de cette manière là. D'ailleurs, pour me remercier, ils m'ont donné un "coup de main" en me salariant chez eux pendant un mois, alors que j'attendais un poste dans ma sphère professionnelle (je suis désormais infirmier).

À part l'intégration : un brin de dev php, par ci par là...
Modifié par Olivier C (14 Jan 2013 - 07:34)