Votre avis sur la refonte de mon site ?

Posez vos questions et discutez sur les statuts, les prix, les droits d'auteurs et autres usages du métier.

Votre avis sur la refonte de mon site ?

Message 18/04/2011, à 09:11


Bonjour à tous,

Je profite de m'adresser à une population d'experts graphistes pour demander un petit avis sur mon site qui vient juste de changer de look :

www.web-actually.fr

L'ancien étant une variation d'un thème acheté, je n'ai pas considéré utile de le soumettre à la Vox Populi. En revanche celui ci est nettement plus personnel.

Pour être très honnête j'en suis même très fier. Mais rien ne vaut un œil extérieur pour tester ses créations (autre que celui de ma femme et de mes potes).

Comme mon logo le prouve, je ne suis pas graphiste "de formation" mais j'ai essayé de dégager une ambiance de "douceur" sur mon site en conservant un jeu de couleurs chaudes.

J'ai simplifié mon offre pour la faire tenir sur une seule page avec pour objectif de déclencher l'action de contact. J'ai abandonné l'usage des "slider" car je me suis rendu compte que le taux de clic fondait à vue d’œil à partir du 2ème "slide". Et j'ai beaucoup travaillé sur ma typographie, histoire de rendre la lecture agréable.

Alors à votre avis ? Je change de métier et j'élève des chèvres dans Larzac ou y'a de l'espoir ? :D

Ceci étant fait je vais m'attaquer au brief de la "charette" il m'inspire celui là ^^

Bonne journée à tous
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Message 18/04/2011, à 16:22


Bon bah je vais pas être très constructive : j'aime beaucoup !
C'est clean, la navigation est très bien, l'ensemble est assez doux et quelques effets sont là mais restent subtils et plutôt doux :)

C'est très "dans la tendance" avec l'accueil à la première personne. D'ailleurs, cette partie prend peut-être un peu "trop" de place, je serais personnellement restée sur 3 lignes... (mais je chipote)

En gros pour moi c'est très classe, et j'ai aimé naviguer dessus ! :)
(par contre ton lien ne fonctionne pas dans ton message, essaie de l'éditer – C'est corrigé – Vincent)
Sweet
 
Messages: 23
Inscrit le: 07/03/2011, à 09:40

Message 18/04/2011, à 19:19


Merci beaucoup :)
Ça fait vraiment plaisir.

Tu chipotes, tu chipotes mais t'as pas tort ^^ En réduisant ma taille de police j'arrive à un résultat équivalent et qui en plus à la mérite de remonter mes services au dessus de la ligne de flottaison en 1024. Proposition adoptée :mrgreen:
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Message 18/04/2011, à 19:23


Salut William,

C'est cool de voir du bon boulot comme ça, je trouve que ça tient bien la route.

Je laisse les cadors du graphisme te pointer les détails qui clochent (Sweet à commencé doucement), je m'attarderai sur ce qui me saute aux yeux avec ma vision de développeur Web client.

Ton positionnement me semble d'ailleurs un peu en décalage avec tes compétences puisque tu sembles utiliser quelques CMS (Magento, Drupal, WordPress…) tout en te présentant comme un spécialiste front (design et intégration). À mes yeux, tu devrais mettre plus en avant ce côté « développeur ».

Concernant ton code côté client (que je me suis empressé d'aller voir, tu te doutes), on voit clairement que tu atteins sans souci tes objectifs. Je pense pourtant que tu pourrais travailler plus finement cette partie.

Sans rentrer dans le détail je note (pour l'exemple hein, il ne s'agit pas de pointer du doigt) :
  • que tes pages ne passent pas au validateur W3C (ce qui te dessert sans doute un peu puisque tu vends cette prestation) ;
  • que tu n'utilises pas de grille (c'est assez récent comme pratique, mais si tu t'intéresses à la typographie, ça devrait beaucoup te plaire) ;
  • que tu pourrais grandement améliorer l'accessibilité de tes pages (avec bien sûr d'autres avantages inhérents : référencement, ergonomie, portabilité…).

Bref, si tu souhaites en discuter, n'hésite pas.

Je me permet d’ajouter quelques urls sur ces sujets d'ailleurs (si tu veux fouiller…) :

NB : Ah tiens un dernier détail : ton logo n’est pas cliquable ?
Vincent – HTML zen garden
Avatar de l’utilisateur
Vincent
La team
 
Messages: 17
Inscrit le: 01/03/2011, à 19:03
Twitter: @htmlzg

Message 18/04/2011, à 20:13


[les grilles]c'est assez récent comme pratique


