Bonjour,

je suis toute nouvelle sur ce forum et aimerais votre avis sur mon site ainsi que sur mes créations.

Quelques précisions : je ne suis pas graphiste, ni illustratrice et n'ai aucune connaissance en webdesign, vu que je viens de finir mes études de droit.
J'ai donc conçu ce site en autodidacte avec l'aide de mon copain pour le code.

J'attends vos critiques et propositions afin d'améliorer ce site.

Je précise que toutes les pages ne sont pas en ligne et que quelques bugs demeurent!

Merci pour vos réponses!!!


www.mademoiselle-design.com Smiley cligne
Bonjour,

Ben je trouve ca plutôt pas mal, c'est assez bien pensé dans la manière d'aborder la navigation (j'aime beaucoup les petites vignettes dans les lampes avec la dernière suivie d'une flêche alignée selon la même courbe que les vignettes pour aller à la page suivante).

Pour les critiques.
Je trouve que la page d'accueil animée n'apporte strictement aucune information, de plus elle retarde d'un clic la navigation dans le site.
Soit il faut intégrer déja le menu sur la page d'accueil, ce qui implique que déja ici on sait de quoi on parle, soit supprimer purement et simplement la page qui n'a pas d'utilité particulière à l'heure ou la méthode de navigation "0 clic" (ou "1 clic" selon le référentiel) tend à devenir normale.

Concernant le graphisme, il faut savoir une chose, c'est que lorsque tu fais un cadre blanc à bord arrondi épais, la courbe de la partie intérieure du cadre est plus petite que la courbe de la partie extérieure. Si les courbes sont identiques, on a l'impression de voir une sorte de bourrelet au niveau des arrondis, ce qui est pas très élégant. Il suffit de pas grand chose pour améliorer ca.

Concernant la typo, je trouve que c'est là que le site pèche le plus.
Tu mélange deux types de typo différentes, une typo baton, et une typo empatée.
La différence de contraste fait que le menu en typo baton fait très cheap à coté du texte.
Je pense que pour un souci d'équilibre, il faudrait faire un choix. Personnellement lire du texte en typo serif (empatée) ne me gène pas quand il y'a peu de texte comme ici, et c'est plutôt élégant.
Je voterai donc pour ce choix la.
Il ne te reste donc plus qu'à modifier la typo de ton menu Smiley langue
Par contre la typo utilisée pour les listes (geode, saturday night, etc...) celle la étant petite, il est compliqué d'utiliser une police comme celle la, et une typo plus simple convient mieux (même en serif)

D'ailleurs, le menu, j'y viens, malgré la typo, ca reste un peu cheap, ca serait bien d'avoir un peu de marge à gauche, et d'être un peu plus travaillé. Je sais que tu n'est pas graphiste comme tu le souligne, donc je te parle pas d'un menu délirant mais peut être juste d'ajouter une petite puce personnalisée devant les liens... et bien sur mettre une typo plus choisie.

Sinon à noter quelques erreurs de code :

l'attribut alt dans les balises images est incorrect.

