Bonjour,
Pour mon premier sujet je vais poster une maquette que j'ai réaliser il y a quelques jours !
Je pense que c'est la maquette qui ma demander le plus de créativité et d'inspiration, car je peux vous dire que quand ont n'a aucun cahier des charges c'est bien en générale car le thème est ouvert mais pour un Avocat alors la j'ai bloquer pendant beaucoup de temps avant de me lancer sur divers test.
Cette maquette sera développer dans le futur pour cette Avocat.
J'ai réaliser ce WebDesign en 5H de travail non-stop.
Sans plus attendre les résultats:
V1:
http://www.hostingpics.net/viewer.php?id=448240WebDesign2V2.jpg
V2:
http://www.hostingpics.net/viewer.php?id=914576WebDesign2V2couleur.jpg
Vos avis?
@Brandon-xprodeur Je te remercie pour ton avis.
Oui je n'y avais pas penser, pourquoi ne pas tester, les avis sont toujours bon a prendre, je vais tester sa ce soir.
Bonsoir,
Pour ma part, je ne partage pas trop l'avis de Brandon-xprodeur. Je pense que orange/gris et violet/gris se marient très bien, par contre, mettre du orange et du violet en même temps, je ne suis pas trop convaincu, mais après à voir selon le résultat final.
Après moi ce qui me gêne c'est la couleur dans le footer, pour "Cabinet d'avocat LASTRA...]", je trouve ça assez illisible.
Ensuite, je trouve que les images gris/blanche sous les textes "Présentation", "Localisation" et "Votre défense" n'ont pas lieu d'être car on ne voit vraiment rien du tout. Après si tu veux vraiment garder comme cela, il suffit juste de changer un peu la couleur, j'entends par là d'assombrir un peu le fond (à condition de ne pas trop abuser pour continuer à voir le texte). Tu pourra également joué sur le hover en modifiant également la couleur pour ça. Une dernière chose pour les critiques, je trouve que la couleur des <li> (sur accueil sur tes screens) ne sont pas assez lisible, écriture en orange sur du orange, pas top selon moi, idem pour le noir sur du violet foncé. Le fait de garder quand même l'écriture noire suffit, car le background du lien de la navigation en cours est bien différencié des autres liens non actifs.
Concernant la structure de la page, je suis satisfait. En arrivant sur la page, on voit directement que l'on a à faire à un avocat, on a directement certaines coordonnées, qui de plus sont dans le footer comme la plupart des sites. Pour les 3 parties du droit, je trouve cela très bien, c'est bien séparé et cela joue beaucoup dans la fluidité de la navigation sur les différentes pages. Juste un petit bémol sur les icones des réseaux sociaux et des liens utiles dans le footer, qui devrait pour moi, être au milieu du footer au niveau de la verticalité.
Désolé, il y a certes beaucoup de critiques et peu de positif détaillé, mais je pense que le mieux dans ce genre de chose, c'est d'avoir l'avis critique afin de l'améliorer plutôt qu'un simple éloge sur le positif. Mais sinon, je trouve la maquette très bien !!
Arrows
@Arrows78 Déjà je tient à te dire un très gros merci, rare sont les gens qui s'expriment si bien pour les critiques.
J'ai beaucoup réfléchis a tes critiques et tu as totalement raison a part sur les icones comme tu as dit que ne ce voient pas trop, cela est fait volontairement car si je mettais l'opacité un peut plus haute ont voyais mal le texte du coup avec une opacité de 30% ont arrive a les voir tout dépend de ton angle de vu, il et vrai que si tu es trop rapprocher de ton écran tu les verras presque pas mais si tu t'éloigne un peut de ton écran en le penchant un peut vers le haut comme je travaille moi ont les voit très bien.
Pour ce qui est du mariage du orange & violet c'est sûr sa ne passe pas mais je penser qu'il disait quand par exemple ont passe notre souris sur accueil que sa mettent un design violet un truc dans le genre sa pourrait être pas mal du tout !
Tu n'as pas a t'excuser, les critiques sont ce que je prend le mieux car grace a sa je vais améliorer encore la maquette pour la rendre plus fluide suivant tes critiques.
Brandon-xprodeur : Je dois avouer que sur la photo, cela rend très bien, mais je reste dubitatif au niveau d'un site web.
Swan: Je viens de regarder à nouveau pour les icones, et effectivement, on les voit mieux quand on regarde d'un certains angles. (Au fait, quand tu dis que je suis trop près de mon écran, tu insinues que je vois mal !! :p). Je pense quand même quand assombissant tes nuances de gris, ça rendrait mieux, et pour tes icones en blanc, avec un gris plus foncé pourquoi pas, sinon, je vois pas trop l'intérêt actuellement.
Pour le orange/violet, pourquoi pas avoir la possibilité de mettre le site soit en orange soit en violet selon le choix du visiteur, et si le site est bien codé, ce serait qu'une formalité pour changer la couleur. Mais les deux en même temps, j'attends vraiment de voir ça.
@Arrows78 Non j'insinues pas sa, ou alors je vois mal aussi :p
Oui je vais voir si je mets un gris plus foncé sa ne fait pas trop mal aux yeux avec le texte superposer.
Les deux en même temps peut-être pas non, mais oui laisser le choix aux personnes des couleurs du site web est une très bonne idée.
Je vais pencher plus pour le violet au début même si je préfère le orange mais c'est pour une fille, j'ai demander l'avis à certaines et elles m'ont toutes dit le violet ce qui paraît normale.
Personnellement je préfère le orange :P. Mais bon les gouts et les couleurs ça dépend vraiment des personnes. Après, si tu utilises du LESS ou quelque chose dans le genre avec des variables pour le css, ce sera plus simple à modifier.
@taskone Avant tout merci pour tes remarques qui vont m'aider à améliorer encore la maquette.
"Le logo ne colle pas avec le reste du site. Il est en basse définition et les couleurs ne s'accordent pas correctement."
"Le hover du menu est à revoir, on ne voit strictement pas le contenu (problème d'accessibilité)"
"Globalement la typo / interligne n'est pas assez important. On a du mal à lire le contenu."
"Le texte de description "Droit immobilier ...]" devrait être décalé vers la gauche par rapport à l'image pour laisser respirer l'ensemble."
""Écoute et conseils"... cette fois-ci il y a trop d'espace au-dessus."
"Le footer est illisible (surtout le "Cabinter d'avocat ...]". Perso je mettrai le footer en orange pour faire un rappel par rapport au header."
@taskone
Wouah le site d'avocat est vraiment super j'ai chercher pendant des heures sur internet une source d'inspiration pour avocat mais tout les sites français d'avocat sont horrible ont dirait le web des années 90, je sais que maintenant il faut que je regarde les designers anglais car les français ne sont pas super côté avocat, c'est assez complexe en même temps mais bon.
"Je parlais du lien dans le menu qui est activé, "Accueil", et non du hover. Dsl"
"Si je comprend bien de mettre le texte a gauche a la place de la photo ?"
EDIT: OMG, la template utiliser pour le site web d'avocat que tu ma send est a seulement 15$, alors que la maquette que j'ai fais c'est pour une client (je suis en entreprise en stage) et le patron facturera le site dans les 2 000euros, comme quoi ont peut faire de grosse économie en cherchant bien.
http://cmsmasters.net/blog/project/newgate-html-template/