Oui ça date de quoi... le père Gutenberg, le fameux webdesigner de smashing magazine ? ;)

Sinon j'ai bien aimé le site, un peu trop dans la tendance pure et un peu gratuit sur certains points mai ssinon ça va. Par contre soit j'ai déjà vu ton site, soit j'ai vu un site qui y ressemblais comme 2 gouttes d'eau, il faudrait que je retrouve lequel... Y'avait les mêmes couleurs et les mêmes effets papier.
Directeur artistique web : judbd.com | @judbd
Le blog : mariejulien.com | @mariejulien / L'asso : Métiers Graphiques | @MGAsso
Avatar de l’utilisateur
Julien
La team
 
Messages: 104
Inscrit le: 01/11/2010, à 12:30
Twitter: @judbd

Message 18/04/2011, à 20:51


Bonjour Vincent,

Merci pour ton retour.

Tu as raison pour la validation W3C :
- Je viens de corriger 1 erreur due elle même à une correction de dernière minute sur le formulaire de recherche pour avoir un fallback à l'attribut placeholder et une autre sur une faute de frappe toute bête l'attribut lnag n'existant pas :D.
- Je suis à sec concernant l'erreur qu'il me trouve sur :
Code: Tout sélectionner
<meta content="IE=Edge;chrome=1" http-equiv="X-UA-Compatible" >

- Concernant la balise acronym je suis sceptique car elle s'oppose à une règle d'accessibilité (critère 8.11 et 8.12 du guide accessiweb). Le terme SIRET se lit il ne s’épelle pas
- Pour toutes les autres elles proviennent du script jQuery Tipsy qui utilise l'attribut original-title. J'avais essayé une version CSS mais je butais sur IE7 (burn IE ! Burn !). Je vais me pencher sur le sujet à nouveau...

Concernant l'accessibilité, j'ai pourtant essayé d'être vigilant. Bon je viens de déceler quelques alternative d'images passées à la trappe...grrr !

Pour le côté développeur je souhaite pour l'instant l'occulter volontairement. Car même si je me débrouille, je ne me sens pas encore mûr pour "vendre" cet corde de mon arc. Quand un client entend le terme développeur il s'attend à certaines prestations que je ne suis pas encore en mesure d'assurer ou alors dans un délai astronomique (ce qui a été le cas pour certaines des fonctionnalités de mon site :x). Mais ça viendra un jour ^^

Je vais de ce pas m'intéresser aux grilles, merci pour tes liens :P
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Message 18/04/2011, à 20:57


Julien a écrit:Sinon j'ai bien aimé le site, un peu trop dans la tendance pure et un peu gratuit sur certains points mai ssinon ça va. Par contre soit j'ai déjà vu ton site, soit j'ai vu un site qui y ressemblais comme 2 gouttes d'eau, il faudrait que je retrouve lequel... Y'avait les mêmes couleurs et les mêmes effets papier.


Bonsoir Julien

Qu'entends tu par "gratuit" ?

En revanche tu m'inquiètes là pour la ressemblance ! Autant je suis sûr de ne pas être le seul à utiliser le bruit 1% comme background autant le reste, ça me ferai quand même bien ch... d'avoir bosser comme ça pour finalement tomber sur du déjà vu. Même si je suis conscient de ne pas révolutionner le genre.

PS: Et merci de ton retour ^^
Dernière édition par William le 18/04/2011, à 21:41, édité 1 fois au total.
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Message 18/04/2011, à 21:29


Julien a écrit:Oui ça date de quoi... le père Gutenberg, le fameux webdesigner de smashing magazine ? ;)

J'entendais sur le Web et bien fait. Petit malin ! ;)

