Avis sur mon blog de voyage

Salut la communauté !

Je m'appelle Alexandre.
Ancien spécialiste du marketing, j'ai quitté mon boulot pour voyager. Je parcoure donc le monde depuis maintenant 2 ans.

Afin de partager mes aventures et de conseiller d'autres voyageurs moins expérimentés, je viens de lancer un blog de voyage, dont voici le lien : http://www.meliade.com

Il tourne sous Wordpress. Le design est réalisé par mes soins.

Si vous avez des conseils, des remarques, je suis preneur

Merci thej8 d'avoir pris le temps de regarder le site, et surtout de me donner ton avis !

Tu as raison sur plusieurs points : le "Partagez" qui bave, la pagination qui pourrait effectivement être plus flat, le menu, ...

Après il y a des choix volontaires, notamment le design "industriel" comme tu dis.

J'attends un peu de voir le comportement des internautes avant de faire les changements les plus importants. Pour le moment je n'ai pas assez d'infos sur l'expérience utilisateurs.

Etrange ce que tu me dis sur le "sticky menu". Moi j'ai un pb de décalage de 10px vers la droite (que je n'arrive pas à régler sans causer d'autre pb plus important), mais le menu se fige parfaitement dès le 1er pixel... Je vais regarder ça.

Et merci pour les compliments sur mes photos

Je ne veux pas un site qui ressemble à tous les autres blogs de voyage, au design chargé, avec des palmiers, des valises, un globe terrestre, des monuments célèbres, un coucher de soleil sur une plage, etc... Je caricature un peu, mais on le voit quand même souvent.

Je préfère un design épuré, où le contenu est mis en avant (notamment les photos).

Salut,

Oui je comprends très bien ce que tu veux dire, et tu as raison d'avoir cet envie, car les site surchargé sont vraiment pénible à utiliser.

Mais dans ce cas je pense que tout en gardant cet esprit épuré tu peut t'éloigner de ce que je qualifie, maladroitement, de design industriel en affinant tes polices, et en faisant le choix d'une police un peu plus fun que arial, qui est un peu grossière je trouve, par exemple en utilisant les googles fonts.

Ce n'est pas le thème de ton site mais je te mets quand même un lien d'une maquette de site épuré et joyeuse de part ces couleur et la place des images.

Tout ce que je te dis au dessus n'est à prendre que comme un plus, car ton site en l'état est tout de même très bon, ce ne sont que des piste d'amélioration, personnel (et donc pas forcément juste).

Bon dimanche

T'inquiète, je sais faire le tri dans les remarques que l'on peut me faire, et j'ai bien conscience de leur subjectivité

Merci en tout cas pour tes propositions, et pour m'avoir fait découvrir Google Fonts.
(ne rigole pas... je ne connaissais réellement pas Google Fonts)

Bonjour,

Un petit constat rapide :
- Site non responsive, qu'attendez-vous ?!
Cela est assez rapide à mettre en place avec une structure de blog de ce type !
- Le lien "C'est votre première visite, cliquez ici" est assez discret, je ne l'ai remarqué qu'en analysant de plus près la colonne de droite, peut-être est-ce dû au fait que le texte est très proche des icônes de réseaux sociaux, ce qui le fond un peu dans le décor, peut être qu'une petite bordure et un peu d'espacement mettrait davantage en valeur ce lien ?

Je trouve les photos sublimes, vous les avez choisies avec soin, ça fait rêver

De plus ton lien "1er visite" et le même que "tout savoir sur..." ca fait doublon surtout à 20px de distance. Et je serais toi je mettrais "A Propos" et pas tes formules, car les utilisateurs, deviennent des robots à force d'utiliser le web et finissent par rechercher les trucs conventionnel et donc quelqu'un qui recherchera la page à propos aura du mal à la trouver.

