Skip to content
Shalf edited this page Sep 14, 2012 · 2 revisions

BRIEF

Uchitomi, une épicerie japonaise spécialisée dans le sushi frais, avait besoin d'une solution web pour gérer ses réservations.

Particularité : les sushis sont à consommer sur place ou à emporter. Les contraintes étaient donc différentes de ce qu'on trouve habituellement dans ce genre de réalisation. Il fallait tenir compte des horaires de retrait, des rythmes en cuisine et des jours et horaires d'ouverture, sur deux sites différents à Lausanne et Genève.

SOLUTION

Un e-shop Magento fortement personnalisé utilisant les dernières technologies HTML5 et CSS3.

Un nouveau design ludique et original. Une gestion de projet au plus près des attentes du client.

__

Nous avons pu mobiliser toutes nos ressources : toute l'équipe, toutes nos compétences, pour faire de cette réalisation complète une réussite.

Un aperçu des techniques utilisées :

Magento : Plateforme e-commerce utilisée par les plus grandes marques (The Northface, Lindt, Zadig & Voltaire...) HTML5 / CSS3 : JavaScript Fallback Github : Versioning et suivi de projet Méthode agile de gestion de projet : Implication maximale du client et de l'équipe à toutes les étapes du projet. Rebranding Responsive Design Test utilisateurs (ergonomie) : l'aide précieuse de :ratio nous a permis de mieux explorer la notion de réservation, et d'améliorer la navigation en général.

__

Cette réalisation tient une place à part dans l’histoire de l’agence.

Le plaisir principal pour nous ? La grande part d'expérimentation et de raffinage de nos compétences nécessaires pour mener la mission à bien. Même si la course aux récompenses autres que la satisfaction des clients d'Antistatique n'est pas notre but, il est toujours agréable de voir son travail salué par ses pairs.

http://www.bestofswissweb.ch/fr/hall-of-fame/bestever/ 2012-Création-bronze + SCREEN ? http://www.meilleurduweb.ch/fr/blog/2011/11/29/meilleur-du-web11-award-categorie-design-egronomie/ http://www.awwwards.com/winners/antistatique Site of the Day, catégorie CSS

Principales difficultés techniques résolues :

  • Rassembler les plusieurs étapes d'une commande en ligne (pending, confirmée, payée, traitée, expédiée, livrée) en un seul bouton.
  • Dispatcher les commandes au bon site de production via un système d'e-mail.
  • Contraintes horaires sur la commande : horaires d'ouverture des magasins et des cuisines, horaires différents suivant les jours et les sites, vacances et jours fériés différents, délai minimal entre la commande et sa récupération.
  • Ajout de l'option "quantité" dans le listing d'affichage de Magento.

__

Le mandat comprenait également la mise en place d'une nouvelle identité visuelle.

L'occasion pour nous d'aborder un élément sur lequel les agences communiquent rarement : comment gère-t-on, au cours de la vie d'un projet, le moment où le client n'a pas du tout envie de nous suivre sur un point ? En l'occurrence, la première version du design. Dans ce cas précis, la remise en question a été rapide : modification de la répartition des responsabilités (redistribution du project management et de l'account management), pour améliorer l'écoute des attentes exactes du client sur ce point. La situation a ainsi été rapidement débloquée, et la seconde version du design acceptée.

Après une première variante beaucoup plus neutre, il fallait aller plus loin. Nous nous sommes inspirés du logo d'Uchitomi, ainsi que de packagings de nourriture japonaise présents dans l'épicerie, et nous y avons ajouté une pointe d'humour.

"Une famille de picto-personnages"

Cela nous a conduit à un univers graphique fort, tiré des mangas. Nous avons conçu toute une famille de picto-personnages spécifiques pour accompagner l'utilisateur final à chaque étape et rendre les actions possibles claires et ludiques. __

Nous nous sommes également occupé de réaliser et d'intégrer leur Newsletter.

Dit comme ça, on pourrait trouver la chose assez banale. Et pourtant. Passons en revue quelques éléments techniques. Par principe, nous sommes évidemment opposés à la newsletter sous forme d'image unique, notamment pour des raisons de passage des filtres anti-spam.

Du texte donc, illustré d'images, et de la mise en page soignée. Nous passons systématiquement par un système de mailing dédié (Campaign Monitor, dans ce cas précis).

On peut parler d'un véritable art dans la technique et le design : une Newsletter efficace doit être testée pour s'afficher correctement sur tous les navigateurs, tous les terminaux, tous les systèmes d'exploitation, tous les clients mail. Les contraintes sont donc plus élevées que pour un site web. La Newsletter d'Uchitomi est également responsive.

Lors du lancement de ce nouvel outil, nous avons tenus à envoyer un "numéro 0" préventif, précisant clairement aux lecteurs la fréquence à laquelle notre client comptait communiquer avec eux via ce canal, ainsi qu'une option de désinscription claire et facile.

L'idée était clairement de réactiver une communauté : la marque de notre client bénéficie d'un excellent bouche-à-oreilles à Lausanne et Genève, cet outil devait être le moins intrusif possible.

Le rythme d'envoi d'une newsletter par mois a été tenu par notre client depuis décembre dernier. Nous l'avons dans un premier temps accompagné pour la rédaction, puis lui avons fourni tous les outils pour publier lui-même. Une version intégralement traduite en japonais existe également.

TESTIMONIAL CLIENT Notre site internet devenant "démodé" et ne nous plaisant plus du tout, nous étions à la recherche d'une entreprise pouvant renouveler notre site à notre image et de manière originale. Antistatique a répondu à nos attentes et nous avons été ravis du résultat.

Par son désign et son originalité, le site a connu un grand succès auprès de notre clientèle, nous avons reçu beaucoup de compliments. La collaboration avec Antistatique s'est très bien déroulée et nous sommes donc satisfaits du résultat.

__

Et maintenant ? Nous aimerions particulièrement rendre la présence d'Uchitomi beaucoup plus sociale. Capitaliser sur leur excellente réputation pour par exemple tenir un blog spécialisé sur les produits japonais, et densifier fortement leur présence sur Facebook.

Clone this wiki locally