Quelques pistes pour l'accessibilité William (avec la Web Developer Toolbar notemment) :
  • [Images] – [Remplacer les images par l'attribut alt], puis comparer avec la version complète ;
  • [Désactiver] – [Désactiver les couleurs de la page], puis comparer avec la version complète ;
  • [Désactiver] – [Désactiver JavaScript] – [Tout le JavaScript], puis comparer avec la version complète ;
  • Lâcher la souris et ne naviguer sur le site qu'au clavier ;
  • Utiliser un lecteur d'écran ou plus simplement un navigateur texte et s'assurer qu'aucun contenu n'est perdu.
Mais encore une fois chapeau, couvrir la chaine du design au développement (même débrouille via CMS) en passant par l'inté ce n'est pas chose aisée (et j'insiste, tu as tord de ne pas appuyer ta polyvalence je pense).
Vincent – HTML zen garden
Avatar de l’utilisateur
Vincent
La team
 
Messages: 17
Inscrit le: 01/03/2011, à 19:03
Twitter: @htmlzg

Message 18/04/2011, à 22:44


Lynx c'est déjà fait :) Et le résultat était satisfaisant, aucune pertes ^^ En tout cas toute l'information est restituée dans l'ordre.

Par contre je me suis peut être contenté un peu trop vite de ce résultat. Je vais faire gaffe au reste.

Merci encore

PS : Et paf je viens de faire la peau aux erreurs liées à Tipsy !

Manque plus que cette saleté
Code: Tout sélectionner
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
qui a priori, bien qu'utile ne passe pas encore au validateur HTML5...En même temps et le validateur et le langage sont encore en "test" :p
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Message 19/04/2011, à 01:13


Salut,

J'aime bien ton site et je le trouve très bien.
Le site est réussi.

Je te donne juste un avis perso je suis graphiste et pas trop webdesigner.

Bonjour, je m'appelle William
je suis designer et intégrateur web
Je conçois des sites internet et j'adore ça !

je trouve la graisse un peu abuser essaie de faire peut être plus discret et tu devrai prendre une sans serif ou avec mais de ne pas mélanger les deux. Et pourquoi ne pas seulement mettre :

Bonjour, je m'appelle William
Je conçois des sites internet et j'adore ça !

la couleur rosé donne une effet un peu fade j'aurai choisi une couleur plus punchi.

Sinon c'est un très bon site et tu a fais un très bon job dessus. Touchant un peu au web je peu imaginé le gros travail qu'il y a derrière et te féliciter.
Avatar de l’utilisateur
classeurmedia
 
Messages: 2
Inscrit le: 09/04/2011, à 01:05

Message 19/04/2011, à 09:18


Merci beaucoup de ton retour :)

Oui sacré dilemme entre couleur chaudes, douces, punchy...J'ai tranché pour la douceur. Les tests avec des couleurs punchy n'étaient pas très concluants, un peu fatiguantes à la longue.

Je vais regarder pour la police, je trouvais justement intéressant de combiner la police Serif et Sans d'une même famille pour faire ressortir le plus important.

@Vincent : As-tu pu tester Opquast Reporting ? J’hésite à investir pour mon site et celui de mes clients.
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Message 19/04/2011, à 20:50


OPQUAST propose toute une série de tarifs, tu peux sans souci tester l'outil gratuitement sur un projet personnel (ton site par exemple) puis voir par la suite si ça vaut le coup sur une plus large échelle.

J'utilise pour ma part la liste des bonnes pratiques en intégration pour d'une part ne rien oublier ; d'autre part fournir si besoin à mon client un rapport complet ; et enfin pour identifier les chantiers éventuels à venir.

Bien joué pour le travail effectué sur la validation de ton site sinon !

Tiens d'ailleurs : quitte à utiliser la grammaire HTML5 (tu as changé entre temps non ? c'est en tout cas facilement justifié sur un projet vitrine ou personnel), pourquoi ne pas avoir utilisé également les nouvelles balises proposées (header, article, footer…) ?
Vincent – HTML zen garden
Avatar de l’utilisateur
Vincent
La team
 
Messages: 17
Inscrit le: 01/03/2011, à 19:03
Twitter: @htmlzg

Message 20/04/2011, à 07:02


J'ai aussi mon petit carton "Les bonnes pratiques" de Elie Sloim :D

Le DOCTYPE, depuis le début c'est celui de HTML5. Je l'ai mis parce que je commence doucement à intégrer quelques copeaux de CSS3 et un léger nuage d'HTML5. C'est à mon sens encore un peu tôt pour franchir le pas complétement. mais au moins je suis surles startings block :p

Je vais tester Opquast reporting histoire de comparer avec la bonne vieille méthode manuelle
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Message 20/04/2011, à 09:44


Je passe en coup de vent : très cool ton folio, clair et qui va à l'essentiel.
Graphiquement c'est très dans la hype (rien de péjoratif), ça me fait un peu penser au folio d'Aurélien et à French-touch.
Bref, du bon boulot, pas hyper personnel mais efficace !
DA web / web dev front • folioBD
Avatar de l’utilisateur
STPo
La team
 
Messages: 31
Inscrit le: 15/11/2010, à 14:02
Twitter: @STPo

Message 20/04/2011, à 12:23


Merci STPo,

C'est clair que comparé aux travaux d'Aurelien et de Sandrine il manque encore un peu (beaucoup ^^) de maturité graphique. J'y travaille, j'y travaille :)
William
 
Messages: 13
Inscrit le: 21/03/2011, à 12:26
Twitter: @webactuallyfr

Retour vers Discussion et entraide



Connexion

Rechercher