Petite critique de site : Tilolo.fr

Cette semaine, nous allons faire un tour du côté des Antilles, ces petites îles mirifiques où se cachent des trésors de gastronomie. Pour la première fois, sous ma plume « assassine », nous retrouvons donc un site de produits alimentaires : tilolo.fr. Attention, c’est parti !

(Pour rappel, cette rubrique ne s’intéresse qu’à la page d’accueil des sites ecommerce et Capitaine-Commerce ne saurait être tenu responsable des problèmes qui seraient due à ses recommandations)

Une page d'accueil claire, bien organisée, jouant un peu sur les codes de la grande distribution.

Première impression

J’avoue n’avoir jamais été un grand fan de folklore créole, mais peu importe, tilolo.fr fait tout de suite bonne impression avec un look coloré et sympathique et une page qui donne immédiatement le ton du sujet. Le design est pro et bien travaillé. La mise en avant de quelques produits donne tout de suite envie d’en savoir plus. L’offre semble large et alléchante. Il n’y a pas moyen de se tromper sur la fonction du site. Tilolo.fr est un site qui donne envie d’ouvrir son porte-monnaie ou de faire cramer sa CB dans une frénésie vaudou d’achats.

Note : 8/10

Organisation de la page

Pour rappel, quelques règles d’organisation de la page :

  • Placer en haut de page les éléments les plus importants pour vos internautes
  • Etre clair et lisible : espacer les blogs d’information, regrouper ensemble les bonnes infos
  • Guider facilement l’internaute dans son regard, lui permettre de trouver rapidement et facilement l’information

Ce qui me plait

  • La page est bien « rangée ». Chaque bloc d’information est clairement identifiable, ce qui permet à l’internaute de facilement se repérer et de naviguer visuellement entre les différents éléments de page.
  • Les graphismes sont légers et il n’y a pas de surcharge d’informations. Pas de textes inutiles qui viennent brouiller la lecture de la page.
  • Les éléments de rassurance sont clairement visibles et affichés simplement.
  • Les contenus éditoriaux sont rangés en fin de page.
  • Bon usage des icônes : elles sont simples, facilement compréhensibles et facilement mémorisables. Elles permettront d’accélérer la lecture de l’information dans la suite du site.

Ce qui me gêne

  • En revanche, il y a peut-être un emploi abusif des couleurs qui empêchent de se servir de se paramètre pour diriger le regard. Le vert, le orange et le brun sont omniprésents et éparpillés un peu partout sur la page. Je pense qu’en les utilisants plus parcimonieusement, on arriverait mieux à percevoir l’organisation de la page.
  • Usage des typos et de leurs différentes variables à améliorer : forme, couleur, taille, grasse, style. Très peu de titres en capitales, ce qui est dommage, par exemple, pour le menu principal, car cela permettrait de mettre plus en avant les rayons. Attention aux contrastes des couleurs de titre : ils ne sont pas excellents (orange/orange clair ou vert/brun) même s’ils respectent la charte.
  • Se méfier également des italiques. Elle peuvent apparaîtrent jolies, mais sont difficiles à lire. Attention à ne pas en abuser comme dans le menu de droite.
  • La phrase « Produits antillais et tropicaux… » occupe beaucoup d’espace pour pas grand chose, car c’est une information que l’on connaît déjà.

Note : 8/10

Rassurance

Un bloc de rassurance parfaitement visible. Qui plus est, humoristique !

Beaucoup de rassurance. Elle est mise en avant dans toute la colonne de droite et apporte de l’information très concrète sur les modes de paiement, les frais de livraison et même des informations spécifiques (comme la date de livraison spécifique des produits). La lisibilité aurait pu en être amélioré en utilisant des logos (pour le paiement) plutôt que des textes en italique. C’est moins joli, mais plus efficace.

Un numéro de téléphone très visible, qu’on ne peut pas rater vu son positionnement et sa taille. Les frais de communication sont annoncés. Ne manquent que les horaires d’ouverture.

Il ne manque qu’un Qui sommes-nous ? qu’on retrouve pourtant en bas de page et qui aurait sûrement mérité un emplacement plus visible.

Note : 8/10

Merchandising

Les rayons sont rangés en type de produit. Peut-être qu’une autre clé aurait été intéressante. Par exemple, une clé d’entrée par moment du repas (dessert, entrées, etc.) ou bien par recette.

