Il y a de ça 2-3 mois, on discutait de notre blog voyage avec Fabienne autour d’un verre de vin. En mesurant le travail déjà accompli, on était évidemment contents mais on s’est aussi dit que c’était un peu dommage que les articles qui sortent de la page d’accueil partent en quelques sorte aux oubliettes…
Ben oui, on affiche nos 6 derniers articles mais les autres se noient lentement mais surement dans les profondeurs du blog! Bon, on avait déjà des catégories qui aidaient les lecteurs à se retrouver mais on était pas vraiment satisfaits…
Ben ce jour-là, on a passé toute la soirée à discuter des choses qui nous plaisaient plus ou moins bien sur notre site. On a listé tous ça sur un feuille de papier et voici ce que ça a donné:
- il faut qu’on repense notre page d’accueil !!!
- Comme on a un blog voyage, ça serait top d’afficher nos articles en fonction de l’endroit dont ils parlent.
- Notre design est sympatoche… mais le tout est un peu sombre (ou triste) et il n’y a pas vraiment de fil conducteur.
- Comme on a vraiment commencé le blogging de zéro, on accumulé plein de petites erreurs (principalement liée à mon apprentissage de la prog. web) qui seraient nécessaires d’être corrigées.
Un nouveau design
Après une bonne nuit de sommeil, Fabienne me dit qu’elle pourrait demander à un de ces amis designer si il serait d’accord de nous donner 2-3 conseils. Car il faut être honnête, si on se débrouille dans pas mal de domaines, le design c’est pas exactement notre point fort 😉. Ni une ni deux, on se rencontre autour d’un café pour discuter du site web.
On lui expose notre projet qu’il trouve d’ailleurs super intéressant. En sa qualité de designer, il a beaucoup plus d’imagination que nous et produit des idées vraiment originales (parfois un poil trop ahah!). Il nous propose ainsi de nous trouver un thème qui colle à notre site pour nous aider à démarrer. Quelques semaines plus tard, il nous envoie une image de ce à quoi pourrait ressembler la page d’accueil du site… Et c’est comme ça qu’on a commencer à bosser d’arrache-pied sur la nouvelle peau de notre blog.
Les nouveautés
Le design
Ben au niveau du design, on a pratiquement tout changé ;-)… Du logo au footer, tout est neuf! On a essayé d’avoir un thème qui fasse un peu plus voyager les lecteurs. On a aussi essayé de trier les catégories par couleur pour que le site soit un peu plus visuel. Merci à Val le designer pour son aide!
La carte du monde
Après quelques soirées passées à m’arracher les cheveux, la carte du monde qu’on avait imaginée a enfin pris forme. Tous les articles qui peuvent être localisés sur une carte sont indiqués par différents pins en fonction de leur catégorie. En cliquant sur un pin, vous pourrez tout de suite lire un résumé de l’article pour ensuite y accéder directement. Du coup, les articles ne se perdent plus dans les tréfonds du blog (ce qui était vraiment dommage d’après nous…). Et puis, quand on sera en voyage, cette carte devrait gentiment se remplir… Ça nous fera un super souvenir!
PS: Si vous voulez également mettre une carte comme la nôtre sur votre site Benoit a développé un plugin wordpress gratuit. Rendez-vous ici pour plus d’infos.
La page d’accueil
Outre la carte du monde, on a évidemment toujours les articles récents qui sont sur la page d’accueil. On a aussi ajouté les articles populaires car on pensait que c’était aussi un catégorie sympa. Au sommet de la side bar, on a ajouté une rubrique tour du monde avec entre autre une page regroupant nos préparatifs. On a pensé que ces articles pourraient surement être utiles à d’autres voyageurs et donc devaient être plus facilement accessibles.
Alors voilà, je crois que c’est tout à propos de la nouvelle peau de Novo-monde. On espère que le résultat vous plaira autant qu’il nous plaît. Du reste, on ne devrait plus trop changer de style à l’avenir, enfin on espère (je sais, c’est toujours ce qu’on pense au début…;-) ). Par contre, je suis certain qu’il y a encore des bugs que j’ai oublié. Alors si vous voyez quelque chose, ça serait sympa de mettre un petit commentaire ou de nous envoyer un petit mail pour qu’on puisse rectifier le tir. Et évidemment, si vous avez des suggestions à propos du site, elles sont les bienvenues ;-).
Alors, vous en pensez quoi de la nouvelle peau de Novo-monde ???
LadyMilonguera
Moi, je le trouve vraiment très sympa ce nouveau design… Je te souhaite bien du succès.
Laurent
J’avoue que je n’étais pas fan de la présentation précédente, celle-ci est beaucoup mieux, plus agréable. Je me suis moi même posé pas mal de questions sur le "comment utiliser une carte" pour mon site. Ta solution est pas mal. Si je peux juste me permettre une petite recommandation, ça serait de mettre des pins plus petites car une fois qu’il y en aura pas mal, ça va devenir illisible avec toutes les pins qui vont se chevaucher. Sinon ça me plaît, félicitations.
Benoit(novomonde)
@LadyMilonguera: Merci.. Content que ca te plaise 😉
@Laurent: Merci pour le conseil… Fabienne est aussi de ton avis! Je pense que pour l’instant ca va encore mais je les ferais peut-etre plus petit a l’avenir 😉
Matt
Je suis nouveau et je trouve le design actuelle excellant, aussi l’idée de la carte du monde est très original : )
Benoit(novomonde)
@Matt: Merci pour le compliment… Bienvenu sur le site 😉
@Laurent: Je découvre aussi ton site qui est d’ailleurs très réussi ;-)… Je vais m’empresser de le parcourir ;-)…
Kantu, expat suisse
Qu’il est beaaaaaau ce nouveau design!! (maintenant qu’il marche aussi chez moi :P)
Je suis fan de la carte, c’est une super idée.
Ps.J’aimerais bien réussir à en monter une pour la rubrique tourisme de mon site. Vous avez utilisé Google Maps? Quel est votre secret? 😛
Benoit(novomonde)
Merci Kantu
ahahah…. je crois que le site marche plus ou moins… en tt cas je reçois plus de mails facebook ou de tweets pour me dire que tel ou tel truc marche pas 😉
Pour la maps j’ai utilisé l’API de google maps (https://developers.google.com/maps /documentation/javascript/tutorial)… Mais y faut être un peu à l’aise en programmation!
Joana@VeniVidiVoyage
Ca remarche, je reposte mon commentaire alors.
Wahou, ça n’a carrément plus rien à voir ! Ca va me prendre un peu de temps de m’habituer aux couleurs (beige, violet et vert !!) mais je suis fan de votre page d’accueil, sans doute une des meilleures que j’ai vu jusque là 🙂 Le concept de la carte est très originale, mais comme dit Laurant j’espère que ça ne va pas faire trop fouillis quand vous aurez commencé votre tour du monde et que vous aurez plein d’articles sur plein de destinations.
En tout cas, bravo pour le travail, surtout que si mes souvenirs sont bons vous n’utilisez pas wordpress ?
P.S. le "laissez nous un message" dans la boite des commentaires qu’il faut effacer soi-même je trouve ça un peu pénible, il y a peut-être un moyen de faire en sorte qu’il s’efface tout seul dés qu’on commence à taper son message?
cyrille le praticien du bilinguisme
Très bien la nouvelle charte graphique. Je trouve qu’on comprend mieux de quoi il s’agit quand on arrive pour la première fois.
Nico
Vous m’aviez annoncé que vous travailliez sur le nouveau design de votre site et bien je dis chapeau.
C’est beaucoup plus clair et efficace.
Pour encore améliorer la carte, il faudrait que l’on puisse afficher les pin à la demande, genre on clic sur nos aventures culinaires et ca n’affiche que les aventures culinaires.
Si je trouve des bugs, je vous les envoie.
Benoit(novomonde)
Salut Nico,
Merci pour la suggestion… c’est une super idee en fait!!! et ca doit etre possible… Je vais reflechir a la question en tt cas… Merci bcp pour l’idee 😉
Bruno
Wow ! Superbe refonte graphique. Vous n’avez clairement rien à envier aux meilleurs modèles du genre !
Lola
J’aime bien votre logo, il est bien trouvé dans le thème du voyage même si je m’étais bien habituée à l’ancien : "ha tiens je vois du violet, novo-monde a mis quelque chose sur fb" !! 😀
Et la carte est effectivement une très bonne idée. 🙂
Benoit(novomonde)
Salut Lola,
ahahah!!! On a pas encore changé le logo sur fb… On peut le laisser si tu veux 😉
Nadege@Voyage Miami
Mais quelle surprise en arrivant ici je ne reconnaissais plus rien ! Géniale le nouveau design en tout cas j’aime beaucoup ! La carte est très pratique aussi, je pensais à en installer une sur mon blog pour la Floride 🙂
EuropeTrotteur
Je n’ai pas connu l’ancienne version mais celle ci est vraiment agréable. Il y a un petit bug par contre : sous Firefox 20.0.1, il y a une barre de "scroll" latérale alors que le design s’arrête clairement.
Benoit(novomonde)
Merci Europtrotteur 😉
Oui tu as raison… c’est une petite amelioration a corriger dans un future proche! Merci pour ta remarque 😉
Guillaume
Le nouveau look est très sympa, bravo! Nous tentons en ce moment de commencer dans le bloging et je mesure le travail que cela à du être 🙂 par contre, je ne sais pas si c est modifiable, mais la lecture sur IPad est moins aisé qu’auparavant. En effet le site ne s’adapte pas automatiquement ce qui oblige à zoomer, dezoomer pour trouver les menus.
Benoit(novomonde)
Salut Guillaume,
Merci pour ta remarque… Malheureusement par manque de temps j’ai pas encore réussi à m’attaquer au style pour tablettes et mobiles… C’est quelques détails à adapter mais j’espère avoir le temps de régler ces petits trucs avant le départ ;-)…
Mais il faut avouer que c’est pas mal un casse tête entre les différents navigateurs, les mobiles, les tablettes… ça devient pas facile à faire un site qui donne bien partout 😉
Audrey
Super ce nouveau design !
Lisible, soft, beau…félicitations. De quoi partir sur le bon pied avant votre tour du monde !
L’aventure est à suivre..
Benoit(novomonde)
Merci Audrey,
c’est vrai qu’on aurait probablement pas eu le temps de changer ça pendant… vivement le départ 😉
Raph
Chapeau design vraiment très réussi, j’avais essayer de faire une map comme ça en page d’accueil mais j’ai abandonné 🙁
En tous cas vraiment c’est du travail de pro ! Congrats !
Benoit(novomonde)
Merci Raph… ça fait plaisir! ça a été du travail mais ça valait le coup 😉
Benoit(novomonde)
@Nico : J’ai suivi tes conseils pour la maps sur la page d’accueil… On peut maintenant afficher les pins d’une seule catégorie en cliquant sur le lien correspondant. J’ai aussi ajouter un affichage par endroit.
Merci pour tes conseils en tout cas 😉