[Pro] www.tiffanypoirier.fr

Bonjour à tous,

Voilà mon site internet est enfin en ligne!!!
Pouvez vous me donner un petit coup de main pour la phase de test:
J'ai besoin de savoir les beugs présents dans les diverses résolutions d'écran et navigateurs mais aussi des critiques constructives quant à son design.Voilà je vous remercie d'avance...

www.tiffanypoirier.fr
Modifié par Laurie-Anne (24 Feb 2012 - 15:57)

Bonjour tinyjonas,

Alors,

En arrivant sur ton site j'ai d'abord été interpellé par ce bouton animé au milieu. C'est joli ... mais à quoi ça sert en fait?

Sinon beaucoup (exclusivement?) d'images sur ton site. Niveau référencement tu vas vite regretter. D'autant que sur beaucoup je remarque des artéfacts lumineux qui font pas très pros (on dirait des images Facebook pour ceux qui connaissent le pb ^^)

En gros, ta trame graphique semble pas trop mal, mais ton site n'est pas fonctionnel, va subir la mise au placard par les moteurs google et manque sans doute d'ergonomie...

J’espère que ça t'aidera

++
Modifié par UnCoindPixel (21 Feb 2012 - 15:44)

Bonjour!

En gros, essaie d'éviter d'avoir des textes entiers (paragraphes) en images.

Le book est fait de petites images riquiqui et grisées. C'est peu engageant lorsqu'on ne voit rien à l'avance. C'est le point le plus important de ton site au final, et mérite un traitement particulier.

Graphiquement, c'est un peu léger, beaucoup d'imperfections et mériterait de prendre plus de temps. ça ne fait pas du tout "pro" quoi !

qu'apelles tu artéfacts lumineux?

Pour ce qui est des textes, c'est à modifier avant dans la seconde phase de test...
Le bouton est sensé envoyé de la musique en autoplay

Salut,

Je ne suis pas partisan des splashscreen, mauvaise idée.
J'ai halluciné au début car j'ai lu "Tiffany's boobs" ce qui a bien fait marrer une de mes potes ici présente et qui se fout encore de moi maintenant.

Sinon moi j'aime à peu près tout, les couleurs, la présentation, le diaporama et pourtant je suis d'accord il y a plein d'imperfections graphiques que tu devrais pouvoir corriger. En tout cas y a des idées et de la vie ce qui rassure pour une créa. Mais c'est vrai que les flous et les images pixelisées rassurent moins.

Niveau code ce n'est pas du tout à la hauteur, en revanche. Tu utilises parfois même des tableaux pour la mise en page, ce n'est plus vraiment au goût du jour.
Pas de hiérarchie de titres non plus Pas de logo cliquable.

Pour le problème des images et là je pose seulement la question à tout le monde, je ne dis pas que c'est la solution magique: ne pourrait-elle pas mettre tous les textes dans le HTML et styler en display none pour conserver ses images?

Cela dit pour la mise à jour, la maintenance, c'est un peu galère non de devoir ressortir les images de toshop à chaque fois ? Pour compléter le CV ou le portfolio cela ne doit pas être facile.
Modifié par jmlapam (21 Feb 2012 - 16:51)

jmlapam tu as l'esprit bien mal placé

Les artéfacts lumineux c'est la zone de flou pixellisée autour des images. Je ne sais pas si ce terme est valide, mais j'ai souvent entendu cette expression Autant pour moi si je n'ai pas été clair

En effet pour la musique, je n'avais pas pu entendre car je n'avais pas mis mon casque... (boulet)

Par contre les musiques qui se lancent à l'ouverture d'un site perso je banni... Imagine t'es en open space et tu as du monde au tél autour, tu ouvres le site gentiment sans te douter et "bam" pollution sonore. C'est physique tu fermes la page et voilà un joli taux de rebond et surtout une visite gâché...

