Pages :
Bonjour,

Je viens de finir mon nouveau portfolio sous Wordpress. Voilà le lien :

J'attends vos avis, critiques et petits coups de pouces !

Merci à vous ! Smiley cligne
Modifié par Nicklesage (27 Dec 2013 - 12:57)
Salut,

Rapidement :
* il faudrait améliorer le contraste : les logos en blanc sur fond clair font vite mal aux yeux et le bleu turquoise pourrait être plus foncé ;
* le validateur du W3C retourne pas mal d'erreurs de syntaxe dans le HTML 5 (rien que pour la page d'accueil), à corriger ;
* évite les styles en ligne (même au moyen de l'élément style) : privilégie un fichier CSS externe (c'est mieux pour les performances) ;
* beaucoup d'appels au JavaScript sont déjà en fin de document (ce qui est bien) : reste à aller au bout de cette logique pour les appels au JavaScript se trouvant encore dans head ;
* les effets au chargement de la page mettent du temps à se produire, si bien que j'ai l'impression, même pendant un court moment, que la page est vide ;
* sur la page portfolio et la page blog, le chevauchement du texte et des captures d'écran et autres images d'illustration est assez disgracieux, de même pour la timeline Twitter qui chevauche avec le contenu textuel ;
* le formulaire de contact manque d'éléments label (à ne pas confondre avec l'attribut placeholder) pour étiqueter correctement les champs de saisie (quitte à les masquer en les positionnant en absolu).

Bref, même si, d'un point de vue esthétique, le site est globalement plaisant, il y a encore du pain sur la planche.
Victor BRITO a écrit :
* les effets au chargement de la page mettent du temps à se produire, si bien que j'ai l'impression, même pendant un court moment, que la page est vide ;
C'est le cas si on désactive js... une belle page blanche... Smiley ohwell
J'ajouterai que je trouve également que la taille de la police est assez petite, l'agrandir un poil ne ferait pas de mal Smiley cligne
Bonjour,
Je ne suis pas spécialiste en design, mais en tant que webmaster avec 8 ans d'expérience, j'essaie d'apporter ma pierre à l'édifice.
La police bleu turquoise ainsi que le fond qui est assez proche font que le texte ne ressort pas et ne donne tout simplement pas envie de lire ton site. Cela pique les yeux.
Le hover sur les liens rend l'ancre du lien illisible.
L’animation sur le lien du menu "Mes services" est un peu kitch et oldschool.
Le responsive du site est bien fait.
Bon courage.
Bonjour,

Merci pour vos critiques et vos avis !

Benson71 de quels liens tu parle ? Tous ? Je pense changer les couleurs pour que ce soit moins monotone sur le site.

Victor BRITO, merci je me penche sur les améliorations du code comme tu me l'as dis ! Et il faut que je trouve une solution pour la page blanche quand une page charge et met trop de temps...

Si vous avez d'autre critiques n'hésitez pas ! Smiley cligne
Je pense que Benson71 parle principalement des liens des liens dans le footer, car ils sont très clairs, et quasiment invisibles au hover de la souris.
Un template de stock n'est sûrement pas le meilleur moyen de rendre compte de ta créativité et de tes capacités.
Bonjour,

J'ai plusieurs réserves concernant le design de votre site, et aussi son contenu.
D'une façon générale, je trouve que pour un site de graphiste freelance, ce n'est pas assez convaincant. En tombant sur votre site on se dit : « Tiens encore un qui après une formation rapide en PAO et web vient encombrer un marché sursaturé et pollué par des "demi professionnels" qui ne connaissent pas les bases du métier qu'ils prétendent exercer. »

Peut être que je me trompe. Dans ce cas il faut revoir complètement votre site. Voir en faire un autre.

Plusieurs critiques :

• Le design n'est pas clair, pas travaillé, pas moderne. Quand on arrive sur la page d'accueil on trouve ce fond flou qui ne symbolise rien et qui n'est même pas beau ou travaillé. Une photo floue sans intérêt. Vient se placer là-dessus un texte bleu vert qui ressort à peine. En plus écrit en petit. Aucun contraste. C'est illisible. Et quand on rentre dans le détail, on constate qu'il y a beaucoup trop de bla bla creu (des explications inutiles et mal formulées), des retours à la ligne improbables, des orphelines, des paragraphes mal calés (le premiers se place mal comparé aux quatres autres en dessous) …

• En plus à vous lire, vous savez tout faire ! Identité visuelle, logo, charte graphique, multimédia, site web, print, packaging, agencement de magasin (seulement les façades qui pour vous sont du packaging, LOL), l'ensemble des supports (rien que ça !)… bref, vous savez tout faire. Quel talent !

