[In progress] Design d'un site pour traiteur

Habillage de sites web et de forums : réalisation graphique et technique.

Modérateur : Ze Techos

QQ!
Jeune loup
Messages : 11
Inscription : dim. mai 13, 2007 3:07 pm
Localisation : Bretagne

[In progress] Design d'un site pour traiteur

Message par QQ! » lun. mai 14, 2007 1:07 pm

Bonjour à tous !

Voilà je suis actuellement en train de refaire le design d'un site pour un traiteur, et je voulais le faire du côté libre de la force ;) ... Je me suis donc installé Gimp sur mon mac, l'interface est pas terrible car il ne tourne pas en natif (il faut appuyer 2 ou 3 fois sur un bouton pour u'il comprenne qu'on clic dessus mais bon il faut s'y faire). En tout cas voilà où j'en suis rendu:

Image

Le fond jaune sera agrémenté d'images de plats avec de jolis fondus ( ;) ). Mais il faut que je récupère mes images sur le disque dur de mon pc qui actuellement est en panne (le processeur... çà m'apprendra à vouloir tout overclocker :P).
Le texte sera affiché là où il y a du blanc...

Voilà qu'en pensez-vous ? Il y a encore beaucoup à faire je sais, mais il faut le temps que je maîtrise la bête :D

PS: Bravo pour le site et pour le forum dédié...
[img]http://img80.imageshack.us/img80/4295/userbarwn1.jpg[/img]

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » lun. mai 14, 2007 4:34 pm

Je trouve que ce n'est pas mal déjà ! J'aime bien le menu... menu ! :l0l: A ta place, je laisserais tout ça très sobre. Les images de plats peuvent plutôt prendre place dans le corps de la page.

Après, il faut voir comment tu vas gérer le fait que l'en-tête jaune descende assez bas dans la page. Ca peut justement être pas mal d'y placer un menu "bis" horizontal avec plutôt les infos pratiques (style le plan d'accès, mais aussi les coordonnées, contacts...)

Voilà, ce n'est qu'un avis. :)

N'oublie pas de doubler ton menu graphique d'un menu textuel quand tu mattra en place ta page XHTML et ta feuille de style ;).

Autre chose : selon les usages typographiques en vigueur, il faut écrire Monfort-sur-Meu et non Monfort sur Meu.

Comme je vois que tu es parti à fond la caisse, ce serait bien que tu ailles te présenter sous la forum "Communauté" ;) .
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

QQ!
Jeune loup
Messages : 11
Inscription : dim. mai 13, 2007 3:07 pm
Localisation : Bretagne

Message par QQ! » lun. mai 14, 2007 4:48 pm

Tout d'abord merci de me répondre :)

Je veux aussi que çà reste sobre, mais quand je parle d'incruster des images, c'est très léger. En fait c'est pour imiter le style de l'enseigne du magasin:

Image

Donc les images seront bien intégrées sans surcharger.

Sinon c'est marrant parce que ma première version était justement de faire des liens pratiques (plan d'accès...) dans l'espace jaune, mais çà aurait fait deux menus séparés :?. En fait j'avais laissé du vide pour écrire le numéro de tel, fax, mail,etc mais je pense plutôt mettre ces infos en bas de page, et donc diminuer l'espace jaune.

Sinon je suis assez content de mon menu, j'ai rajouté une petite bordure blanche çà rend bien.

J'ai encore du boulot, et puis il faut que je récupère mes photos, et j'ai aussi un peu de prog à faire :l0l:

Merci :D
[img]http://img80.imageshack.us/img80/4295/userbarwn1.jpg[/img]

QQ!
Jeune loup
Messages : 11
Inscription : dim. mai 13, 2007 3:07 pm
Localisation : Bretagne

Message par QQ! » jeu. août 30, 2007 9:04 am

Re coucou !

Après une longue période où je n'ai pas eu le temps de bosser le site, je m'y remets :)