Niveaux développement je ne suis pas un cadors, donc je laisse soin aux spécialistes de te dire ce qu'il en pensent. Mais clairement enlève des images et met du texte. Je sais quand on débute c'est chiant, mais tu verras ça vaut le coup

Voilà

Bon courage
Modifié par UnCoindPixel (21 Feb 2012 - 17:08)

UnCoindPixel a écrit :
jmlapam tu as l'esprit bien mal placé

Oui faut croire, mais c'est réellement ce qui s'est passé, cela va rester, je me faire chambrer un moment par ma pote je pense.

Effectivement la musique est un mauvais point.

Bonjour,

Merci d'éditer ton sujet en indiquant dans son titre : "[Amateur/Intermédiaire/Pro] Le nom ou l'URL du site".

Salut,

Quand tu utilises des images qui sont non décorative (donc porteuse de sens) il faut mentionner l'attribut alt avec assez de pertinente pour qu'on puisse comprendre l'image sans la voir. Par exemple quand tu as du texte dans une image, il faut mettre ce texte dans l'attribut alt.

Il faudrait également que tu te renseignes sur les différentes façon de positionner les éléments car là c'est plutôt le foutoir il suffit de dézoomer un peu pour voir que tout se déstructure.

Graphiquement parlant c'est fort soporifique, bleu clair + le gris c'est pas ce qu'il y a de plus vivant.

Sinon tu as fais le choix de vraiment te mettre en avant sur ton site, personnellement je trouve que ça fais un peu trop skyblog, il y a plus de photos de toi que de création personnel. Enfin tout dépend de ton public cible, mais dans un cadre pro je ne pense pas que ce soit un choix judicieux.

Hello tinyjonas, et bienvenue

jmlapam a écrit :
Pour le problème des images et là je pose seulement la question à tout le monde, je ne dis pas que c'est la solution magique : ne pourrait-elle pas mettre tous les textes dans le HTML et styler en display none pour conserver ses images?

Yop. Petite réponse vite fait : vaut mieux pas.