Plus sérieusement, qui va y croire ? Rien que pour faire un designer en packaging il faut des années. Vous écrivez savoir tout faire alors que la mise en page du site indique que vous ne maîtrisez pas les bases de la typographie et de la mise en page. C'est pourtant le minimum.

« Vous recherchez un graphiste ? Contactez moi ! »
Vous dites que vous êtes graphiste, mais tout indique le contraire sur cette page. Il u a trop de choses à lire et rien en ce qui concerne le moindre travail de graphisme. Aucun travail de mise en page, de typographie, de couleurs, de dessin… Même les 4 icônes très pauvres semblent avoir été récupérées dans une police de caractère quelconque…

• Il n'y a aucune charte. Juste un fond feuillage bizarre et bleu vert appliqué sur tout. Où est le réel travail sur la forme et le fond ? Un site peut être simple et bien balancé. Là c'est plutôt pauvre et maladroit.

• Le truc rectangulaire qui se penche avec le téléphone ("vous êtes détenteur de projet ?") c'est pas moderne, ni fun, ni design…

• Pourquoi les logos de marques sont en blanc ? C'est encore plus illisible que le bleu et ça ne s'intègre pas.

• C'est quoi ces définitions à la Wikipedia ?? Quand je clique sur "identité visuelle", je tombe sur ça :
http://www.studio-huit.com/mes-services/identite-visuelle-montpellier/
Elle est où l'identité visuelle ? Vous en donnez une définition scolaire mal formulée qui n'a rien à faire sur ce site. Par contre on ne la voit nulle part cette identité visuelle. Et c'est quoi cette pipette à gouttes ? Vous ciblez les malades ? Le titre est mal calé et les mots se superposent de façon maladroite. L'habillage texte de la pipette casse les paragraphes. Les espaces verticaux entre les paragraphes sont similaires aux interlignes, du coup c'est pas structuré.

• Comme prévu les tarifs sont indigents, ils contribuent à paupériser une profession qui n'a pas besoin de ça et finissent d'indiquer votre manque de professionnalisme. Une identité visuelle (ça demande au moins plusieurs jours même pour le minimum) facturé 200€ (100€ sans les charges, moins 500€ avec les frais) indique que vous travaillez à perte ou que vous ne respectez pas les clients. Même si c'est un tarif d'appel. Bref, à trop brader les prix, vous récolterez peut être votre boulanger dans votre liste de clients, mais vous perdez tout crédit face à des clients sérieux. Pour ce genre de tarifs, il y a déjà des sites d'arnaques qui proposent des logos à 200€ (en fait des formes types dans lesquelles ils changent juste le texte).
De plus ces tarifs ne correspondent à rien,les termes employés sont trop vagues, on sent que vous ne connaissez pas le métier.
En dessous de 350-400€/jour minimum facturé au client (à ne pas confondre avec ce que vous gagnez) il vaut mieux trouver un autre métier. Certains professionnels qui ne travaillent pas tous les jours facturent à 750€/jour pour joindre les deux bouts. Pour ça encore faut-il avoir du métier, chose indispensable en freelance. Vous allez vous retrouver avec des dettes.
Le mieux ne serait-il pas de chercher un vrai poste en entreprise pour perfectionner vos connaissances ? Même si en ce moment c'est plutôt bouché. On se met à son compte quand on a une certaine connaissance du métier, un chiffre d'affaire assuré. Débuter à son compte dans ce métier, c'est juste casse gueule. On est pas graphiste, on le devient.

• La page "À propos". Je confirme ce que vous y écrivez. Le design y est atypique. Mais pas dans le bon sens. C'est pauvre, toujours ce fond imbuvable, l'espace entre le bloc texte et l'infographie trop serré… là encore, le minimum syndical n'y est pas.

• Les liens vers les réseaux sociaux sont beaucoup trop présents, ils attirent trop l'attention avec cette animation Twitter.

• Le logo est sympathique et il y a une vraie idée avec le symbole utilisé. C'est le seul indice qui pourrait laissé croire que ce site a un lien lointain avec le graphisme. Mais ce logo est transparent, la baseline "portfolio" est bizarre. Le portfolio doit être dans le menu, pas en tant que baseline. c'est trop générique. Le top c'est quand même le "Bienvenue" de 4 mètres de haut qui écrase tout sur son passage. Là on est sur "bienvenue.com", pas sur le site d'un graphiste. Et quand je clique sur "portfolio" sous le logo, il n'y a aucun portfolio, ça fait juste sauter la page. L'ergonomie et le bon sens ne semblent pas être les points forts de ce site.

