Kelvin Emtech
Firme canadienne de génie-conseil
Établi depuis 2005, Kelvin Emtech souhaitait rajeunir son image en rendant son domaine d’expertise plus attrayant.
Sous la direction d’Annie My-Lan Tu, mon rôle a consisté en la réalisation de maquettes statiques. J’ai également contribué à la structuration du contenu du site.
Année
2024-2025
Services
Web design
Branding
Direction artistique
Annie My-Lan Tu
Outils
Adobe XD
Adobe Illustrator
Le problème
L’esthétique désuète du site et le manque de structure du contenu nuisaient à la crédibilité numérique de l’entreprise.
L'objectif
Remettre au goût du jour l’UI du site et établir une hiérarchie informationnelle claire.
Refonte du site web
Structure informationnelle
À la demande du client, le contenu du site a été recueilli dans l’une de leurs brochures. C’est en se basant sur ce document que les pages et la plupart des sections ont été définies.
L’ajout de deux pages est à souligner:
- Services, qui permet de clarifier l’expertise complexe de Kelvin Emtech,
- Carrières, car la direction souhaite encourager des professionnels à rejoindre leurs équipes.
Les maquettes
Une fois le squelette du site établi, la structure interne des pages a été retravaillée.
L’organisation des contenus s’est avérée être un véritable défi, puisque le nouveau site devait accueillir une quantité d’informations bien plus grande.
La barre de navigation
C’est l’élément dont la restructuration était la plus importante.
L’ancienne barre occupait trop de place comparé aux éléments qu’elle tentait de mettre en valeur. La structure des pages manquait de cohérence et il y avait des dissonances linguistiques (mélange d’anglais et de français et une faute d’orthographe.)
Les maquettes présentent une navigation organisée sur deux niveaux :
- Le premier fait office de point de contact,
- Le second présente harmonieusement la taxonomie des contenus du site et incite à prendre contact grâce à un call-to-action bien visible.
Évolution des maquettes
- Accueil
- À propos
- Services
- Projets
- Carrières
- Contact
Évolution de la charte graphique
La gamme de couleurs a été repensée pour apporter une touche chatoyante à l’image de Kelvin Emtech.
Une palette vive
Une police géométrique et moderne
Pour ce projet, j’ai opté pour la police web Proxima Nova.
L’aspect géométrique des caractères sans-serif fait écho à l’expertise en ingénierie de Kelvin Emtech. Il rappelle la minutie et la rigueur qui guident chaque projet.
Proxima Nova