Mettre des textes en images ne pose pas de souci avec un texte alternatif pertinent et «suffisamment court», pour des titres par exemple (même si c'est lourd à maintenir). Dans le cas de gros blocs de textes en format image, vaut mieux faire une croix sur le référencement et l'accessibilité du contenu…

Mettre des textes masqués en CSS (avec display ou text-indent, peu importe) doublés d'une image n'aidera pas le contenu du site à être mieux référencé et à être plus accessible, c'est le principe même du gros bloc de texte au format image qu'il faut remettre en question.
Dans le cas de tinyjonas, je dirais qu'il vaut mieux utiliser un format textuel, tout simplement.

Sinon, la musique à l'arrivée sur le tunnel d'entrée du site m'a plutôt donné envie de partir à moi aussi. C'est pas trop une question de goût musicaux mais… enfin si, aussi, mais là n'est pas la question

Dernier point, plutôt important : sur mon écran 13'', j'ai une barre de défilement horizontal qui apparaît, et je ne vois pas le menu en entier.
Modifié par audrasjb (21 Feb 2012 - 22:01)

audrasjb a écrit :

Yop. Petite réponse vite fait : vaut mieux pas.

D'accord mais pourquoi?

Comme ce genre de technique est(était) utilisée pour faire du faux référencement et qu'en plus le moteurs de référencement ne souhaite pas référencer quelque chose que l'on ne voit pas, les robots n'en tiennent pas compte. Le lecteurs d'écran non plus.

Sur ce que j'ai pu comprendre, je crois que kustolovic a raison à ce sujet.

J'aime bien l'aspect général du site mais après cette très belle page d'accueil, je reste sur ma faim. sinon c'est plutôt propre et clair.

J'ai moi aussi joué avec ce beau bouton, mais sans son j'ai du insister pour comprendre qu'il ne servait pas à rentrer dans le site.

Par contre je suis le seul a qui il fait mal au yeux ? les écritures sur un fond aussi clair notamment le texte blanc dans la boite bleu de droite.

Je trouve le diapo un peu rapide pour avoir le temps d'apprécier son contenu, surtout qu'il n'y as pas de contrôle pour revenir en arrière ou autre, le message des photos et sympa, par contre leurs qualité de compression ou autre est a revoir.

Pour ce qui est des problème des référencement du contenu full image, je ne peut être que d'accord.

[EDIT]

Sous opera il n'y as pas de son,
Sous internet Explorer 9, Le son est la mais il y'a une gros bug d'affichage sur le bouton en lui même
Modifié par meche (22 Feb 2012 - 21:36)

Salut,

Testé en 1280*1024

screenshot de l 'aspect sans zoom:

http://tof.canardpc.com/preview/dae47e0f-b065-4720-affa-822207ae7ba7.jpg

Design en général

niveau design, c'est pas moche mais je trouve que c'est très (trop) plat et "brut".
je ne suis pas fan non plus des couleurs, surtout le gris de la bannière qui est triste
je mettrais du blanc comme sur ta carte de visite (comprend pas d'ailleurs pq tu n'as pas gardé cette palette de couleurs)
Ton site occupe trop d'espace pour rien vu le peu d'infos à afficher: faudrait essayer de réduire tout ca et de mieux agencer tes éléments (revoir le zoning? utiliser des grilles si pas déjà fait?)
Les paragraphes aussi manquent de finitions

le logo: l'effet au survol est inutile, je le placerais près de ton nom et prénom

=> design pas assez travaillé

Pages


je virerais la page d'accueil qui ne sert à rien (et bugguée: probleme avec les css qd on clique sur contact) et je mettrais les infos contenue dedans dans page contact



présentation: les images au milieu ne sont pas assez integrées au site et flottent

Tu pourrais garder celles qui sont illustrent bien la phrase liée en les intégrant mieux au site et en faisant attention à leur qualité (gare à la compression) mais les autres ?...
je rejoint d'ailleurs d'autre avis concernant des photos qui font blog d'ado


pour la page contact, je ne vois pas de bouton envoyé si je ne dézoom pas
vire l'image de ta carte de visite: elle n'a rien à faire sur ton site web, ou alors mieux intégrée et en faisant gaffe aux proportions.


Bref revoir l'intégration/qualité des images


meme chose pour les images avec tes compétences: à virer et faire ca en HTML tout joli

Dernière chose: quand je désactive javascript, le contenu de tes pages disparait (pas le menu)

A la base j'ai voulu testé l'envoi des mails foireux sans javascript

Code à revoir aussi (balise menu, meta, etc.)


Bon travail !

EDIT: j'avais pas vu que les paragraphes étaient des images=>

EDIT2: j'enleverais le PRO devant le sujet, ton site n'en a actuellement pas la qualité (trop de grossières erreurs de débutant), ca te discrédite plus qu'autre chose
Modifié par h_wiz (29 Feb 2012 - 01:25)

kustolovic a écrit :
Bonjour!

En gros, essaie d'éviter d'avoir des textes entiers (paragraphes) en images.

Le book est fait de petites images riquiqui et grisées. C'est peu engageant lorsqu'on ne voit rien à l'avance. C'est le point le plus important de ton site au final, et mérite un traitement particulier.

Graphiquement, c'est un peu léger, beaucoup d'imperfections et mériterait de prendre plus de temps. ça ne fait pas du tout "pro" quoi !

C'est même pas éviter qu'il faut faire: il ne faut pas faire ca !

audrasjb a écrit :
Dernier point, plutôt important : sur mon écran 13'', j'ai une barre de défilement horizontal qui apparaît, et je ne vois pas le menu en entier.

J'ai un écran 1920X1080 et pour certaine pages du site je n'ai pas le menu entier moi non plus ...

"Présentation" sort de sa div (j'ai utilisé Chrome).

Je n'ai qu'une page "Index of/"… Où sont passées les pages ? Car j'aurais pu évaluer à mon tour avec ma configuration où j'utilise mes propres couleurs pour l'affichage des sites…