• J'ai une espèce de capture d'écran mac avec une ombre nette en perspective et un écran blan. c'est quoi ce truc qui tombe comme un cheveu dans la soupe ?

• Quel est votre nom ? Même quand on veut vous contacter il est marqué Studio∞ et il n'y a aucun nom de mentionné. Même les agences de plus de 20 salariés mettent le nom et la fonction des collaborateurs. C'est un signe de sérieux et de professionnalisme.
Là ça fait site foireux avec le mec qui n'assume pas et se cache derrière une pseudo entreprise bidon. Rien que ça, il faut être inconscient pour avoir envie de travaillé avec vous. Ou tout simplement pas professionnel.

• Je cherche le portfolio (la base). Je clique sur portfolio dans le menu. Une page blanche apparait, puis une page portfolio. Et là surprise, vu la page d'accueil on s'attendait au pire et ce n'est pas le cas. Il y a de bonnes réalisations : Équilibre (j'aime beaucoup le rendu 3D de la signalétique, vous avez fait comment ? 3D ou photoshop ?), le site du coach (même si la home est brouillonne avec le logo marqué 2 fois c'est efficace), l'affiche sur le Brésil…
Sauf que ces travaux sont dévalorisés dans une lightbox pas travaillée sur ce site hyper lourd. Ce bleu omniprésent bouffe tout. Un portfolio est souvent valorisé sur un fond neurte (blanc, clair…) et dans des design épurés, soignés, bien composés… Là c'est tout le contraire.
La qualité de ces quelques travaux est cachée. Comment peut-on faire des réalisations plutôt soignées et travaillées sur un site aussi terne ?

• La partie Blog enfonce le clou. Les photos éclaircies accentuent le manque de contraste. Tout flotte, c'est mal construit. Et c'est pas design, pas travaillé.
La moindre template Wordpress proposera des solutions plus abouties. Si vous ne savez pas quoi faire, restez simple et minimaliste. Neutre et bien balancé.

• Avant de penser à faire des déclinaisons responsive, il faut d'abord travailler la base. Un portfolio est en général visionné sur un moniteur. Rarement sur un smartphone.


Et pour ce qui est des tendances en webdesign, observez ce qui se fait actuellement. On a l'impression en regardant ce site que vous êtes resté dans votre bulle.

Pour éviter les redites je vous fais un copié/collé de liens qui reflètent diverses tendances actuelles (de façon non exhaustive) :

• La tendance "flat design", le rouleau compresseur sur les OS et sur le web.
http://line25.com/articles/20-stylish-examples-of-flat-illustrations-in-web-design
http://www.fostr.com/

• La tendance "metro design" issue du style Microsoft en mosaïque.
http://www.diesel.com/
http://www.lacoste.com/

• La tendance "minimal design", ou quand moins c'est plus.
http://cargocollective.com/
http://almasty.com/
http://www.holyokehirsch.com/
http://www.secretlyswedish.com/
http://minimalist.co/ (utilisation d'une template existante)

• La tendance "cartoon design".
http://captaindash.com/
http://www.cyclemon.com/
http://boy-coy.com/

• La tendance "one page scroll".
http://www.kinetic.com.sg/
http://www.apple.com/iphone-5c/
(nombreux exemples dans tous les styles)

• Le style tumbl.
http://visualgraphc.com/
http://jvnk.tumblr.com/
http://www.siggieggertsson.com/

Etc.

À vous de compléter la liste. Pour le moment vous êtes dans la tendance : site à refaire.


Voilà pour moi. J'espère que vous ne m'en voulez pas. Mais devant le manque de soin, de contraste, de composition, de travail de couleurs, de concept, de STYLE GRAPHIQUE de ce site, on ne peut que formuler des critiques un peu vertes.

Une recommandation ? Virez tout. Documentez vous. Faites preuve d'audace, de curiosité et de créativité, même en restant simple c'est possible(là on remplace "graphiste" par "piscine municipale" que le site ne nécessiterait aucune adaptation de forme).
On dit que lorsqu'on a trouvé un bon logo, le design vient naturellement. Là vous avez trouvé un bon logo (sans le "portfolio" collé dessus), mais le reste ne suit pas.

Voilà pour moi. En attendant la suite ? Smiley cligne


Note : je crois que je viens de battre mon record de longueur dans un commentaire : 10040 caractères. Smiley lol
Modifié par spongebrain (19 Dec 2013 - 01:32)
Hi hi, même les références clients (logos en pied de page, juste sous le titre "Mes références" ^^) sont identiques à celles du thème Smiley lol Je me disais bien que je n'avais pas vu Disney et Canon dans la partie portfolio Smiley lol

Franchement, ça c'est une erreur assez grossière. Tu aurais quand même pu l'annoncer dès le départ, Nicklesage Smiley ohwell

Par contre, un grand merci (encore une fois !) spongebrain pour ton commentaire avisé et argumenté. C'est sûr que là du coup la critique devrait plutôt être adressée à l'auteur du thème mais on apprend aussi beaucoup de chose en te lisant. J'espère que tu ne te lassera pas des quelques fils de discussion de ce genre sur lesquels tu est intervenu et que tu continueras à proposer ce genre de critiques Smiley smile
Modifié par audrasjb (19 Dec 2013 - 15:05)
audrasjb a écrit :
Par contre, un grand merci (encore une fois !) spongebrain pour ton commentaire avisé et argumenté. Smiley smile

Yep Smiley jap
jb_gfx a écrit :


+1, c'est juste un template themeforest légèrement modifié.

http://demo.pixelthrone.com/?t=panic%20station&o=wordpress

C'est clair que vu comme ça, on frise l'imposture. jb_gfx comment as-tu retrouvé aussi facilement le thème copié, alors que ce n'est pas mentionné ?
J'imagine que les définitions ont aussi été piquées et un peu transformées pour devenir aussi fausses ou inexactes.

Si les travaux du portfolio sont aussi "authentiques" que le reste, je crains le pire. On est pas à l'abris de voir le/la vrai(e) graphiste venir demander des comptes. Sauf s'il s'agit de simple revente de templates Wordpress…
Certains travaux dans le portfolio ont été réalisés en 3D (Équilibre… ) sauf qu'aucun logiciel de 3D n'est mentionné dans les compétences. C'est vrai qu'en y regardant de plus près, tout sonne faux dans ce site.
Dans certains métiers, ce genre de tromperie mènerait à l'exclusion ou à la radiation. Mais vu que n'importe qui ayant suivi une formation bidon en web/PAO peut se prétendre graphiste, on a pas fini de voir ce genre de site…
Ce qui fait beaucoup de mal aux véritables professionnels qui peuvent se retrouver en concurrence directe avec ce genre d'escroc, qui en plus casse les prix.

J'ai quand même le sentiment de m'être fait escroqué sur ce coup là. C'est moi qui aurait dû être plus attentif. Mais bon, la transcription est tellement bancale qu'il est difficile d'imaginer que quelqu'un ai pu proposer ça en template à la base. Le coup des logos de clients même pas changés, quelle honte ! Ceci dit, le thème d'origine est bien mieux avec un joli fond et de vrais contrastes. Nombre de mes critiques n'auraient pas été faites concernant la template originale. Juste que c'est complètement inadapté pour un portfolio.
Quand on est même pas capable de recopier une template correctement et qu'on se dit graphiste "pro", il vaut mieux aller voir en charcuterie ou en salon de coiffure si il y a du boulot. Sauf que dans ces métiers, n'importe qui ne peut pas exercer et il faut passer des diplômes ou des certifications.

Ce genre de sujet plaide en faveur d'une meilleure protection du métier de graphiste. Il devrait y avoir au moins une vraie certification pour éliminer les faux, comme chez les décorateurs par exemple. Pour les développeurs il est plus difficile de tricher, mais bon, il y a quelques spécimens aussi…
Modifié par spongebrain (19 Dec 2013 - 17:21)
Nicklesage a écrit :
… merci je me penche sur les améliorations du code comme tu me l'as dis ! ... Smiley cligne

Il y en a qui ne manquent vraiment pas de culot, et il est développeur en plus. Smiley lol
spongebrain a écrit :

C'est clair que vu comme ça, on frise l'imposture. jb_gfx comment as-tu retrouvé aussi facilement le thème copié, alors que ce n'est pas mentionné ?


J'ai juste regardé le nom du dossier du thème dans le code source et j'ai fait une recherche Google en rajoutant "theme wordpress".

Sinon dans la feuille de style il y a le copyright original :

http://www.studio-huit.com/wp-content/themes/panicstation/style.css

a écrit :

/*
Theme Name: Panic Station
Description: Responsive Wordpress
Tags: business, clean, corporate design, creative, localization, modern, portfolio, wordpress theme, responsive, template builder
Version: 1.3.5
Author: PixelThrone
Author URI: http://themeforest.net/user/pixelthrone
Theme URI: http://themeforest.net/item/-panic-station-responsive-wordpress-theme/5080498
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Modifié par jb_gfx (19 Dec 2013 - 17:22)
spongebrain a écrit :
il vaut mieux aller voir en charcuterie ou en salon de coiffure si il y a du boulot.

C'est quoi cette manière d'envoyer les indélicats chez les autres, j'en connais qui travaillent proprement et d'honnête façon ! Smiley fache Smiley lol Smiley cligne

Sinon, je ne suis pas contre l'élision Smiley cligne
Modérateur
spongebrain a écrit :

Ce genre de sujet plaide en faveur d'une meilleure protection du métier de graphiste. Il devrait y avoir au moins une vraie certification pour éliminer les faux, comme chez les décorateurs par exemple. Pour les développeurs il est plus difficile de tricher, mais bon, il y a quelques spécimens aussi…

Autant je comprend l'énervement après cette explication de qualité, autant il ne faut pas pousser mémé dans les orties. Protéger le métier de médecin pour éviter que des charlatans empire notre santé au lieu de l'améliorer ok, protéger le métier d'architecte pour éviter que les maisons ne nous tombent dessus ok, mais protéger le métier de graphiste pour éviter que des gens fassent des trucs moches… bof.
Et dans le développement, les bricoleurs bossant mal ça se trouve à la pelle aussi.
@ kustolovic :
Je suis désolé, ton argument est fallacieux. Si tu vas te faire saloper la tête chez un faux coiffeur il n'y a pas mort d'homme. Il est simplement de l'intérêt du consommateur de mettre de l'ordre. De savoir si on à affaire à un vrai pro ou à un imposteur qui a appris la coiffure en visionnant 3 tutoriels sur Youtube. C'est juste l'intérêt du client (consommateur) et des professionnels sérieux qui ont passé des années à se former et qui se retrouvent en compétition avec des imposteurs. Dans certains métiers, les mecs se feraient casser les bras. Smiley lol

Je vois pas en quoi les graphistes ou les développeurs devraient être moins protégés que les coiffeurs ou les charcutiers. Pour le moment tout va bien en développement, il y a du boulot (c'est moins vrai pour les graphistes). Mais dans une situation de crise, la forte concurrence de faux professionnels fait très mal. Ils contribuent à casser les prix, à dégrader l'image d'une profession (quand tu dis "graphiste freelance" tu passes désormais pour un branque, tellement le marché est pollué). Ça fait d'énormes dégâts et les graphistes qui ont travaillé des années pour apprendre leur métier se prennent cette réalité en plein dans la gueule. Pas mieux pour les clients qui ont eu une expérience négative et dégradée du métier de graphiste. Et les risques ne sont pas forcément anodins, par exemple si vous vous ramassez un procès parce qu'on vous a refilé le logo de quelqu'un d'autre en changeant le texte (j'ai déjà vu), ou si vous devez tout recommencer après avoir investi des milliers d'euros en supports de communication, enseigne… Pour les TPE/PME notamment qui n'ont pas forcément un chef de projet capable de faire le tri…

Il faudrait mettre un peu d'ordre, pas dans le but de restreindre l'usage de certaines professions uniquement à certains qui auront suivit des études sanctionnées par un diplôme (il existe aussi des validations des acquis pour les autodidactes). On en est juste arrivé à un stade ou il faut des gardes fous, même des sites web se lancent dans le "graphisme industriel" avec des faux logos à 200€, ou mettent en compétition 30 graphistes au chômage, pour une maquette à 200€. Stop !!

Sans aller jusqu'à interdire, bien que, chez les coiffeurs c'est le cas, l'existence d'une certification serait assez souhaitable pour faire le tri entre les Professionnels et les branquignols, comme chez les décorateurs par exemple. Dans le contexte actuel, c'est un vrai bordel et tout le monde y est perdant, les professionnels et les clients.

6l20 a écrit :

C'est quoi cette manière d'envoyer les indélicats chez les autres, j'en connais qui travaillent proprement et d'honnête façon ! Smiley fache Smiley lol Smiley cligne

Sinon, je ne suis pas contre l'élision Smiley cligne


J'écris presque aussi mal que je parle. Et j'aime beaucoup ma coiffeuse et le saucisson. Smiley lol

PS : et merci à toi et audrasjb pour le compliment, ça fait plaisir. Smiley cligne
Modifié par spongebrain (19 Dec 2013 - 22:00)
Protection des professionnels du Web sérieux ou pas, Nicklesage, non content d'être indélicat en proposant, dans un autre topic, de rémunérer le développeur qu'il cherche sur les recettes d'un plug-in pour Wordpress, a été démasqué pour les raisons indiquées précédemment et sa réputation est, désormais, désastreuse, à juste titre.
Modifié par Victor BRITO (19 Dec 2013 - 21:58)
Pages :