Nanni, la référence mondiale de l’industrie marine
Son savoir-faire consiste à concevoir et à développer des solutions marines : moteurs, générateurs marins, tableaux de bord et systèmes de manœuvre. Pour que chacune des excursions en mer soit un plaisir, Nanni accompagne les plaisanciers et professionnels en leur proposant une gamme de produits marins fiables.
Nous les accompagnons dans la refonte de leur site web pour répondre aux besoins de leurs clients tout en inscrivant leur image de marque sur le long terme.
Comprendre l’existant, établir une hiérarchie et organiser le contenu
Nous commençons notre analyse par comprendre le métier et les utilisateurs finaux :
Définir les cibles, enjeux, points bloquants ; Valider les fonctionnalités et l'arborescence du site ; Définir les technologies adaptées à la faisabilité du projet. Confronter l’arborescence aux réalités de la navigation et du SEO.
En même temps, nous réalisons un benchmark afin de proposer une identité visuelle en adéquation. Ces phases sont essentielles en amont du design.
Visualiser l’architecture de l’information
Puis au cours des ateliers de co-conception avec l'équipe Nanni, nous concevons les wireframes de chaque interface proposant un parcours clair. Ces maquettes sont un schéma de la structure et des fonctionnalités. Elles permettent de se projeter dans le produit via un prototype et de valider les fonctionnalités.
Le design system Nanni
Un design system c’est une bibliothèque. Il permet de garder une cohérence graphique et une meilleure expérience à travers l’ensemble des supports digitaux Nanni. Il regroupe un ensemble de composants réutilisables répondant aux standards en adéquation avec l’identité visuelle de la marque.
Pourquoi concevoir ce design system ?
Pour rassembler un ensemble de règles ergonomiques et accessibles, centraliser les informations, documenter les états. C’est le fondement d’un travail collaboratif de qualité. Le design system reste disponible pour tous les acteurs du projet via un lien Figma.
Designer un site accessible et ergonomique
Le style épuré, avec peu de contraste, associe l’expertise et l’élégance. Nous avons opté pour un mode clair pour une parfaite lisibilité des spécificités techniques des produits.
Un site web évolutif et administrable Wordpress sur mesure développé par le studio Offensive
Pour la réalisation technique du site web, nous avons été accompagné du studio Offensive. L’agence digitale s’est occupée du développement sur mesure sous le CMS Wordpress. Ainsi Nanni peut mettre à jour tout le contenu de son site web.
Pour la réalisation technique du site web, nous avons été accompagné du studio Offensive. L’agence digitale s’est occupée du développement sur mesure sous le CMS Wordpress. Ainsi Nanni peut mettre à jour tout le contenu de son site web.
On y retrouve l’intégralité des produits et leurs points de vente !