Website Nanni Energy solutions de propulsion marine

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.

On y retrouve l’intégralité des produits et leurs points de vente !

Un beau projet que l'on vous invite à découvrir




🚀 Projet mené par Innovantic en pilotage et design, Offensive Studio en développement web
Website Nanni Energy solutions de propulsion marine
Published:

Project Made For

Website Nanni Energy solutions de propulsion marine

Nanni, la référence mondiale de l’industrie marine. Nous les accompagnons dans la refonte de leur site web pour répondre aux besoins de leurs cli Read More

Published: