Design web

Airex

La refonte d’un site web pour une entreprise canadienne d’énergie verte, mettant en valeur ses nouvelles installations.

Client
Airex Energy
Rôle
Designer web
Studio
Orfé Branding Studio
Année
2021
Outils
Adobe XD
After Effects
Page d’accueil d’Airex sur un ordinateur portable, montrant l’intérieur de l’usine

Le défi

Airex Énergie produit du biocharbon et d’autres produits issus de la biomasse. Son ancien site misait sur des aplats verts et des images de pousses, ce qui paraissait daté et éloigné du produit lui-même. L’objectif : moderniser le site, mettre en valeur les nouvelles installations et rendre le procédé de biocarbonisation plus facile à comprendre.

La démarche

  1. Recherche et maquettes filaires

    La majorité du contenu existait déjà; le travail portait donc sur la refonte visuelle. J’ai relevé ce qui fonctionnait sur le site existant et ce qui devait être amélioré, trouvé des façons plus claires de présenter l’information, puis réalisé les maquettes filaires et le prototype de chaque page, ajustés selon les commentaires du client et de l’équipe.

  2. Couleurs et typographie

    Le charbon et le blanc sont devenus les couleurs dominantes, plus professionnelles et plus proches du produit, le vert du logo étant réservé aux appels à l’action. Barlow, une police sans empattements légèrement arrondie, évoque le côté plus doux et organique de l’énergie verte.

  3. Design

    Des boutons arrondis, une palette minimale et un jeu d’icônes abstraites sur mesure pour les différents produits et procédés. J’ai simplifié les illustrations et les graphiques, et retouché les photos du client pour les utiliser en arrière-plan.

  4. Vidéo

    Pour l’en-tête de la page d’accueil, j’ai monté une vidéo d’arrière-plan dans After Effects à partir des images du client, en corrigeant la couleur des plans pour des transitions fluides. Lorsque le client a ensuite demandé de rendre les produits de ses propres clients moins reconnaissables, j’ai ajouté des masques animés pour les flouter.

Le résultat

Après un cycle d’assurance qualité sur différents navigateurs et téléphones, le site remanié a été mis en ligne, avec une allure plus épurée et une explication plus claire de la fabrication du biocharbon.

Vous avez un projet en tête?

Travaillons ensemble