[Intermédiaire]art design effect

bonjour à tous, je vais bientôt lancé mon site de webdesign
pour cela j'ai besoin d'avis constructif afin de m'améliorer.

je vous présente mon site:
http://artdesigneffect.com

j'explique pourquoi ce design. Aillant fait mes études en art j'ai apris à regarder chaque choses différemment. exemple dans une orange je vois une forme et ses couleurs multiples, de là je crée quelque chose de différent tous en étant en rapport avec l'objet de base. J'exprime par le graphisme de mon site que tout design se base sur les choses courante de la vie. Mon but est de céer des design artistique(comme bcp) en y mettant ma touche perso. je partage donc; mes images, mon monde venant de mon imagination.
Je crée aussi sur le côté des montages photos, dans un avenir proche je compte faire de la sérigraphie sur toile et faire ma galerie.
merci d'avance pour vos critiques et votre aide.
ps: il est en court de finalisation, j'aurai mon numéro de tva dans 1 semaine
Modifié par nanao (13 Jan 2011 - 18:41)

Bonjour,

Tout d'abord, félicitation pour ton travail.
Quand je vois le design des sites du genre, je me dis ouf, c'est fou... moi je rame comme un fou pour avoir des idées... j'ai pas vraiment la fibre artistique

Donc,
1) Quand tu es sur l'accueil, le titre de la page ne contient pas le nom du site, je crois que tu devrais l'y insérer question référencement etc... si tu fais de la pub un jour , ton nom de site et d'entreprise sera important... ca facilitera les gens à te trouver sur le web.

2) Le papillon a gauche, parfois il y a un décalage d'image, je ne sais pas si c'est voulu, mais ça attire l'attention un peu trop peut-être lors du décalage, peut être faire une animation plus rapide sans décalage

3)Le truc de facebook a droite, on dirait que c'est comme la page d'un livre que l'on tourne dans la bannière, mais c'est le bouton facebook qui sort... je suis pas fan de facebook, et je sais pas si ca va t'apporter des clients d'avoir un bouton facebook dans la bannière..., je le mettrais peut-être ailleurs plus bas,

4) En bas à droite, le lien mentionnant le copyright devient orange quand on le survol, ce n'est pas très lisible orange sur bleu

5) Dans les tarifs, le paragraphe : 'Vous ne trouvez pas votre bonheur' devrais avoir une marge à gauche

6) Dans nous contacter, les bordures du formulaires sont un peu dérangeantes

Voila a première vue

Bon travail

P.S.: -Coté graphique, je peux pas te donner de conseil c'est pas mon point fort

merci beaucoup pour tes conseils, pour le papillon et le poisson ça me gêne aussi
je vais devoir refaire l'animation flash, en me renseignant comment éviter le décalage. Pour facebook je ne pense pas non plus que c'est fort utile, et je ne savait pas où placé le logo sans qu'il ce voie de trop alors je l'ai placé derrière. si cela choque je verasi à le mettre ailleurs. POUR Le reste je prend note pour mon associé qui lui s'occupe de l'encodage
bonne soirée

Navigation impossible si on ne peut pas afficher l'animation Flash, ni voir son contenu, ni utiliser la souris (iPad, plugin non installé, moteurs de recherche, non-voyants, navigation au clavier) !
À lire : http://www.siteduzero.com/forum-83-266201-p1-les-raisons-pour-ne-pas-faire-de-menus-en-flash.html

De plus, même si j'ai le haut débit, Firefox rame affreusement une fois le header Flash autorisé (j'utilise Noscript) ! Pitié pour les configs modestes ayant vu leur vie utile prolongée par l'installation d'une distribution Linux !

nanao a écrit :
bonjour à tous, je vais bientôt lancé mon site de webdesign
pour cela j'ai besoin d'avis constructif afin de m'améliorer.

je vous présente mon site:
http://artdesigneffect.com

J’adore l’esthétique, et surtout les trois bloc de couleur. Mais deux bémols (en dehors des points importants soulevés par Ishimaru) :