Voilà j'ai réussi à récupérer les photos de mon ancien PC, donc j'en ai préparé et incrusté quelques-unes, mais juste ce qu'il faut.

Il faut maintenant que je pense à la mise en page.

Voilà ce que çà donne pour l'instant:
Image
EDIT:
Voici le footer, je suis pas vraiment fan de la découpe du plateau, enfin je ne suis pas un pro non plus ;)
Image
PS: Je tiens à préciser que je ne suis pas ici pour faire de la pub au traiteur en question. (En passant, c'est quand même un très bon traiteur :l0l: )

Merci pour vos remarques
[img]http://img80.imageshack.us/img80/4295/userbarwn1.jpg[/img]

imagimp
Pixelium magister
Messages : 383
Inscription : mer. nov. 01, 2006 4:06 pm
Localisation : Vienne 86
Contact :

Message par imagimp » ven. août 31, 2007 2:48 pm

Pour ma part je trouve ça très sympathique comme design pour un traiteur.

Et pour le gateau je pense qu'il serait mieux avec un dégradé plus grand et moins noir...
[url=http://imagimp.free.fr/]ImaGimp[/url]: Annuaire de ressources didacticiels sur le logiciel gratuit GIMP. Tutos classés par catégories.
[url=http://imagimp.free.fr/][img]http://imagimp.free.fr/creations/divers/promoima2.png[/img][/url]

QQ!
Jeune loup
Messages : 11
Inscription : dim. mai 13, 2007 3:07 pm
Localisation : Bretagne

Message par QQ! » ven. août 31, 2007 3:44 pm

Je ne vois pas trop de quoi tu veux parler. Il n'y a pas de gateau :?

Je pense que tu veux parler du plateau dans le pied de page. Çà ne me plaît pas vraiment non plus. Je n'avais pas pensé à un dégradé, çà peut être pas mal.
Mais sinon je vais essayer une autre image, ce n'est pas ce qu'il me manque ;)

Merci de la réponse

HS: Vraiment bien ton site imagimp, je l'ai ajouté dans mes bookmarks :)
[img]http://img80.imageshack.us/img80/4295/userbarwn1.jpg[/img]

Avatar de l’utilisateur
Adreqi
Pro de la Gimp-Attitude
Messages : 834
Inscription : lun. mai 02, 2005 12:25 pm
Contact :

Message par Adreqi » sam. sept. 01, 2007 2:43 pm

Sympa le design :)

le piège du moment c'est d'absolument vouloir une apparence Web2.0 brillante de partout, et quand on croise des sites dont le sujet n'a rien à voir avec l'apparence, c'est un peu déroutant ^^

en tout cas, la, bon choix :)
Adreqi

Site Gimp-Attitude : Découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » sam. sept. 01, 2007 2:53 pm

Oui, ça a bien progressé ! :)

Par contre, n'oublie pas lors de la mise en place du sesign d'utiliser une mise en forme par CSS, pour des questions d'accessibilité : c'est indispensable dès que l'on aborde le commerce et les services.

Par exemple, pour le menu visuel, de le doubler d'un menu textuel que la feuille de style rends invisible...
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

QQ!
Jeune loup
Messages : 11
Inscription : dim. mai 13, 2007 3:07 pm
Localisation : Bretagne

Message par QQ! » dim. sept. 02, 2007 5:03 pm

Merci pour vos appréciations ;)

En ce qui concerne le CSS, (ainsi que toute la partie "codage") je maîtrise beaucoup plus que le graphisme (même si maîtriser est un bien grand mot :l0l: ). Enfin j'ai de l'expérience là dessus donc çà devrait aller.

En tout cas moi çà me plaît beaucoup plus que l'ancienne version qui contenait beaucoup d'erreurs de jeunesse (il faut dire qu'elle a plus de trois ans).

Bon une fois que j'aurai fait la mise en page je vous montrerai. En attendant, au boulot ! :P
[img]http://img80.imageshack.us/img80/4295/userbarwn1.jpg[/img]

Répondre