Project overview

Supratec Group.

Un site de marque pour un leader du marché industriel.

Objectif.

Nous accompagnons le groupe Supratec depuis plusieurs années dans la réalisation des différents dispositifs digitaux de leurs marques. Pour celui-ci, l’enjeu était de présenter les métiers de ce géant du monde industriel.

Réponse.

Nous avons essayé de donner une identité forte à un domaine qui n’est pas toujours mis en valeur. L’idée était de retranscrire l’excellence de Supratec dans le monde de l’industrie.

Interventions.

Conseil
Direction artistique
UI Design
UX Design
Intégration
Développement

Frais et interactif

Un univers très technique ne doit pas nous empêcher de pousser l’utilisateur à la découverte. Nous avons retravaillé la charte graphique épurée de Supratec pour l’appliquer au web et nous l’avons accompagnée d’animations léchées pour rehausser le tout.

Une navigation interactive et animée

L’expérience se poursuit dans la navigation avec un menu interactif. En plus de lister les différentes parties du site, cela nous permet de leur apporter un aperçu visuel.

Mises en page variables

La complexité est d’allier l’innovation au design web, sans pour autant proposer une ergonomie complexe. Ainsi, aménager les pages de manière à ce qu’elles aient toutes une structure légèrement différente permet de créer ce dynamisme.

Plusieurs niveaux de navigations

Le site est extrêmement riche en contenu qu’il a fallu organiser. Nous avons imaginé les différents niveaux de navigation pour que l’information soit facilement accessible, et sans que l’utilisateur s’y perde.

La répartition du contenu passe aussi par des codes couleurs selon les sections pour une meilleur compréhension du contexte.

Du dynamisme dans les animations

Nous avons travaillé les animations pour rendre le site vivant et dynamique. Une manière d’accrocher l’attention de l’utilisateur et de la pousser à découvrir le contenu.

Souci du détail, jusque dans l’animation des boutons, avec plusieurs couches de couleurs

Les pépites

Supratec avait besoin de mettre en avant ses innovations les plus remarquables. Avec l’aide des rendus 3D réalisés par l’agence parisienne Dessine-Nous nous avons créé des pages spéciales pour présenter aussi bien l’histoire que les détails techniques de ces « pépites ».

Responsive

Pour les versions mobile et tablette, nous avons tenu à conserver les aspects interactifs tout en proposant l’expérience la plus fluide et agréable possible.