Amarree

Des contenus techniques et un design moderne

L’un des points importants du brief créatif du client était de donner une image moderne et innovant du programme Amarrée. Nos créatifs ont créé une identité graphique avec un logo à la fois cohérent pour les usagers principaux du site (les marins-pêcheurs) et attractif pour le grand public. Puis ils ont déroulé un univers inspiré de la signalétique maritime. La Coopérative Maritime souhaitait également que chaque page du site soit conçue telle une diapositive de présentation pédagogique ce qui fortement orienté le travail de webdesign.

On a pu créer un site assez design pour un sujet qui ne s’y prête pas au premier abord.
Gaétan, Directeur artistique à l’agence 148

Une des particularités du site est l’espace adhérent. Comprenant beaucoup de données, l’interface utilisateur (UI) de cet espace a été conçue de façon à être la plus pratique et lisible possible. Le reste du site ayant quant à lui davantage vocation à être séduisant pour le grand public.
Nous avons donc recherché des bibliothèques JavaScript nous permettant de faire la visualisation de données de manière agréable afin de rendre quasi sexy les statistiques !

La problématique de la gestion de données

Le projet Amarrée génère une importante problématique de gestion de données techniques pour lequel la Coopérative maritime a besoin de conseil dans leur structuration.
Afin de connaître sa consommation de carburant, chaque navire est équipé d’un capteur qui collecte un ensemble de datas. Nous avons dû mettre en place un processus nous permettant de récupérer les informations de chaque capteur, puis organiser tous ces éléments visuellement dans l’espace adhérent.

Nous avons entièrement fait confiance aux équipes de 148 autant au niveau design que technique, et nous n’avons pas été déçus.
Maryam Barjon, chargée de communication de Amarrée

Nous avons mis en place un processus où la Coopérative maritime est autonome dans la mise à jour des sources, ce qui est essentiel pour la pérennité du site. Il lui suffit d’uploader un fichier .csb au sein du back office pour que les courbes de données de chaque navire soient intégrées au site. Nous avons également mis en place une API (interface de programmation) qui diffuse en direct le cours du baril de pétrole, utile pour que chaque marin puisse gérer au mieux les coûts liés à sa consommation de carburant. Tous ces éléments de visualisations de données et d’information ont été déterminés lors de réunions préalables avec la Coopérative maritime. Cette dimension conseil a été fondamentale pour le bon déroulement du projet.

Souplesse, réactivité et créativité, les clés de la réussite

La relation client-agence du projet Amarrée a été particulièrement remarquable car chacune des parties a su écouter l’autre. En effet, nos équipes ont dû comprendre les problématiques des marins-pêcheurs pour proposer des solutions adaptées. De l’autre côté, l’équipe d’Amarrée a pu découvrir et apprendre du savoir-faire d’un développement web technique !

Grâce à ce projet, nous avons tous pu découvrir l’univers particulièrement riche et complexe des marins-pêcheurs.
Pauline, chef de projet à l’agence 148

La partie la plus délicate du projet a été de rendre ce site utile aux marins-pêcheurs afin que ceux-ci puissent mettre en place de réelles réductions d’énergie. Toujours en mobilité, peu spécialiste de l’outil web il a fallu séduire et être pertinent. Au-delà de permettre de connaître précisément la consommation de carburant, le programme propose aux marins, grâce à la partie catalogue du site, des conseils de remplacement et d’évolution de matériel.

Avec l’ensemble de ces données et conseils, nous pouvons affirmer que le site Amarrée aide les marins-pêcheurs à réduire leur impact sur l’environnement. C’est en ce sens pour nous un projet en accord avec nos valeurs !