MacWay Lab : la refonte des services en magasin MacWay

En 2021, MacWay a souhaité créer une marque à part entière afin de promouvoir ses services en hardware informatique, des services principalement destinés aux environnements et machines Apple : MacWay Lab.
Logotype retenu des services MacWay Lab, avec déclinaison sans baseline.
► Logotype retenu des services MacWay Lab, avec déclinaison sans baseline.

Direction artistique

J’ai été chargé de la direction artistique du projet. Le logotype MacWay Lab retenu est une altération du logotype officiel de la société MacWay. Il est incorporé dans un carré interrompu par la marque Lab, dont l’initiale est intégré au contour. Ce contour aux formes anguleuses et solides symbolise un ensemble de prestations techniques rigoureuses et contrôlées. La couleur bleue choisie et utilisée, #1172b3 C : 86 M : 48 J : 5, exprime expertise et professionnalisme.

La police retenue pour le logotype est la police D-Din, sélectionnée pour son caractère technique raffiné (Din, sous son nom initial Din 1451, fut originellement conçue pour être utilisée pour des signalétiques ferroviaires et routières à la lisibilité optimale en Allemagne).

Orientations esthétiques pour le logotype MacWay Lab : fonte et couleurs.
► Orientations esthétiques pour le logotype MacWay Lab : fonte et couleurs.

Implémentation technique

Cela s’est accompagné de la création d’une maquette sous Figma définissant l’apparence de la page de présentation des services MacWay Lab. L’objectif de cette maquette était d’envisager la direction en UI à donner à la première étape du parcours utilisateur, et d’imaginer le rendu de la transposition de l’identité de la marque MacWay Lab sur une page Web.

L’ancienne page n’avait qu’une vocation informationnelle. Suite à la refonte MacWay Lab, le processus de communication, de devisation et de commande devait être transposé sur le site même, permettant à l’utilisateur d’accéder aux services en ligne.

Des extraits de la maquette au format mobile vertical sont visibles ci-dessous :

En-tête format bureau de la landing page des services MacWay Lab.
► En-tête format bureau de la landing page des services MacWay Lab.
Première moitié de la landing page des services MacWay Lab.
► Première moitié de la landing page des services MacWay Lab.
Seconde moitié de la landing page des services MacWay Lab.
► Seconde moitié de la landing page des services MacWay Lab.