@ohweb je ne suis pas d'accord avec toi sur la question du responsive DESIGN, qui comme sont nom l'indique est une forme de design. Non pas design, dans le sens beau, mais dans le sens ergonomie, UI, ... Et donc oui aujourd'hui avec le CSS3 on peut aller très vite pour faire une version mobile, mais il faut tout de même bien y penser, et dans un site (surtout responsive) on passe beaucoup plus de temps à "designer" (concevoir l'interface) qu'à coder le front. Donc je ne suis pas sur que de forcer le RWD est quelque chose de bien, car cela demande beaucoup de reflexion pour retrouver une ergonomie intéressante. Il m'arrive souvent de préférer naviguer sur la version desktop avec mon smartphone (et pourtant je n'est qu'un 4") que de m'énerver à ne pas retrouver la charte graphique du site que j'utilise sur ordi et en plus devoir me farcir le "scrollage" qui est énorme sur toute les version responsive qui ne font que mettre à la "queulele" les blocs agencer dans la version desktop.

Mais ce n'est que ma vision et ca porte à débat.

thej8 a écrit :
Et donc oui aujourd'hui avec le CSS3 on peut aller très vite pour faire une version mobile, mais il faut tout de même bien y penser, et dans un site (surtout responsive) on passe beaucoup plus de temps à "designer" (concevoir l'interface) qu'à coder le front

Un site responsive peut aller très vite à faire, si tu n'as pas de connaissances en responsive, tu as même des outils comme Bootstrap qui génèrera une grille fluide en quelques minutes, et contrairement à beaucoup d'idées reçus concevoir un site responsive n'est pas quelque chose réservés aux experts.

a écrit :
Il m'arrive souvent de préférer naviguer sur la version desktop avec mon smartphone (et pourtant je n'est qu'un 4") que de m'énerver à ne pas retrouver la charte graphique du site que j'utilise sur ordi et en plus devoir me farcir le "scrollage" qui est énorme sur toute les version responsive qui ne font que mettre à la "queulele" les blocs agencer dans la version desktop.

C'est tout simplement parce que tu navigues sur un site responsive mal conçu.

Le problème à l'heure actuelle c'est que beaucoup se contentent de rendre fluide leurs grilles, mais ne testent pas en condition réelle leur site sur mobile, dès lors que la fenêtre se redimensionne correctement sur desktop, ils valident leurs RWD.

@ohweb, t'inquiète pas pour moi, je sais faire des site responsives . Mais je crois que tu m'as mal compris, j'essayai justement de te dire ce que tu a conclu à la fin de ton dernier post : un site "Responsive" c'est anti-ergonomique quand c'est mal conçu.

C'est pour ca que je dit que le responsive design est quelque chose qui prend du temps car il faut y penser et que le seul fait de mettre tout tes elements à la "queulele" est bien sur rapide mais n'a pas d'avantage voir pire, peu avoir des inconvénients, par rapport à la version desktop.

Donc le responsive OUI mais il ne faut pas se dire : "J'ai 2 minutes, je vais te coller 2 media queries comme ca il marchera sur mon smartphone". Il y a une reflexion à avoir en amont et c'est le message que j'essayai de te faire passer .
Modifié par thej8 (25 Mar 2014 - 16:39)

@ohweb et @thej8 : Vous avez raison pour le lien "C'est votre 1ère visite ?".
Je vais coller le champs de recherche sous les icônes réseaux sociaux, et je vais mettre le lien "C'est votre 1ère visite ?" en dessous, c'est à dire juste au dessus du menu vert, Découverte.
Il sera plus visible, et plus cliqué.

@thej8 : bonne remarque à propos du doublon "Tout savoir sur Méliade"

Je ferai les modifications la semaine prochaine maintenant...

@ohweb : j'utilise WP qui permet d'avoir une bonne expérience utilisateur sur mobile. C'est pas aussi classe que ta solution, mais ça au moins, j'ai su le mettre en place. Je vais peut être passer à la V3 (payante) d'ailleurs...

Bonne soirée messieurs

Bonjour,

j'aurais ajouté un petit gadget sur ton menu dans la sidebar lorsque tu survol l'élément "autre"

Qui est trop brutale à mon goût essaie avec ça si ça t'intéresse.

transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;

Bonjour Alexandre,

Bravo pour ce site intéressant, simple et efficace !

Pour ma part, j'ajouterais des marges plus importantes entre la colonne principale et celle de droite.
Le format "timbre poste" des images est un peu chiche. Je choisirais un format un peu plus grand, à l'horizontale (ça fait plus rêver) et pour le derneir post en date, je ferais claquer l'image au moins sur la largeur de la colonne principale de gauche. Histoire de faire vivre ce site et de donner l'impression de quelque chose de nouveau à chaque fois. Là chaque billet ressemble à l'autre, les photos sont tellement petites.

Le logo est un peu austère. Quelque chose de plus vivant (voir sur dafont.com) et moderne. De plus "baroudeur".

