Salut amis grafistes    
 
Ma chérie qui monte son business m'a demandé de lui faire un site. J'ai plus pratiqué depuis des années, en fait depuis 2001.  
 
Je commence par les bases :
But du site : Présenter une société de traiteur (en cours de création) sur le web. Ce site servira en premier temps de vitrine virtuelle, avec les traditionnels localisation facile du magasin et contact. Puis il sera surement tourné en site marchand dans un futur proche.
Outils et methode utilisés : J'ai un vieux photoshop qui me sert à travailler un peu le design, pour le codage notepad++. Le site est en html/css; c'est j'imagine très scolaire car j'ai peu d'experience.
 
Donc voilà j'ai visé dépouillé, épuré.
C'est un premier Jet, tout est amené à évoluer. J'ai hebergé sur voilà car c'est le premier hebergeur gratuit qui m'est revenu à l'esprit après free, ce dernier necessitant une validation de 48heures... bref si vous en connaissez un autre gratuit.
 
http://nsconcept.voila.net/
 
 
Qu'en pensez vous?
 
Merci d'avance      

Je trouve que les cadres en pointillé c'est pas terrible terrible, et peut être que tu devrais remplir les cadres d'un gris plus clair pour faire ressortir un arrière plan ?
Aussi, le texte en jaune en haut, personnellement je l'aurais plutôt mis en bas, mais bon

Salut et merci de ton retour,
Je vais essayer de travailler sur les cadres, c'est vrai qu'un peu de nuance pourrait faire du bien, en éclaircissant les cadres comme tu préconise.
Et effectivement, le texte du haut pourrait passer en bas    mais j'ai lu qu'un titre dans le header aidait beaucoup pour le référencement??
Je fais quelques tests et je re poste
 

Voilà petite maj
http://nsconcept.voila.net/
 
C'est vrai que ça fait un peu plus sympa en éclaircissant les tableaux!
J'ai arrondi les contour et leur ai appliqué un effet 3D léger.
 
Par contre il y'a un truc que j'arrive pas à faire, quand je survole mes boutons seul le fond change, le texte lui change uniquement quand je passe sur le texte. Or j'aimerais qu'il change précisement dès que je passe sur le bouton. Seulement dans la balise bloc des boutons si je met un changement de couleur en :hover il n'est pas pris en compte... Bref il doit y'avoir une solution bateau à celà.
 
J'ai laissé un screen de l'ancienne version ici :
http://nsconcept.voila.net/wip/1erjet.jpg
 
Voilà merci encore terminapor,
 
j'attends avec plaisir d'autres avis,  
 
à plus tard  

Rapidement :
- point positif : c'est très épuré et donc assez tendance.
- point négatif : ça ne donne pas envie de visiter le site et de voir les propositions de menu/plats.
 
Globalement, je te conseillerais de privilégier le blanc comme couleur de fond, de mettre des coins arrondis à tes boutons et à tes blocs de texte... et surtout, de rajouter des images (photos des plats et/ou réceptions, par exemple, 3-4 photos qui défilent (slideshow) entre le logo et le menu.
Eviter aussi le logo centré, tant qu'à faire, et ajouter 2-3 couleurs (voir une couleur, mais vive) pour dynamiser l'ensemble.

Bonjour,
 
Comme d'ordinaire, je laisserais les critiques techniques aux vrais spécialistes, pour me pencher un peu sur la forme et le contenu.
Que nous dit ce site ? ... A part la raison sociale ou le bouton "espace traiteur", peu de choses indiquent ici l'objet du site. S'il s'agit de vendre de la restauration, il faudrait "donner faim" à vos futurs clients/lecteurs, non ?... Susciter l'envie de vous choisir parmi tant d'autres.  
 
Or je ne pense pas qu'un univers gris souris - simple et dépouillé, certes, mais bon... - puisse atteindre cet objectif. Il faut de la couleur, de la photo-produit qui fasse saliver et donne envie de commander chez ce traiteur.
- Éclaircissez : partez du blanc par exemple qui va assez bien avec le contraste de couleur des produits traiteur  
- ou contrastez : en gardant un fond plus sombre cela fera ressortir des blocs plus clairs par exemple et les photos (si elles sont de qualité)
Incontestablement, le gris choisi vous limite dans vos choix... je ne suis pas sur que le jaune d'origine ou le bleu (avec des halos) sur fond gris soient de bons choix... En tout cas, cela laisse (pour l'instant, bien sûr et c'est un simple ressenti) l'impression que vous avancez un peu au "pifomètre", sans avoir réellement réfléchi à la problématique du "look" de votre site.
 
Quand au contenu (dont il faudra penser à corriger la grammaire), même si on imagine facilement qu'il ne s'agit là pour l'instant que de quelques phrases dont l'objectif est de meubler un peu les espaces, il faut oublier, ce genre de présentation des personnes (surtout sur une page d'accueil) dont, faut-il le répéter, vos clients (qui viennent sur votre site pour être convaincu d'y trouver la qualité supérieure de vos prestations à un tarif raisonnable) se foutent royalement que l'une des "fées" soit une ex-comptable ou que le cuistot soit prof de maths (A mon avis, c'est même assez grosse une erreur de mettre en avant ce genre d'arguments qui éloignent sensiblement de l'idée de professionnalisme nécessaire et souhaitable de l'activité... l'amateurisme, c'est mignon, mais ça ne fait de l'audimat que dans les émissions de TV réalité).
 
