Le défi de fusionner le site MACSF.fr (très dense) avec les caractéristiques d’ergonomie et de performance liées aux terminaux mobiles se devait de considérer les besoins fonctionnels et techniques d’une seule voix. C’est pourquoi MACSF a de nouveau fait appel à la formule Clever Garden + Clever Age + Clever Presence.

Le défi était d’ailleurs d’autant plus de taille, que le site avait pour contrainte d’être un reflet « adapté » des contributions du site non-mobile. Notamment, les fiches produits (très denses) et certains articles, ont nécessité un travail d’ergonomie particulièrement fin pour conserver tout le contenu du site, sans violer les contraintes liées à la mobilité.
Le résultat est une telle réussite, que certaines idées développées lors du projet ont été le moteur de la refonte du site non-mobile, un an plus tard !

Le projet a été réalisé en parallèle avec l’application native pour iPhone, dans le but de faire des deux produits des outils complémentaires, chacun profitant du meilleur de son medium ; chacune des applications possède son identité graphique, la rapprochant de son objectif fonctionnel, mais chacune s’appuie sur l’autre pour fournir les fonctionnalités pertinentes.

Le résultat est un habile mélange de minimalisme et de convivialité, toujours centré sur l’expérience utilisateur si essentielle sur mobile.

Technologies utilisées

Il ne s’agit pas ici d’application native, mais d’application Web, aussi une intégration très orientée sur la performance, et sur la dégradation élégante a été réalisée par Clever Garden. Objectif : une ergonomie poussée sur les terminaux récents, mais une application qui reste parfaitement accessible même sur les terminaux les plus anciens.
Au niveau back-end, l’application est poussée par le CMS Noheto en back-office, et un front maison en Java/JEE s’appuyant sur les APIs Noheto pour le front-office.

Liens / captures

Le site mobile MACSF