Overview

Parce qu’il est de plus en plus difficile d’exploiter la production d’énergies renouvelables sur les réseaux électriques uniquement, McPhy fabrique des équipements valorisant l’électricité en s’appuyant sur une technologie unique de stockage d’hydrogène sous forme solide, associée à une technologie de production d’hydrogène par électrolyse de l’eau réinventée et parfaitement ajustée aux besoins des EnR.

VOIR LE SITE
Projet

Refonte du site institutionnel de McPhy

Client

McPhy

Notre rôle

UX Design, UI Design, Développement web

Brief

Problème

Suite au fort développement de l’entreprise, l’image et le site Internet ne reflètent plus l’activité de McPhy. Avec un fort développement, notamment à l’international, l’entreprise souhaite dégager une image de robustesse et de modernité.

Challenge

Moderniser le site Internet pour générer des opportunités de business qualifiées et enrichir le territoire de communication de la marque, sur tous les écrans.

Exploration

Recherche utilisateur

McPhy s’adresse à plusieurs cibles différentes dont les objectifs diffèrent sur le site. Pour connaître au mieux les futurs utilisateurs, des focus group et des interviews ont été organisés en amont du projet. L’attention était portée sur leurs besoins mais aussi dans quel contexte professionnel intervenait l’utilisation du site.

Personas

À la suite des ateliers concentrés sur les utilisateurs, plusieurs personas ont pu être dressés.

Architecture

Arborescence

Conception

Wireframes

En partant de la structure mise en place et des différents parcours de navigation, des pages types sont imaginées.
Lors de la phase wireframing, tous les blocs et les différentes interactions de chaque page sont établies.

UI design

À partir de la charte graphique établie, les éléments UI sont créés et insérés dans le site.

Résultat

La page d’accueil présente un événement en full page que l’on peut passer au scroll. Elle propose ensuite des entrées par typologie d’utilisateurs pour répondre à leurs besoins spécifiques. Lors de la navigation, le menu reste fixé en haut de page.