Le contenu comme le design/look du site donne du sens et donc, par conséquence, vous aiguillera dans les choix techniques à mettre en oeuvre (en tout cas ce sera probablement plus facile puisque vous saurez où vous voulez aller).
 
Bon courage en tout cas pour votre projet.  
 

Salut messieurs, je reviens un peu à la bourre.
Tout d'abord, merci pour vos avis et vos, c'est très enrichissant et je les prend très au serieux.
j'ai beaucoup de mal sur la mise en page, mais je commence avec les changements fait rapidement faute de temps :
http://nsconcept.voila.net
 
Graf' et Prisma , j'ai rompu avec l'aspect grisé fashion. Effectivement c'est un peu mon style si on peut dire et il fallait que je me remette dans une optique d'être plus dans le sujet. Et Prisma tu as tapé dans le mille j'étais complétement en mode
pifomètre   .
Alors pour rompre la tristesse je suis parti sur un vert leger qui rappelle les plantes et la nature, qui nous offre les ingrédients d'une bonne cuisine. En fond j'ai lançé un grand dégradé du blanc vers le vert, plus clair que les blocs pour le contraste.
Les titres et les liens en rouge/marron, pour contraster avec le vert.
Prisma, merci pour tes remarques constructive en ce qui concerne le contenu. La présentation faisait peu sérieuse. Je pense créer une page indépendante pour présenter les acolyte d'une manière différente.
 
 
Sinon, je sens que ça cloche quelquepart. Je vais modifier mon slideshow pour qu'il ait un style horizontal, avec des défilement d'image de gauche à droite. Du coup, je me demande si je ne doit pas mettre le menu verticalement à gauche?
Le logo me semble trop haut, il fait trop bloc, j'ai l'impression qu'il faudrait le faire continuer sur un ruban de sa largeur sur toute la page... mais je n'ai pas trop de solution. Je devrais peut-être l'integrer dans un design plus construit... Mais j'avoue que je peine pas mal. J'ai aussi une grosse difficulté à occuper l'espace. J'aimais bien quand c'était centré car ça occupe tout les écrans.
 
 
Pour le moment, le site est surtout là pour permettre à celui qui veut se renseigner sur ce magasin en particulier de trouver un maximum d'infos via le net. Comme il n'est pas encore ouvert, je ne peux pas vraiment étoffer le contenu, mais ça va venir.
Donc grosso modo:
index = info /news
infos pratiques = localisation google map, horaires d'ouvertures, ou se garer etc
traiteurs = les produits
contact pour ... contacter
Est-il nécessaire de faire un sitemap pour ça? Dois-je le présenter au visiteur?
 
Voilà voilà, à plus tard    
 
 
Screen de la "v2" : http://nsconcept.voila.net/wip/2emejet.jpg

Marche pas le lien de la V2 (mais j'avais vu la V1)
 
Je suis sur la même ligne que les collègues.
C'est déjà bien plus appétissant avec ces tons acidulés.
 
Si tu sais pas trop où tu vas au niveau de la composition de page tu devrais peut-être réfléchir sur papier. Quelques petits crobards seront tjrs plus vite fait qu'une seule maquette. Après tu verras bien les difficultés techniques.
 
Essayes de penser en grille, comme en PAO.

Pour la version actuelle : y a du mieux
 
Par contre :
1) c'est trop carré < bords arrondis sur tes boutons, cadres, blocs.
2) le vert est lumineux, mais en mettre trop (fond de texte) agresse les yeux > reste sur du blanc ou un orange très très très pâle (pastel) (pas de vert, qui risque alors d'être trop présent)
3) le logo : diminuer la taille de 50% environ
4) la photo en fond du header est déformée (étirée horizontalement) > à éviter, ça fait amateur... Choisir plutôt une photo de dimensions suffisantes.
 
Sinon :
- sitemap > si ton site ne comporte que quelques pages, ce n'est pas vraiment utile.
- le présenter au visiteur > idem

Bonsoir!
oops, le deuxieme jet donc : http://nsconcept.voila.net/wip/2emjet.jpg.  
 
Comme je n'ai pas de date de livraison à prévoir, je vais pouvoir tout refaire  . Je crois que j'ai l'idée "finale". Je vais opter pour du classique, milieu de page margé à gauche et à droite d'un fond unique, et logo en haut à gauche. Je vais essayer de le faire propre avec des images pour la nav et un minimum d'encradrement.
En ce qui concerne le logo, effectivement j'ai étiré l'image, mais je pensais pas que ça se voyait tant que ça .
Je vais jouer sur l'alliance des tons orange et vert.  
Par contre graf' , j'ai lissé déjà pas mal mes cadres avec une border-radius: 30px; pour les gros blocs et 10 pour la nav... Tu trouves cela insuffisant?  Bon ce soir pas de maj  peut-être demain.
merci pour vos réponses byebye

Ne supportent pas border-radius : IE<9, FF<4.

French_Kiss > sur l'image 2emejet.jpg, oui, c'est bien. Sur la version en ligne actuellement, c'est carré.
 
Skopos > FF prends en charge les border-radius au moins à partir de la 3.5.4 (celle que j'ai pour le moment).
Pour preuve : http://www.formgenerate.com/ > je vois parfaitement les coins arrondis
Il doit donc y avoir un problème avec le code de French_Kiss

je préfère largement le 2e jet, le 1er faisait veillo le fond vert berk!  
ça manque quand même de visuels, là on a du mal à voire qu'il s'agit de traiteur à part quand on lis le logo.