J'intègrerais d'avantage l'auteur du site : sa photo, son projet… Un lien vers une page fixe qui explique le concept ? Une accroche plus parlante ? « Le blog d'un voyageur… partageur !! » ça fait un peu slogan vite pondu pour une agence de voyage. J'emploierais un langage plus direct, plus humain et convivial. Je parlerais à la première personne dans l'accroche, pour créer un lien véritable avec le lecteur, une relation de complicité avec ceux qui suivront vos pas.

Petit hors sujet :
Je présenterais de façon différente ce qui relève de votre voyage, vos vraies expériences… et ce qui n'est que de la récup de buzz qui ont déjà fait le tour du web genre la fille qui imite les langues, ce genre de truc qui pollue le web est-il indispensable ?? Ne vaudrait-il pas mieux rester concentré sur ce que vous faites pour garder un discours plus authentique dans ce monde web ou 90% des blogs ne font que recycler ce que d'autres ont déjà publié 1000 fois ? À utiliser avec parcimonie.

Le header pourrait être un poil plus vivant. On devine une montagne derrière le logo mais ce gris/vert c'est assez plat. Bien pour une charte de compagnie bancaire, là vous pouvez vous lâcher un peu. Le gros .com après le nom ne fait pas convivial. Je l'enlèverais ou le diminuerais. Les gens qui sont sur votre blog savent que le site est .com (c'est marqué dans la barre). .com à réserver pour les autres supports (papier, cartes… ) ?

Un choix de police de caractère moins dure pour le logo, les titres ?
Ce vert gazon me fait moyennement rêver. Une couleur plus neutre, plus chaude et plus travaillée, et/ou une couleur complémentaire en touche ?

Le footer n'est pas exploité. Il pourrait être sympa de trouver une image, un message qui invite à revenir bientôt ? Un rappel du header ? Un élément graphique qui installe un semblant de graphisme, une photo ?… Quelque chose qui créé de l'empathie ?

Un coup classique, hormis votre photo, quand je clique sur les liens facebook et twitter, je ne retrouve pas vos éléments graphiques qui donneraient de la cohésion à tous vos médias : votre logo + baseline peuvent suffire sur un fond photo de beau paysage. Et le tour est joué. Sur facebook, la mention "TRAVEL" seule fait très "agence de voyage".

Voilà pour moi et bonne route, chance, rencontres, découvertes, partages !!

Edit : un joli site dans un style différent mais qui peut donner quelques sources d'inspiration (typo, couleurs, photo, style moins institutionnel… ) :
http://www.voyageautourdumonde.fr/
Modifié par spongebrain (27 Mar 2014 - 18:55)

Bonjour Spongebrain,

Merci pour les compliments, ainsi que pour avoir pris le temps que faire remonter remarques et idées.

Je connais le blog VoyagerAutourDuMonde. Mais s'il est joli et original, c'est exactement ce type de site que je ne veux pas faire (graphiquement parlant). Ce nest pas mon style, et surtout ce n'est pas le positivement que je souhaite pour Méliade.com

Il y a plein de bonnes remarques et de bonnes idées que tu me suggères (elles sont dans un coin de ma tête, et seront utilisées le moment venu). Mais il y a aussi une chose que tu ne prends pas en compte (et c'est normal car tu ne peux pas savoir), c'est que le site est aussi limité par... mes capacités techniques. Je n'ai pas les moyens que mettre en place toutes les options que je voudrais. Je fais donc au mieux avec mes aptitudes techniques

Et dans moins de 3 semaines, je pars en Inde pour traverser le pays à pied. Ce n'est donc pas maintenant que ce vais pouvoir faire de grand travaux pour mon blog...

Bonne fin de journée

Oui, j'entend bien. Comme indiqué, le lien ci-dessus est surtout intéressant pour le style des polices pas trop "rigide" et plus baroudeur. Pour les couleurs plus conviviales, chaudes et coordonnées que le vert actuel assez froid et institutionnel.

Pour le reste j'aime aussi la simplicité, mais une petite touche de chaleur pourrait rendre ce site un peu moins austère et rigide, tout en restant très simple.

Même si le code n'est pas votre point fort (moi non plus), je pense que ce serait un réel plus si la dernière photo en date pouvait claquer un peu plus, pour apporter un peu de vie à la maquette. Au pire, êtes vous coincé sur ce template ?