[Avis] CreALX

Discussion dans 'Demandes d'avis et de conseils sur vos sites' créé par psykoko, 2 Décembre 2010.

  1. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Bonjour à tous,

    Je viens vous demander un avis sur le design du site suivant : www.crealx.com
    Je recherche vos avis sur :
    1- La forme : logo, design, interaction, etc...
    2- Le fond : est-ce suffisamment clair, que manque-t-il, etc...

    Merci beaucoup pour vos retours !
     
  2. passion
    passion WRInaute accro
    Inscrit:
    6 Janvier 2006
    Messages:
    3 925
    J'aime reçus:
    191
    perso, je trouve qu'il n'a aucune identité.
    En arrivant dessus, on ne sait pas quoi va traiter ton site !

    Et tu as ceci :
    Code:
    </head>
    <br/>
    <body>
    
    le <br /> n'a pas sa place
     
  3. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Ok pour le <br/>...
    Pour l'identité, je comprends ce que tu veux dire : il n'y a aucun visuel relatif au webdesign, c'est ça?
    Ou est ce qu'un sous titre au logo serait plus parlant?
     
  4. reglisse
    reglisse WRInaute impliqué
    Inscrit:
    15 Novembre 2005
    Messages:
    915
    J'aime reçus:
    0
    Si j'ai bien compris c'eSt un site de webdesigner et tu demandes de l'aide pour le design du site !!! Moi je suis vraiment pas un pro du graphisme comme beaucoup ici on est pas tous webdesigner alors je vais m'astenir de conseils
     
  5. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Ce que je recherche ce sont des avis d'utilisateur du web :)
    C'est plus dans ce sens... Savoir ce qu'un utilisateur pense d'un site.
    A force d'avoir la tête dedans, on n'a plus le recul nécessaire... Donc c'est juste des avis, de quidam, pro ou pas, dans le milieu ou pas, qu'importe !
     
  6. smorge
    smorge WRInaute occasionnel
    Inscrit:
    17 Juin 2009
    Messages:
    439
    J'aime reçus:
    0
    Salut,
    sur la forme, ce qui me heurte c'est la typographie serif de tes h1, comme l'esprit du site se veut plutôt moderne ça détonne un peu je trouve
     
  7. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Mmm... Century Gothic te botte pas :)
    Plutôt une Verdana classique?
     
  8. smorge
    smorge WRInaute occasionnel
    Inscrit:
    17 Juin 2009
    Messages:
    439
    J'aime reçus:
    0
    Je pense que c'est bien de mettre un police différente sur les titres, mais sur un site plutôt moderne deux sans-serif s'intégrent mieux (mon avis) Sinon bien sûr que j'adore la century :)
     
  9. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Ah :)
    Je suis rassuré... Bon, je vais chercher une sans serif plutot sympa et pas trop originale :)
    Merci !
     
  10. smorge
    smorge WRInaute occasionnel
    Inscrit:
    17 Juin 2009
    Messages:
    439
    J'aime reçus:
    0
    Bah tu sais, à moins d'embarquer la fonte le choix est plutôt limité pour être sûr que l'internaute lambda l'aura à coup sûr sur son pc...
     
  11. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Moauis, j'ai mis un trebuchet, et sinon, un verdana... et au pire une famille sans-serif :)
    C'est mieux?
     
  12. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 161
    J'aime reçus:
    338
    - 10 tags <h1> :roll:
    - Il y a 13 warnings de validation
     
  13. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Ah !!!!! Merci, je me suis mélangé les pinceaux dans mes H :)
    Voilà qui est mieux ! Pour la validation... chacun pense ce qu'il veut, mais je développe en fonction des standards, mais parfois... :evil:
     
  14. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    Design pas mal, j'aime bien.

    ... maintenant passons aux critiques :twisted:


    Ton site ne s'affiche pas totalement sur les écrans ayant une résolution de 1024px de largeur.


    OMG → portfolio, les captures d'écran sont réduites via HTML ! 8O
    Très très mauvaise pratique ;-)
    (tes visiteurs chargent l'image complète / grand format même s'ils ne regardent que la miniature, ET, le navigateur doit redimensionner l'image "artificiellement", ce qui nécessite + de ressources)


    Attention à la lisibilité / au contraste. Le bloc vert = niquel, mais le bloc fuschia ou bleu par exemple, c'est déjà plus difficile à lire. Peut être choisir une couleur de texte différente ?


    Les liens sont mieux reconnaissables s'ils sont soulignés (règle de base en ergonomie web / utilisabilité).
    D'ailleurs, ce type de navigation n'est vraiment pas... disons, efficace (j'imagine - voire je suis sûr). C'est peu commun d'avoir les liens de navigation principale mis un peu partout comme ça, et en bas.


    Pas de possibilité d'utiliser la touche "Retour" car mauvaise utilisation de JavaScript. Il y'a des scripts pour corriger ça ;-) (ex: http://benalman.com/projects/jquery-bbq-plugin/ )


    Perso, j'utilise énormément le bouton de la mollette de la souris pour naviguer : un clic sur celle ci sur un lien ouvre la nouvelle page dans un nouvel onglet. Si j'ouvre la page "qui suis-je" dans un nouvel onglet, je perds totalement la navigation. Après je fais quoi ? Je pars ?



    Ai-je bien vu ? Du CSS "inline" plutôt que dans ta feuille de style ? DOOOOH
    ;-)



    Ah ? :mrgreen:
    Code:
    <table align=center>
    <tr><td width=60><img src='../_media/_img/php-logo.png' alt='Logo PHP'></td><td width=60><img src='../_media/_img/ajax-logo.png' alt='Logo Ajax'></td><td width=60><img src='../_media/_img/jquery-logo.png' alt='Logo Jquery'></td><td width=60><img src='../_media/_img/mysql-logo.png' alt='Logo MySQL'></td></tr>
    <tr><td>Php</td><td>Ajax</td><td>Jquery</td><td>MySQL</td></tr>
    </table>
    
    Ce sont bien des données non-tabulaires avec un markup de tableau ? :mrgreen:
    ;-)

    D'ailleurs, à ce propos : utilise <label for="id"... pour ton formulaire (la sémantique sera meilleure, et, tes visiteurs trouveront leur curseur directement dans le champ quand ils cliqueront sur le libellé).

    Encore à propos du formulaire : bouton + gros !! (je te suggère de rajouter du padding top & bottom).
    Rajoute également cursor:hand;cursor:pointer; dans ton style pour le bouton (ça devrait être par défaut ça...).

    "Votre projet en quelques lignes."
    Fais en sorte que ça disparaisse quand on clique dessus (ça évitera au visiteur de l'effacer lui même) - via JavaScript.




    Code:
    <br><br>
    Ce n'est pas correct d'un point de vue sémantique/syntaxe ou je ne sais quoi d'autre.
    Si tu veux de l'espace, utilise les CSS !
    margin-bottom:20px par exemple.



    Code:
    <div class="clear"></div>
    Balise vide ?! Pas correct non plus (disons que ça ne pose aucun souci, mais que ce n'est pas la bonne méthode).
    Y'a d'autres solutions pour "clear". Je te suggère celle ci : http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidde ... mystified/
    Sinon, "overflow:hidden" fait parfois l'affaire.



    Code:
    <div class="footer_left">
    ...
    <div class="footer_right">
    Pourquoi faire appel à une class plutôt qu'à un id ? Il n'y a pourtant qu'un seul "footer_left" et un seul "footer_right" ?
    id est + performant (plus rapide à trouver).



    Code:
    <div class="jaune">
    <h2>portfolio</h2>
    Vous trouverez ici quelques unes de mes réalisations.
    </div>
    Texte sans markup. J'aurai mis une balise de paragraphe personnellement (tu peux le styliser comme tu le souhaites ensuite).



    Code:
    <a href="#two"><img src="../_media/_img/pencil.png" alt="portfolio"> portfolio</a>
    A mon sens, mauvaise façon de faire.
    Tu ne devrais pas mettre l'image dans la partie HTML, mais l'afficher via background css. Tu rajoute un padding-left:24px par exemple, et voilà !



    Code:
    <form action="link" method="post" enctype="text/plain"></form>
    ???!





    En présentant un site où tu proposes la création de sites internet sur un forum où on croise une grande quantité de spécialistes du web, faut s'attendre à ce que les membres regardent dans les détails ;-)

    En espérant que mes commentaires te seront utiles (il n'y a rien de méchant dedans ;-) ).
     
  15. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Eh bien voici une critique des plus constructives ! J'attends, justement, des critiques comme celle ci !
    Je vais regarder tout ça à tête reposée. Sans vouloir me justifier, j'ai jeter les bases d'un design, puis j'ai brodé autour... en trichant parfois avec les standards et en faisant du 'rapide' :(
    Je suis en train de le peaufiner, et j'avais déjà identifié quelques une de tes remarques !
    Un grand merci ! je Reco !
     
  16. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    Merci pour la reco' :mrgreen:
    Tant mieux si c'est utile ;-)
     
  17. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Et est ce mieux maintenant?
    Je n'ai pas encore retouché les screenshot des sites(oui, c'est horrible, je sais...)... mais ça ne saurait tarder :)
     
  18. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    Y'a du mieux :mrgreen:

    Tout n'est pas encore parfait cependant (oui, la perfection n'existe pas, et oui : je suis vachement tatillon quand même).

    Tes URLs contiennent des caractères bizarres... crealx.com/#url=%23one → à corriger.

    J'ai vu que tu as modifié le menu. Y'a du mieux :mrgreen:
    ... mais pourquoi t'obstines-tu à le mettre en bas ? Ne penses-tu pas qu'en haut, à droite du logo, au dessus de la partie contenu principal, ce serait mieux ? Moi si :mrgreen:

    Ton site n'est toujours pas totalement visible en 1024px de largeur.
    En 1024x768, ton menu n'est pas toujours visible (ça dépend si l'internaute a des barres d'outils installées par exemple).
    Et en 1024x600 (résolution des NetBook style eeePC par exemple), le menu ne se voit pas du tout...

    Je continue également de dire que tes icônes sont mal intégrées (via CSS l'effet serait bien mieux je pense : les icônes ne seraient pas soulignées par exemple, pourtant elles seraient cliquables).
    + d'espace entre les items du menu ferait mieux je pense.

    A propos d'icônes : c'est une bonne chose d'avoir rajouté des icônes pour illustrer tes titres / sections → J'aime.

    Le formulaire : tu as suivi mon conseil pour le texte présent dans le champ / textarea, il disparait désormais lorsque l'on clique dessus. Cependant tu peux faire en sorte (toujours via JavaScript) qu'il réapparaisse si le champ est laissé vide et que le curseur n'est plus à l'intérieur (il y'a un exemple "live" de ce dont je suis en train de parler sur WRI même, ici, en haut de la page, juste en dessous du titre du sujet : le formulaire/champ de recherche).

    J'aime moyennement la couleur du bouton au survol de la souris. Peut être que qq chose de + subtile aurait suffit (genre : foncer la couleur du texte et de la bordure).

    Logo : il n'est pas cliquable (et ça, c'est une erreur - je comprend pas pourquoi je l'ai pas remarqué direct 8O haha ). Les internautes sont habitués à cliquer sur le logo qui, par convention, est (quasiment) toujours placé en haut à gauche.


    Bon... au boulot ;-)
     
  19. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Mais il veut me faire bosser le week end :)
    Les drôles de symboles, c'est pour gérer la touche retour arrière, comme tu le voulais :D
    Je regarde le reste... ralalala !
     
  20. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    Oui, mais il y'a un bug apparemment : il y'a un # (hash) en trop, transformé en %23 dans l'URL.

    Ce ne sont que des suggestions d'améliorations, à toi de juger si ça en vaut la peine ou pas ;-)
    Bon courage !
     
  21. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    C'est réglé :)

    Effectivement, c'est mieux comme ça maintenant, j'approuve :)

    J'ai bien intégré l'icône dans le css... mais j'avais fait une boulette... voilà qui est mieux !

    Un petit onBlur et c'est parti :)


    Effectivement, c'était plutôt flashy :) Voilà qui est plus sobre !


    It's done, c'était un oubli ! Pas bien !

    Dans tous les cas un grand merci. J'avais l'impression que WRI était devenu moins populaire, moins pointu... Et ce sont des rencontres comme celles-ci qui me rassurent :)
     
  22. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    héhé, merci, ça me flatte et me touche :)

    Reste
    - le design pas entièrement visible en 1024px
    - les images rétrécies artificiellement

    Concernant les icônes du menu, perso j'aurai fait autrement je pense (afin que l'icône, elle aussi, soit cliquable).

    Bon boulot ;-)
     
  23. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Pour les images pas réduites, je m'en occupe...
    Pour le design pas visible en 1024px :( Il faut que je regarde.

    J'ai rajouté des petits textes dans le footer. Qu'en dites vous ? (les liens ne sont pas actifs pour l'instant...)
     
  24. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Ouf !
    Voilà tout terminé :)
    J'attends vos avis sur le texte dans le footer...
     
  25. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    Reste le problème de la largeur : tes clients / prospects n'accèderont pas toujours à ton site avec un écran supérieur à 1024px de large ;-)

    Sinon : j'aime bien !
    Beau boulot encore une fois ;-)

    Les liens du footer ne fonctionnent pas effectivement.

    Peut être qu'il y'a d'autres images qui seraient + harmonieuses pour parler de PHP, MySQL, jQuery etc. ?
    Autre chose : te voilà maintenant avec "beaucoup" de contenu ! Le tout sur une seule et unique page. Trop de contenu pour une seule page si tu veux mon avis. Tu pourrais gagner en référencement si tu créais des pages différentes / indépendantes pour chaque section.

    CF formulaire : "Exemples de siteS" ;-) (manque un "s")
     
  26. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Pour la largeur... effectivement, à revoir.
    Pour les images des techno, je vais en créer moi même, mais il me faut un peu de temps, pour harmoniser tout ça.

    Concernant le nombre de page, oui, tu as parfaitement raison, je vais découper tout ça en plusieurs pages, je gagnerais en référencement et en linking interne, c'est certains !
    Encore une fois merci pour tous tes conseils !!!
     
  27. psykoko
    psykoko WRInaute occasionnel
    Inscrit:
    3 Juin 2005
    Messages:
    280
    J'aime reçus:
    0
    Bonjour à tous,

    Je viens de finaliser tout le site, en changeant le système, rajoutant des pages, etc.
    Qu'en dites vous?
     
  28. pinrolland
    pinrolland WRInaute impliqué
    Inscrit:
    19 Août 2010
    Messages:
    728
    J'aime reçus:
    1
    bonsoir psycho !! koko pardon !
    je te dis que ce que j'aime pas ...
    -trop large ton site
    -tes questions "lire la suite". la suite il faut la lire au dessus. c'est pas naturel. j'aurais mis les questions au dessus des réponses !!
    - la différence de taille entre la police des questions (fond noir) et la police des réponses (font couleur) est trop importante.
     