il faut marquer
<img src="images_accueil/bienvenue.jpg" alt[#red]=[/#]"Bienvenue" />

et non

<img src="images_accueil/bienvenue.jpg" alt"Bienvenue" />


Mais bon je trouve que ce site est plutôt sympa, malgré ses erreurs de jeunesse... qu'il a une ambiance plutôt personnelle. Pi j'aime bien certaines de tes lampes Smiley smile
Modifié par Mikachu (02 Jun 2006 - 15:43)
Merci pour cette réponse rapide!!!

Commençons par les critiques :

Pour la page d'accueil animée, c'est vrai que ça n'apporte pas grand chose..mais je l'aime bien...je réfléchirais pour l'enlever ou pas...
Pour la typo, j'avais deja eu ce genre de remarques mais je ne suis pas encore arrivé à trouver une typo qui conviendrait..dur dur, quand on n'y connais pas grand chose...
Pour ce qui est du menu cheap..j'ai peur de mettre quelque chose qui alourdisse..mais je vais tenter..je vais me trouver une petite puce ou autre..

Et pour le code, j'en référerais à l'auteur!!

Dans tout les cas, merci pour ta réponse! Smiley smile
bonjour
Pour une personne qui ne connait rien au web ni au design... chapeau.

Pour faire originale, je dirais que la page d'accueil n'apporte rien... et que la page principale non plus ; tout le moin en l'état. La graphie, notamment à travers le choix des couleurs (fortes, contrastées...) phagocite les "produits".

Un desing plus simple, plus doux, moins envahissant, permettrait sans doute de mettre en valeur tes créations.

Au passage sur FireFox les mots "contact" et "impressions" se chevauchent.

Le callage des backgrounds et des champs n'est pas raccord (http://www.mademoiselle-design.com/contact.php)

Visiblement tu souhaites vendre grâce à ce site. Auquel cas il serait intéressant de connaitre les conditions de vente (moyens de paiement, délai de livraison, garantie,...)

Concernant le code, un divite est diagnostiquée. La notion de balise "en ligne" ou "bloc" est-elle bien claire ?

Sinon, j'ai un faible pour le modèle Jade . je suis fan du vert Smiley cligne

Ps : le handcrafting prend vraiment son essor au US, je te laisse une adresse http://www.etsy.com/index.php

Ps 2 : je suis également issus du droit... et suis webmaster aujourd'hui. Tout est possible comme dirait l'animateur d'une émission télé
Modifié par fredmac (02 Jun 2006 - 17:42)
J'ai bêtement retiré les images et on ne lit plus rien (couleurs des caractères proche de la couleur du fond)

Je sais bien que montrer des lampes ou des peintures sans afficher les images n'est pas très intelligent de ma part mais vu le nombre de personnes qui n'ont pas encore le haut débit...

J'avais déjà eu cette impression en chargeant la page, l'image orangée apparaissant bien longtemps après le texte...
Salut,

Une remarque :
Si j'agrandi le texte ne serait qu'une fois tout se chevauche : pas cool.

Smiley smile
Bonjour,
juste une petite "Grosse " chose : sous safari Mac OSX (+ de 80% des utilisateurs de mac OSX ), rien ne passe .
Le menu n'est pas lisible, les deux derniers items se chevauchent.
Il manque un bout du "aux" de "aux peintures". Le texte dépasse de son cadre .
Une petite question au codeur, pourquoi tout ces hacks dans la css ? Pas bien compris l'utilité, et il faudrait peut-être se décider entre les em et les %...
IE n'interprète pas vraiment les em Smiley lol comme les autres surtout si on remet tout à zéro au début, donc si vous utilisez "em" vérifiez bien sur d'autres navigateurs.
Perso le % me parait + fiable et linéaire mais je n'ai pas de véritable étude poussée sur la question !
A part ça, j'adore tes lampes ... Smiley smile
Bonne continuation, le principal est fait, il reste quelques aménagements....
Merci à tous pour vos réponses!!! on est en train d'essayer d'améliorer tout ça, mais ce n'est pas tres simple quand on est novice!!!! Merci encore!!!
Administrateur
Bonjour,

Les réalisations et le design sont là, ça vaut le coup de persévérer Smiley smile


je n'aurai qu'une remarque concernant les graphismes présentés, en particulier les lampes: certaines sont un peu floues alors que d'autres sont très nettes. Les 2ème et 3ème de Sortilège vs. Lagoon et Sortilèges, en tout cas sur l'écran de mon portable.
Mais c'est peut-être moi qui me fais des idées, il faudrait comparer avec l'original non compressé (non-JPEG) ou bien ça vient peut-être d'une compression un peu trop élevée du Jpeg?

Felipe
Modifié par Felipe (08 Jun 2006 - 23:32)
très cool ! Smiley lol

Je mets les mêmes réserves sur le choix de fonts et je virerais les liens soulignés (accès aux lampes...etc). (envisager des boutons avec un effet rollover qui "s'illumine"

et bravo pour le boulot sur les lampes ! ..heu juste une chose c'est à vendre ? (franchement c'est vraiment très joli).

Tu fais un site marchand ?

Cordialement,
Je me suis permis de corriger ton code pour le rendre valide XHTML 1.0 Strict.

J'ai mis en minscule certain attributs des balise <meta>. D'ailleurs, je ne savait pas qu'il y en avait autant!

<head>
<title>Bienvenue sur le site de Mademoiselle Design</title>
<meta http-equiv="title" content="Mademoiselle Design" />
<meta name="Description" lang="fr" content="Mademoiselle Design est une créatrice de lampes et luminaires design." />
<meta name="Keywords" content="lampe, luminaire, design, decoration, applique, suspension, ambiance, lumiere, artisanat, peinture, mandala" />
<meta name="Revisit-after" content="15 day" />
<meta name="language" content="french" />
<meta name="robot" content="index,follow,all" />
<meta name="Identifier-URL" content="http://www.mademoiselle-design.fr" />
<meta name="Rating" content="General" />
<meta name="Classification" content="*" />
<meta name="Copyright" content="Mademoiselle Design" />
<meta name="Author" lang="fr" content="Mademoiselle Design (contact@mademoiselle-design.fr)" />
<meta name="Author.Corporate" content="Mademoiselle Design" />
<meta name="Publisher" content="Mademoiselle Design" />
<meta name="Distribution" content="Global" />
<meta name="Reply-to" content="contact@mademoiselle-design.fr" />
<meta name="resource-type" content="document" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="accueil.css" />
<link rel="shortcut icon" type="image/x-icon" href="logo.ico" />
<script type="text/javascript" src="popup.js"></script>
</head>


Ensuite il faut aussi mettre un "=" après certains attributs alt

Ta page sera alors valide.
http://validator.w3.org
Ben c'est sympa ça...bon moi j'y comprends rien au code , je ferais suivre au codeur...merci encore!! Smiley biggrin
Ah oui..c'est vraiment tres moche...de plus les polices ne correspondent pas du tout aux polices initiales...il va falloir s'atteler sérieusement à tout ça..c'est pas gagné..

Merci pour la copie d'écran..en effet ça aide..
Bonjour,

merci pour vos réponses et contributions et le mal que vous vous donnez pour me faire tous ces retours ! Smiley smile c'est vraiment sympa !

Par contre, juste une question par rapport à ta copie d'écran de Safari : est ce que tu peux aussi sous Safari, réduire la taille des polices ? comme sous Firefox par ex (avec ctrl + "-")...

Car effectivement, le problème sur ta copie d'écran vient du fait que la taille des polices par défaut de ton navigateur ne sont pas les memes que sur le mien... elles sont plus grandes... ce qui provoque des dépassements de block puisque l'image en fond est statique, donc les blocks ne s'adaptent pas à la taille des polices...

Je sais que c'est pas génial... il faut qu'on reprenne les polices avec des % et pas des em comme c'est dit plus haut... mais meme comme ca, si on grossit beaucoup les polices, ca sortira du cadre...

voilà, c'etait juste pour savoir si en réduisant les polices, on arrivait à une vision correcte du site ou si on y arrivait jamais ! D'ailleurs, ce pb, je le relève aussi sous mozilla et Firefox quand j'agrandis tout...

Merci encore pour vos remarques

Mlle D.