Mise en ligne de mon portfolio

J'aime bien ton site, je le trouve propre !

Par contre, je n'ai pas trouvé de suite la navigation, ça peut en rebuter plus d'un.
Autre critique, je trouve ta page à propos un peu vide, peut être devrais tu mettres des icônes ou quelque chose dans le genre pour la rendre plus attrayante
Et pour finir, ta page devis, elle est centrée, mais trop centrée !!!!!
Elle est pas facile à lire !

Voila pour moi !

Merci, je vais retravailler les parties que tu m'as conseillé.

Merci pour les remarques.

Je tiens au courant quand j'aurai fait des modifications

Je tiens au courant.
Modifié par rastaf86 (03 Apr 2013 - 17:11)

C'est bizarre comme j'ai déja cru voir ce menu quelque par d'autre .
Nan sinon ton texte est bien trop petite pour être agréablement lisible.
Le menu est chiant parce qu'il pousse ton contenu vers le bas (peut être qu'une position absolute couplé a quelque marges permetrait de regrler ce problèmes).
Et enfin la police utilisé pour les titre ne fait pas très pro .

Bonsoir,
Merci à tous pour vos réponses sans langue de bois, je prends tous vos commentaires comme des critiques constructives et je vais tâcher de m’en servir pour améliorer le site.
Tout d’abord je dois dire que la version du site que j’ai mise hier était brute de décoffrage et que cela méritait du travail. J’ai été impulsif et ayant découvert des tutus excellents ces dernières semaines, l’envie d’intégrer des plug-ins récents, à été trop forte. Je n’ai pu résister à l’envie de modifier mon site sans travailler sur une maquette dans un premier temps.
Je me dois également de rendre à César ce qui appartient à César. Le premier plug-in qui m’a immédiatement séduit, a été celui trouvé sur le site http://codrops[/url] :
RESPONSIVE RETINA-READY MENU : http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/
Plugin réalisé par STÉPHANIE WALTER. J’ai beaucoup apprécié la taille du menu et sa facilité à être utilisé sur des interfaces tactiles, et aussi, quoi vous en pensez, j’ai beaucoup aimé les couleurs par défaut du menu, à la foi chaude et contrastée.
Pour en revenir, aux détails techniques et mes choix visuels. J’ai travaillé sur le site hier soir et toute la journée d’aujourd’hui pour harmoniser les couleurs, la police de caractère. J’ai aussi modifié la taille des vignettes et rajouté quelques ombrages, sur le menu, mais aussi le leader.
Il reste encore pas mal de points qui ne me satisfont pas, et sur lesquels je pense travailler d’ici peu comme :
Le contenu de la page d’accueil, l’organisation et les contenus des services, les formulaires de contact et de devis, la police et d’autre encore …
Voilou, donc merci encore pour vos conseils et n’hésitez pas à continuer de donner vos impressions.
À bientôt

Bonjour,

Je crois que cela fait plusieurs versions très différentes en quelques jours/semaines. Ce ne sont pas les compétences graphiques qui posent le plus problème (il y a de bonnes choses dans les travaux), mais l'organisation.

En l'état, tu appliques des interfaces sans travail en amont, un peut comme un architecte qui construit une maison sans en avoir dessiné ni le design, ni les plans. Résultat, ça part dans tous les sens, on sent même un certain épuisement. Le dernier site n'est qu'une simple accumulation de templates pas personnalisées, avec une interface incohérente qui tape dans plusieurs styles incompatibles. Il n'y a pas de sens, pas de style, pas de mise en page, pas d'identité, c'est une régression.

Là il faut revoir la manière de procéder (succinctement) :
1/ Voir plein de sites actuels (lien déjà donné) pour s'imprégner des codes graphiques en vogue, des interfaces et des possibilités techniques. On a l'impression que tu n'as pas bien assimilé le webdesign actuel. C'est pourtant nécessaire, c'est une des bases.
2/ Réfléchir sur tes besoins, puis sur la structure du site, en dessiner l'arborescence rapidement.
3/ Choisir la présentation la plus adéquate (site one page, à onglets…). À ce stade on doit pouvoir obtenir un site qui fonctionne, même si le design est encore flou.
4/ Concevoir le design, de façon originale, en ne gardant que l'essentiel, en définissant une ligne graphique. Se positionner par rapport aux autres sites, s'inspirer sans copier… Toutes les options techniques et créatives doivent rester ouverte, sans s'imposer des défis insurmontables.
5/ Passer au design des templates sur photoshop, peaufiner le design. À ce stade, on doit avoir sur photoshop l'interface exacte du site. C'est à ce stade qu'on peut améliorer, changer un style graphique, adapter la mise en page…
On peut déjà se poser la question de savoir si le site répond bien aux impératifs qu'on s'est donné : cible, style, modernité, typographie, cohérence des couleurs…
6/ Intégration du site.
7/ Corrections et recadrage.

