Nouveau design responsive pour Kanpai

Vous êtes chaque mois plus nombreux à visiter et participer sur Kanpai ; je souhaitais donc que l'expérience utilisateur soit au niveau de votre investissement. Le lifting opéré sur le site en début d'année n'était que la première phase d'un changement plus profond de la charte graphique de Kanpai. Il s'agissait alors de vous présenter le nouveau logo duquel allait se décliner le reste de l'interface : couleurs, formes, typographies.

Je suis fier de vous présenter aujourd'hui le nouveau Kanpai, qui est en gestation depuis un petit moment déjà.

Rafraîchissement global

L'optimisation majeure se fait dans une recherche de sobriété, de cohérence et d'accessibilité. Une séparation claire se fait désormais entre le contenu principal de la page (sur fond blanc) et la colonne latérale qui propose toujours les informations annexes. Globalement, je souhaitais décliner un design plus ancré, moins flottant, mais également moins fouillis. Aucune fonction n'a réellement disparu, mais les contenus sont organisés de manière plus rigoureuse pour un rendu plus professionnel, donc plus en phase avec ce qu'est devenu Kanpai ces dernières années.

J'en ai profité pour simplifier la zone de menu, qui s'adapte à vos recherches et votre consommation de Kanpai. Aux côtés du voyage au Japon se trouve désormais une grosse case "culture japonaise" qui regroupe tout ce qui relève de la culture populaire nipponne, notamment le jeu vidéo, les manga, l'animation les drama et films japonais, et encore bien d'autres choses à (re)découvrir. Le module de questions Kotaete figure lui aussi en bonne place, tout naturellement. Vous remarquerez également que le "social" (Facebook, Twitter, Google+) se fait plus discret, dans un esprit de recentrage et de dépollution visuelle. Tout comme avec les publicités et partenaires en tout genre dans lesquels le ménage à été fait. On s'en reparle plus en détail dans quelques jours.

Galeries photos HD

Cela avait été demandé, et je souhaitais également mettre les photos plus en avant qu'elles ne l'étaient jusqu'à présent : les visuels prennent une place encore plus importante désormais, à hauteur de ce qu'ils méritent, en particulier sur les articles liés au voyage au Japon. Vous pouvez retrouver une galerie photo dédiée pour chaque article, prenez par exemple cet article d'un excellent restaurant de sushi à Osaka. N'hésitez pas à parcourir les archives de Kanpai pour (re)découvrir des photos visuellement plus impressionnantes.

Responsive / multi-supports

Une autre composante importante s'est inscrite dans cette amélioration visuelle : le format "responsive" auquel je réfléchis depuis déjà un petit moment. Sans rentrer dans les détails techniques, cette solution permet d'afficher le même site quel que soit le support utilisé. Faites le test vous-même en essayant de réduire la largeur de la fenêtre de votre navigateur, pour voir Kanpai s'ajuster à la volée !

Il faut dire que vous êtes désormais près de 15% à visiter Kanpai depuis un format mobile (smartphones ou tablettes), soit 50% de plus qu'en début d'année. La croissance de ce côté-là est impressionnante et évidemment pas prête de s'arrêter, puisque tous les indicateurs convergent vers un web nomade. J'étais particulièrement peu satisfait de la version mobile mise en place il y a près d'un an : très efficace techniquement, elle manquait pour moi d'identité et d'homogénéité avec le site version "bureau". C'est désormais corrigé. Dans l'ensemble, Kanpai est encore plus rapide et moins gourmand en ressources qu'il ne l'était lors du passage au serveur dédié il y a quelques semaines ; vous en êtes évidemment les premiers bénéficiaires.

Rendre à César

Pour cela et pour tout le reste, je veux une nouvelle fois remercier très chaleureusement Seb. Il œuvre dans l'ombre du site depuis déjà plusieurs années, à son accompagnement technique et la réalisation de gros changements telle que cette nouvelle version. Orni a abattu une masse un travail gigantesque en un temps record, pour que l'on puisse vous proposer ce nouveau Kanpai en temps et en heure (avant mon départ au Japon). Chapeau bas à lui !

À suivre

Ah, une dernière chose : ce nouveau design de Kanpai va me servir de marche-pied pour une nouvelle grosse fonctionnalité que l'on va pouvoir vous présenter probablement d'ici la fin de l'année, ou début 2013. Restez connectés !

