[AMATEUR] Site perso : comment l'améliorer ?

Salut tout le monde,

Je suis en train de créer mon petit site perso, sur le thème de l'informatique (au sens large : programmation, design, robotique...). Il me servira de vitrine (pour montrer quelques projets que j'ai déjà réalisés), de CV (je suis étudiant en DUT informatique), et de blog.

C'est donc un site particulièrement important et j'ai besoin de vos avis aiguisés

Voici les screenshots :

Nouveau design (21 juillet 2014) :

Qu'en pensez-vous ?

================================================
Anciens designs

Design du 9 juillet 2014 : ici

5 juillet 2014 : ici

<= 3 Juillet 14:
Vue globale : ici
Haut détaillé : ici
Bas détaillé : ici

Modification apportée : dégradé sur le header (le 3 juillet 14, 11h30) : ici
================================================

Qu'en pensez-vous ? N'hésitez pas à donner votre avis !

Bonne continuation, et merci !
Modifié par Nohak_ (21 Jul 2014 - 18:44)

Bonjour,

@Yoan : oui, c'est normal qu'il n'y ait que les menus "Accueil" et "CV". Pourquoi ?

@ohweb : je cherche de l'aide simplement pour l'aspect visuel, pas pour l'aspect intégration Web au sens technique du terme.

Du coup, si vous avez des critiques à faire sur les couleurs, la dispositions des zones, etc., n'hésitez pas !
Je vais retravailler le header en attendant.

Effectivement, comme cité plus haut, le mélange orange et bleu n'est pas très heureux.
Pourquoi ne pas simplement conserver le bleu, et mettre uniquement des touches d'orange très fines?

Autre soucis graphique que je trouve beaucoup plus important est la typographie utilisée. Fine et peu lisible, de plus je ne la trouve pas adaptée à ton envie de proposer une atmosphère sérieuse.
Pour tes polices, je te conseille de regarder du coté de Google Fonts par exemple.

Concernant l'agencement des élements, ils ne semble pas suivre de "grille" pré-établie. L'on passe d'un header en pleine largeur a un élement moins large, puis a un élement moins large. Pourquoi ne pas tout uniformiser?

Bonjour,

@edenpulse :
Heum, je ne vois pas vraiment pourquoi vous (toi ainsi que FraiseTagada) trouvez que le mélange "bleu-orange" donne quelque chose de triste. D'après Freud, les couleurs complémentaires s'allient très bien et plaisent à l'oeil. Le orange et le bleu sont complémentaires.

Peut-être est-ce parce que le header est uni ? Je viens d'appliquer un dégradé. Voici le rendu (au passage, j'ai maj l'OP) :



Est-ce mieux ?

Sinon, pour toi, "tout uniformiser" voudrait dire "tout mettre à la même largeur" ? Je ne pense pas que cela donne de bons résultats. Par exemple, comment mettre tout en largeur le bloc "Mes projets", alors que seulement 4 ou 5 vignettes seront affichées (autrement dit, ce bloc ne prend pas beaucoup de place) ?