1) J’aime bien l’effet du lien lien «Qui est ADE» et les autres au même niveau, quand on clique dessus, mais le fait de devoir cliquer une seconde fois pour actionner le lien, ce n’est pas recommandé pour l’utilisateur (sur le coup, on croirait que le lien est mort ou qu’il ne marche pas). On clique sur un lien, non pas pour produire un effet visuel, mais pour l’actionner! Pour les effet visuel, il y a le focus, le hover, etc, ce sont les meilleurs moments pour de tels effets, et pas d’autres.

2) Autant j’aime l’entête et le pied de page, autant le corps centrale tranche trop. Il tranche tellement que ça casse tout. Ce n’est pas qu’il n’est pas bien, mais c’est qu’il ne va pas dans de contexte, trop de contraste de style. Ce type de corps irait bien dans un environnement plus simple, mais là, ça tranche. Bref, c’est un problème d’harmonisation que je vois.
Modifié par hibou57 (14 Jan 2011 - 03:57)

Bonjour,

AU dessus du fold (petite résolution), j'ai un design sympa (mais qui n'apparaissait pas totalement sous mon iTruc (il faut au moins mettre un avertissement, je ne savais même pas qu'il y avait du Flash avant qu'IshimaruChiaki ne le signale)) ; par contre dès que je scrolle...

Le travail sur le contenu est inéxistant, ça jure avec le cadre. Le bloc de texte avec dégradé (pas très bien réalisé) en Times New Roman, avec des éléments soulignés qui ne sont pas des liens (...) est moche.

Edit : La suite.

Pour ce qui est du code de la page :
* Tu ne précises pas la langue du document (attribut lang sur html et meta Content-Language).

* Il est préférable de placer les scripts en fin de document, afin de laisser le contenu se charger avant son comportement.

* La meta Robots ne sert à rien dans le cas de ton site, puisqu’elle a ses valeurs par défaut.

* Le <title> de ta page est bien trop long. Cela ne sert à rien d’y caser des mots clés...

* Il est dommage d’avoir des styles CSS dans ta page alors que tu à un fichier externe, pourquoi ne pas les y ajouter ?

* Ta hiérarchie des titres est mal conçue. Les éléments balisés comme étant des titres doivent réellement l’être. Le h2 de ta page d’accueil n’est pas un titre de section de niveau 2, c’est un sous titre du h1, il faut utiliser un paragraphe.

* Il y a des espaces insécables qui se baladent dans ton code, il faut faire le ménage.

* Attention à bien baliser tous tes paragraphes !
Modifié par Laurie-Anne (14 Jan 2011 - 10:10)

tout d'abbord merci à tous pour vos critique qui me permette de voir ce que je n'avais pas vu.
Je passe en vitesse répondre à qlqs pointd:
pour les doubles clic : j'ai encore testé sur mes 3 pc(2 en wifi, et un de bureau) et je n'ai pas ce soucis, que faire? j'ai été voir sur plusieur site et les réponses ce contredise face à ce problème.
pour les fond de texte je me suis fait la réflexion aussi, je dois chercher comment décorer sans en faire de trop
pour ce qui est de l'encodage, des derniers réglages, je vais en parler à mon associé, moi je m'occupe du coté design
et pour la lecture du flash je le redit j'ai un pc qui à un bas débit et ça ce met rapidement, de plus bcp de mes futurs clients demande du flash je suis obligée de le mettre en exemple sur mon site. Je dois apprendre à me perfectionner.
bonne journée à tous

Bonjour,

a écrit :
et pour la lecture du flash je le redit j'ai un pc qui à un bas débit et ça ce met rapidement, de plus bcp de mes futurs clients demande du flash je suis obligée de le mettre en exemple sur mon site. Je dois apprendre à me perfectionner.

Ce n'est pas une bonne justification. Du Flash pour un menu, c'est souvent inutile, et ici c'est d'ailleurs le cas. Si tu dois faire une démo, fait une version de ton site en full-flash si tu veux mais ici, l'utilisation de flash ne se justifie absolument pas : la couche comportement (Js) suffit amplement pour faire tes quelques effets. Donc l'excuse de l'exemple pour les clients te dessert largement plus qu'elle ne te sert puisqu'il s'agit d'une mauvaise pratique dans cet exemple