Chargement...
Similar Threads - [Avis] CreALX Forum Date
[avis] Mygreencloud Rédaction web et référencement 15 Septembre 2021
[Avis] Destruction Hardware Revient Demandes d'avis et de conseils sur vos sites 29 Décembre 2020
[Avis] e-commerce Demandes d'avis et de conseils sur vos sites 6 Avril 2018
[Avis] Partage Musiques / Playlist Demandes d'avis et de conseils sur vos sites 1 Juin 2014
[Avis] Votre avis sur BGSTARS Demandes d'avis et de conseils sur vos sites 5 Avril 2014
[Avis] Site Gam3-over.com Demandes d'avis et de conseils sur vos sites 3 Avril 2014
[Avis] Demande d'avis pour mon site Demandes d'avis et de conseils sur vos sites 2 Avril 2014
[AVIS] Blog Référencement Demandes d'avis et de conseils sur vos sites 1 Avril 2014
[Avis] ShareWay - Gagnez de l'argent en partageant des liens Demandes d'avis et de conseils sur vos sites 13 Mai 2013
[Avis] Megaptery.com, partage de ressources web Demandes d'avis et de conseils sur vos sites 29 Janvier 2012
[Avis] Portfolio Demandes d'avis et de conseils sur vos sites 22 Janvier 2012
[avis] Maisonia deal, achat groupé de maison en construction Demandes d'avis et de conseils sur vos sites 30 Novembre 2011
[Avis] Ohawo.com Demandes d'avis et de conseils sur vos sites 13 Mars 2011
[Avis] Blagues en délire Demandes d'avis et de conseils sur vos sites 27 Février 2011
[Avis] Sublistime.com Demandes d'avis et de conseils sur vos sites 30 Décembre 2010
[AVIS]mazabouge.com Demandes d'avis et de conseils sur vos sites 18 Novembre 2010
[Avis] Blog financier / Soyez critiques ! Demandes d'avis et de conseils sur vos sites 17 Novembre 2010
[Avis] Mes-parfums.com Demandes d'avis et de conseils sur vos sites 18 Octobre 2010
[avis] site de vente de materiel informatique Demandes d'avis et de conseils sur vos sites 12 Octobre 2010
[Avis] Mon site communautaire "Apple" Demandes d'avis et de conseils sur vos sites 24 Juillet 2010