Ton problème, qu'on retrouve chez certains débutants, c'est que tu commence à l'étape 5, et même la 6 dans la dernière version de ton site. C'est donc condamné à l'échec dès le départ.
Maintenant, il faut tout remettre a plat et démarrer sur de bonnes bases. Tu peux comme d'autres le font ici, ne poster qu'à l'étape 5 pour éviter un travail inutile. En agence, un site web est d'abord présenté sous forme de template photoshop avant d'avoir intégré quoi que ce soit. Il peut y avoir plusieurs étapes de templates, jusqu'à ce qu'on obtienne quelque chose de satisfaisant.

Et ne pas perdre de vue la devise de Dieter Rams, designer industriel : "less is more".

http://fr.wikipedia.org/wiki/Dieter_Rams

Merci pour vos commentaires, je vais réaliser de simples petites retouches sur le site afin de corriger quelques aberrations restantes...

et je ne referai pas l'erreur de repartir depuis des solutions techniques... Merci Spongebrain et Stéphanie W. pour vos remarques avisées.

C'est la même chose, avec un remplissage couleur en prime, des dégradés, des effets de relief et des ombres ajoutées. C'est pas du logo. Pourriez-vous expliquer chaque choix graphique, quel sens ça a ? Les ombres par exemple ? Non, c'est juste gratuit donc ça n'a rien à faire dans ce logo. Tous ces effets alambiqués mettent encore plus l'accent sur l'aspect illisible et trop compliqué. Même les couleurs semblent choisies par hasard. À moins d'un virage à 180°, une mauvaise piste.

Comme je vous l'ai recommandé, travaillez 5 pistes minimum dont certaines sans les initiales. Postez les ici si vous avez un doute. Vous êtes tout bloqué. Osez ! Pas d'ombres, de dégradés, de halos… Juste un crayon et du papier. Chaque choix graphique et typographique doit avoir du sens. Taille de la typo, style, graisse, capitales ou minuscules, style du graphisme, symbolique de l'insigne…

Le test du logo en 1cm de large est obligatoire. Si votre logo ne passe pas, il faut soit le modifier, soit en changer.

Pour vous aider, ci-dessous un lien vers le site du gazier eni qui fait pas mal de pub en ce moment :
http://www.eni.com/fr_FR/home.html
(logo agip à l'origine : -http://www.patatozor.fr/agip-ologie/)
http://www.patatozor.fr/wp-content/uploads/2012/02/agip.jpg?019fef


En haut à gauche de la page eni.com, on peut voir le logo couleur, très simple et efficace. Le chien à 6 pattes cracheur de feu est un symbole fort, évident. La typographie bas de casse apporte ici de la proximité… Chaque élément graphique, typographique, illustratif, de couleur, est lourd de sens. Rien n'est placé par hasard.
En bas à gauche, on peut voir le logo dans une taille inférieure à 1cm de large, en noir et blanc, et ça fonctionne toujours remarquablement bien, même sur une résolution d'ordinateur très pixélisée !

Voilà, j'ai choisi cet exemple pour ça. Tout y est, symbolique, créativité, simplification, graphisme, efficacité, déclinaison dans toutes les tailles et en noir et blanc. Un chien à 6 pattes plutôt que des initiales tarabiscotés. Ils ont osé !
Pas d'ombrages, de dégradés inutiles, de filtres photoshop, de trucs illisibles ou incompréhensibles, de traits trop fins, de typo alambiquée (ils ont créé leur typo), de halo et autres astuces "cache misère". Dans un véritable logo, RIEN n'est gratuit.



Pour revenir à votre site 2 secondes, je trouve que ça ne fonctionne pas. Ça ressemble à un bric-à-brac de trucs piqués sur le web (ça se voit comme le nez au milieu de la figure) qui n'ont pas été digérés ni adaptés à votre style. Ou quand les tutoriels font des ravages…
On a un amas de styles, de typos, de couleurs, dans des genres hétéroclites qui luttent entre eux. Un vrai bordel !! Un graphiste ne peut présenter un tel site pas du tout pensé. Aucun concept, pas d'idée graphique ou créative…
C'est lourd et surchargé. Un site complètement raté. Votre précédent site était certes perfectible, mais au moins il avait une touche plus personnelle. Mettez ce site de côté et recommencez en un correct sur des bases solides, avec un vrai style graphique et moderne, et surtout votre style à vous.
Pour vous aider, faites très simple. Une mise en page simple mais propre, ça sera déjà une bonne base si vous n'avez pas de véritable idée graphique qui vous vient.
Modifié par spongebrain (10 Jul 2013 - 08:10)