Sinon pour la police, oui, je vais aller voir sur dafont (j'aime pas Google Fonts ).

@Yoan : merci !
Modifié par Nohak_ (03 Jul 2014 - 11:27)

Bonsoir tout le monde,

J'ai totalement repensé le design. Je pense que mes essais précédents donnaient une trop grande impression de vide, comme l'a fait remarquer daouahyo.

Que pensez-vous de la nouvelle maquette ? Elle tranche totalement avec les précédentes.

Modifié par Nohak_ (17 Jul 2014 - 22:57)

Hello

Elle tranche, effectivement. Du coup c'est carrément plus la même ambiance dégagée. Le mélange courbes + carrés donne quelque chose d'assez étrange visuellement, et la script avec la première lettre en rouge tranche à mon avis beaucoup trop violemment avec le reste du site. Tu as un mélange de dégradé très soutenu (sous accueil), dégradé léger, texture et aplat. Ça fait vraiment beaucoup de styles pour la même page.

J'ai conscience que tu voudrais un site personnalisé pour montrer tes projets, mais pourquoi ne pas partir ou t'inspirer d'un template existant au design déjà défini, par exemple sur http://html5up.net/ tu en a quelques uns.

Bonjour,

J'ai du mal à comprendre pourquoi tu t'embêtes autant à vouloir créer toi même une maquette originale alors que tu ne sembles pas être ni webdesigner, ni graphiste.
Je suis assez d'avis de toujours laisser à chacun sa spécialité. Du coup, quand on ne sait pas faire (et c'est pas une honte hein, loin de là) soit on ne fait pas, soit on fait faire, soit on prends un truc tout fait. C'est mon avis perso.
Je te conseillerais, comme Stéphanie W. d'utiliser simplement un template existant en adéquation avec le contenu que tu souhaites publier (html5up est un bon exemple encore une fois, ou themeforest...) et d'y insérer ton contenu.
Cela te permettra d'obtenir un site simple, plutôt bien codé, avec un design qui te plait, et te focus sur ce qui est réellement important : le contenu. Cela te permettra aussi d'éviter de perdre du temps à essayer de suivre des règles pas toujours très simples et compréhensibles pour un non-designer, et de te prendre la tête à intégrer une maquette qui risque de changer souvent.
Etre son client est quelque chose de très dur.
Bon courage. N'hésites pas à partager tes trouvailles de templates pour que l'on te donnes un avis sur ceux-ci quand même !

Bonjour,

Je partage globalement l'avis d'edenpulse.

Le problème c'est que vous faites vos templates sans y placer l'essentiel : le contenu.

Pour le reste, vous privilégiez la forme, sans penser au sens, sans tenir compte des tendances, sans penser à l'ergonomie… C'est de la bidouille gratuite avec un coup un arrondi qui ne symbolise rien, une grosse bande lourdingue, un coup bleu, un coup orange, des compositions pas équilibrées et pas proportionnées, un style lourd, un peu daté et… sans style.

Le design doit servir le contenu, et non l'inverse.
Les sites portfolios sont souvent très sobres, sans chichis, bandes, filets, triturage de typo, effets gratuits (aussi laids et vieillots qu'inutiles). Ils vont à l'essentiel.

En plus vous mettez trop en avant le blog, sans qu'on comprenne pourquoi. C'est le portfolio qui doit primer ? Non ? Là vous pouvez continuer à esquisser des templates dans le vide pendant des années… Mais où sont passés le graphisme, la réflexion, le sens, le style, l'ergonomie, le design ?…

Un exemple un peu radical mais parlant :
http://alainberteau.tumblr.com/
C'est top de chez top en matière de design. Sans aller jusqu'à ce niveau, le but est de vous montrer que le design n'est pas un "agglutinement" de bandes, de typos tarabiscotées et de filets dans une composition vieillotte et scolaire… Mais un travail de réflexion, d'équilibre, de composition, d'optimisation des volumes, typos, couleurs… qui doit servir le contenu.

Aussi, la composition en grille est un classique pour un portfolio. Vous devez axer l'attention sur le contenu. De nombreux exemples ici (notez la simplicité du travail de typo) :
http://cargocollective.com/

Si cela vous semble trop compliqué/spécifique, il existe des templates déjà prêtes. De nombreux illustrateurs, photographes, voir même des graphistes utilisent ces templates. Il n'y a pas de problème si leur travail n'est pas centré sur la conception de site. Pour un webdesigner, ça passerait "moyen" en effet. Vu que vous n'êtes pas webdesigner, il n'y a pas de problème.

Et pour éviter les redites, afin de saisir les tendances web design du moment, j'ai rédigé une étude accessible à ce lien :
http://philipperondepierre.com/
(cliquer sur la bannière "En 2015, restez connecté !")

Voilà pour moi.
En attendant la suite ?