Bien entendu, j'attends vos retours et impressions sur tout cela, dans les commentaires ci-dessous. Si vous rencontrez des bugs ou des choses qui vous paraissent anormales, n'hésitez pas à le signaler également. ;-)

Article intéressant ?
5/5 (2 votes)

Kanpai vous suggère également ces articles

Commentaires

Kum
09 Novembre 2012
09:53

Magnifique !

09 Novembre 2012
10:00

Ce nouveau design fait très professionnel !
Les images sont mises en avant. Et la barre de navigation à droite est beaucoup plus claire avec l'article au hasard bien pensé ^^

Japon infos
09 Novembre 2012
10:12

Superbe changement, le responsive design apporte encore plus de cachet au site! Bonne continuation !

Chototoro
09 Novembre 2012
10:20

Avec ces couleurs bien plus contrastées, Kanpai est beaucoup plus clair et lisible, bravo ! :)

Samantha
09 Novembre 2012
10:23

Lisant cet article sur la version smartphone, je dois avouer qu'il y a déjà une sacré différence !
Félicitations à vous tous pour ce nouveau graphisme éblouissant et fonctionnel et surtout bonne continuation !
PS: j'ai hâte de voir la prochaine "surprise".

Guillaume Erard
09 Novembre 2012
15:26

Je viens de faire pareil pour mon site et je vois deja l'engagement des utilisateurs de mobile augmenter de 25 a 50%! Way to go :)

09 Novembre 2012
16:16

Je n'ai pas pour habitude de naviguer sur le site (me contentant de venir consulter le nouvel article du jour), mais j'ai pris une belle claque aujourd'hui !

J'aime beaucoup le nouvel aspect de Kanpai!
Surtout l'aspect un peu plus contrasté de couleurs avec ce gris moyen environnant.

Très content pour les galeries photos, enfin quelque chose qui me convient :)
Et super si le site est encore plus performant/réactif !

Merci à Orni évidemment de s'être encore tué à la tâche pour la bonne cause ;)

Paméla
09 Novembre 2012
17:38

Bonjour Gaël,

Je trouve la nouvelle présentation du site beaucoup plus claire, cela permet de naviguer plus facilement entre les rubriques qui nous intéressent.

Bravo à toutes les personnes qui travaillent sur le site Web et merci à tous les commentateurs qui apportent leurs conseils et leurs avis avec beaucoup de gentillesse.

tsukiyo
09 Novembre 2012
18:22

Super !

Je l'avais testé aujourd'hui sur iPhone et iPad et maintenant sur ordi. Bilan impeccable. Effectivement cela fait très pro. et dans l'air du temps.

Le site répond immédiatement quand on change la taille de la fenêtre de son navigateur en faisant basculer l'affichage.

Par contre je ne sais pas si c'est seulement chez moi, mais le menu de Kotaete est sur 2 lignes pour "trouver son compagnon de voyage", du coup cela se chevauche.

En tout cas bon boulot je me rends bien compte de ce que cela représente, j'attends la suite avec impatiente ^_^

Arnaud
09 Novembre 2012
21:29

Classe ! Effectivement, le Responsive Design ça claque.
Le blogging continue de se professionaliser. Et l'appli pour smartphone alors ?!

10 Novembre 2012
09:57

Merci pour vos retours très positifs !

Le format responsive permet justement de s'affranchir encore plus de l'appli smartphone / tablette. À plus forte raison, sur un site éditorial, elle a peu de sens à mon avis.

Arnaud
10 Novembre 2012
15:39

C'est vrai, mais je pensais plutôt à une appli sur ta thématique, en complément des articles de ton blog. Comme par exemple une application pour préparer les JLPT, ou une autre avec des photos insolite et méconnues géolocalisées à Tokyo...

11 Novembre 2012
10:12

Ça, c'est autre chose, mais effectivement c'est une idée.
A l'occasion, il faudrait que je mette en place une sorte de boîte à idées du genre !

Lark
11 Novembre 2012
19:00

Je pense aussi que l'appli smartphone pour consulter un blog est un peu hors de propos. On a déjà des tonnes d'applications, on va pas en rajouter une pour chaque blog suivi.
Un bon site web optimisé pour smartphone est parfait !

Très bien et très agréable sur mobile !

REYTAN
12 Novembre 2012
15:44

Bravo Gaël
J'aime beaucoup

winchester
12 Novembre 2012
19:47

Magnifique design

lorie
23 Novembre 2012
12:44

felicitation gael ton article m'intesse beaucoup

Ajouter un commentaire