A part ça, les blocs de contenus devraient être travaillés, c'est quand même là qu'on trouve l'information principale, et ce n'est visuellement pas agréable. La gestion de la type est mauvaise : changer la police qui jure avec celle utilisée en entête ; augmenter le corps du texte ; augmenter l'interlignage ; retravailler les textes (phrases, paragraphes, listes) ; corriger les quelques fautes de syntaxe.
Je pense notamment au contenu de la page qui est ADE qui ne fonctionne pas bien. Donc bref visuellement, je ne partage pas vraiment l'enthousiasme des premières critiques : l'entête est bien léché, mais le reste ne fonctionne pas…

Au niveau technique, il faudrait optimiser un peu les perfs du site (ne faire qu'un seul appel de script, externalisé), virer les styles en ligne, nettoyer un peu le code html (virer les <br /> et autres &nbsp; et les remplacer par des marges en css)

pourquoi le flash est inutile dans la barre de navigation? j'ai voulu donné un petit effet fluide et agréable à l'oeil via flash.
en java script l'animation aurais été moins fluide et plus lourde. de plus certains désactive le java
flash c'est plutôt rare. pour les codes mon associé les travails .

nanao a écrit :
pourquoi le flash est inutile dans la barre de navigation? j'ai voulu donné un petit effet fluide et agréable à l'oeil via flash.
en java script l'animation aurais été moins fluide et plus lourde. de plus certains désactive le java
flash c'est plutôt rare. pour les codes mon associé les travails .

Non, ça peut être fluide, j’utilise moi même quelque chose de comparable pour un élément graphique pourtant bien plus grand (voir mon fil dans cette même section du forum Gestionnaire de fichier rudimentaire -- aspect et comportement de l’UI à l’apparition et disparition des menus de fichiers). C’est implémenté avec des délais (setTimeout), et le tout est paramétrable : durée de l’animation, vitesse de l’animation, méthode de «dessin» de l’animation.

Ça n’est pas nécessairement lourd (surtout comparé au plug-in Flash) et ça peut rester maniable si tu organise bien ton source JavaScript (je parle de modularité).

Et puis je vais personnellement dans le même sens que AudraSJB concernant Flash : souvent, ce n’est même pas nécessaire, quand on voit tout ce que l’on peut déjà faire avec JavaScript, normalisé par ECMA, et DOM, normalisé par le W3C (en insistant bien sur l’existence de normes). Avec JavaScript, on peut tout faire, du plus basique et léger au plus complexe. Tandis que la moindre petite broutille en Flash, invoquera tout le plug-in Flash. Il faut penser que ce qui invisible n’en est pas moins existant, donc question lourdeur, pas sûr que Flash soit plus léger que JavaScript!

Concernant le Flash qui serait demandé par les clients… pas sûr non-plus. Un petit tour sur WebRankInfo (un forum spécialisé dans les questions d’indexation, de gestion des sites, etc), te fera vite voir que au contraire les sites Flash on bien peu la côte chez les professionnels du référencement, et la question du référencement, tes clients y seront certainement sensibles.

Flash n’est pas si demandé que ça, et en tous les cas n’est pas demandé explicitement. Un client va demander un design, une fonctionnalité, et va rarement demandé un site Flash de manière explicite. Ce n’est pas ce qui l’intéresse, ce sont les deux premiers points qui l’intéresse.
Modifié par hibou57 (14 Jan 2011 - 18:25)

merci pour toutes les infos, je vais essayer d'améliorer tous ça
j'avoue ne pas trop m'y connaitre niveaux code, mon flash au départ je l'intègre pour rendre le site interactif(je doit encore m'améliorer) moi à la base je désire amené une harmonie dans les design avec mes acquis, faire en sorte que les sites aient une ambiance différente propre à leur images.
bonne soirée