On retrouve un classique carrousel d’opérations commerciales simple et parlant grâce à un graphisme sobre et un des call-to-action visibles (de simples liens, mais qui sont amplement suffisants / d’un point de vue ergonomique, l’action pourrait être encore améliorée en rendant cliquable toute la zone du carrousel. Rappelez-vous qu’agrandir votre zone de cliquage facilite l’interaction).

La présentation des produits est simple et soignée
La présentation des produits, bien que sous la ligne de flottaison ou presque, est lisible est soignée. Notez les éléments qui y concordent :
  • Grand espacement entre les éléments
  • Textes courts et simples
  • Visuels homogènes et de qualité
  • Call-to-actions visibles et incitatifs
  • Prix affichés en grand

J’aime bien aussi l’utilisation des entrées par onglet qui permettent de gagner de la place sur la page d’accueil tout en gagnant beaucoup d’espaces.

Pour les connaisseurs, sans doute, une entrée par marque se trouve dans le bas de la page. Pourquoi ne pas l’avoir mise en haut ?

La clé d'entrée par marques

Note : 7/10

Ergonomie/Accessibilité

Je n’ai pas noté de défaut d’ergonomie majeur, même si en chipotant on pourrait en détecter quelques uns.

J’ai déjà cité les problèmes de couleurs et de contraste qui pourraient affecter les moins bien voyants d’entre nous.

Note : 9/10

Recommandations et conclusion

La simplicité de tilolo.fr me plaît. Cette page combine à la fois une bonne organisation avec un design sobre et sympathique et des incitateurs discrets, mais suffisamment forts pour entraîner l’internaute à l’intérieur des rayons. Je ne suis peut-être pas assez critique, mais j’aime beaucoup ce site qui devrait en inspirer beaucoup par sa simplicité.

Note finale :  8/10

12 commentaires

  1. Oh un site Rentashop ! Moi aussi, je l’aime bien celui là… bien aidés par un client (un fervent lecteur de ce blog) qui sait de quoi il parle, il faut le reconnaître.

    Pour éclairer ta lanterne : le choix de la typologie du menu est un choix lié au SEO, mais il est vrai qu’on aurait pu penser 2 entrées différenciée : typologie produit d’un côté, par moment du repas par repas de l’autre.

    Concernant le carrousel : on a 2 possibilités avec ce type de carrousel (je mets volontairement de côté la 3e option, le Flash, qui ne permet pas de jouer sur le SEO et qui engendre des coûts de production à chaque nouveau slide).
    Le carrousel « tout en image » aurait permis de placer un lien sur l’ensemble du bloc, ce choix de carrousel en html offre une souplesse incomparable puisqu’il permet à Sébastien de créer ses slides de carrousel en quelques secondes via un éditeur de texte html tout à fait standard.

  2. Je suis bien d’accord. Un site qui donne envie d’aller voir car la navigation est claire. Pour ma part, c’est l’empilement de « blocs » que je trouve un peu étouffant, notamment dans le header et c’est ce qui donne un aspect un peu chargé alors que pourtant il n’y a que l’essentiel. Et j’aime aussi beaucoup les fiches produits, très simples!

  3. Waou ! Le capitaine avait-t-il déjà donné une telle note ?
    De mon côté je trouve la home un peu chargée. J’ai un tout petit cerveau et là je ne sais plus où donner de la tête. ^^
    Sinon, très clean, très rassurant, bravo.

  4. Je rejoins un peu tout le monde, je le trouve trop surchargé.
    Après je trouve que le carrousel répète est un peu trop le bloc du bas de présentation.
    Mais je n’aime pas trop mettre des blocs de présentation sur un site, pour moi ça doit être clair, sans besoin de rajouter du blabla marketing.

  5. Je le trouve simple et agréable à découvrir, ça donne envie d’en « cliquer » plus ! C’est vrai que ma lecture a été gênée par les blocs orangés qui attirent trop l’œil à plusieurs endroits, les italiques et le gros titres « produits antillais ». En dehors de ça, je me sens rassurée et informée au premier coup d’œil. Joli site.

Répondre à Sebastien de Kyototradition Annuler la réponse.

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Merci de taper les caractères de l'image Captcha dans le champ

Merci de saisir ces caractères dans le champ
ci-dessous afin de valider votre commentaire.

Capitaine

Article de : Capitaine

Olivier Sauvage est le fondateur de Capitaine-commerce.com et de Wexperience, agence spécialisée en expérience utilisateur digitale.