Numigi: Refonte d'identité visuelle et du site web

Numigi est une entreprise qui propose des solutions de gestion pour les entreprises au Québec. Ils aident à intégrer et déployer des applications de gestion en utilisant les technologies Open Source Konvergo et Odoo. Ils offrent des services pour les secteurs des services, de la distribution, de la construction et de l’industrie manufacturière. Des forfaits clé-en-main et sur mesure sont disponibles ainsi qu’un catalogue de formation et des ateliers personnalisés.

À la veille des 5 ans de Numigi, nous retravaillé l’identité visuelle et le site web de la marque. Des réseaux sociaux aux produits dérivés, en passant par le nouveau site web, nous avons développé un système de design riche et souple, encapsulant à la fois les notions de rigueur et d’empathie, et posant un style marqué dans le monde du numérique.

Typographie moderne pour une nouvelle identité

Notre travail de design s’est articulé autour de cette idée : rafraîchir l’environnement graphique de Numigi. Nous avons choisi une police sans-serif moderne et lisible pensée pour une utilisation numérique, qui s’agence très bien avec le reste de l’identité visuelle.

Pourquoi cette police?

Pour ce projet, il était primordial de sélectionner une famille de police libre de droits et disponible sur Google Fonts. La police Manrope est construite avec des formes simples et des lignes nettes pour une lisibilité optimale à différentes tailles d’affichage. La police Manrope est très versatile. Elle inclut des styles de gras, italique et gras-italique pour une utilisation dans divers contextes de conception graphique.

Gabarits modulables pour les réseaux sociaux de Numigi

Leur nouvelle signature se déploie aussi sur les réseaux sociaux. Pour éviter le travail répétitif, nous avons créé tout un système de design (de l’anglais — design system) pour la création de posts sur les réseaux sociaux de Numigi. Ce système automatisé permet de gagner du temps et de faciliter le processus créatif.

Comment nous avons fait?

Nous avons utilisé Figma et ses diverses extensions pour créer ce système de design automatisé. L’utilisation de Figma permet au client d’accéder à ses gabarits depuis n’importe quel appareil ayant un accès à internet, en plus de faciliter la collaboration entre les différents membres de l’équipe.

Pousser l’évolution de Numigi au-delà du numérique

Nous avons contribué à la création de marchandises et de produits dérivés pour Numigi. Cela comprend des vêtements, ainsi que divers autocollants.

Pour les vêtements, nous avons été responsables de numériser le logo de Numigi pour le rendre compatible avec les machines de broderies et nous devions assurer différents standards de qualité tout au long du processus de broderie.

Capturer l’essentiel pour transmettre un message

Nous sommes fiers d’avoir été responsable de plusieurs séances photos pour Numigi, qui ont notamment eu lieu au Digifab, une initiative propulsé par le DEL (Développement Économique de l’agglomération de Longueuil) et à Hedhofis.

Cela implique de comprendre les objectifs et les besoins du client, et de capturer des instants précis pour transmettre un message à travers la photo.

Quentin Lavallée-Bourdeau sur un ordinateur au DigifabQG

Henri Tamouya en discussion avec Julien Jézéquel-Breard pour Numigi

Quentin Lavallée-Bourdeau et Bruno Joliveau au DigifabQG pour Numigi

Quentin Lavallée-Bourdeau sur son ordinateur pour Numigi chez Hedhofis

Henri Tamouya sur son ordinateur chez Hedhofis pour Numigi

Wireframes de la refonte du site web de Numigi

L’expérience utilisateur au coeur du site web de Numigi

L’ergonomie et l’expérience utilisateur du site web de Numigi faisaient partie des points d’amélioration les plus importants pour la refonte. Avant notre travail, nous avons identifié les points d’amélioration les plus importants :

Navigation complexe et porteuse à confusion
Manque d’explication sur la présentation de l’entreprise
Site web non adaptatif aux différents formats numériques

Construction de l'arborescence

L’agence à construit une arborescence, c’est un plan hiérarchique qui définit la structure des pages et des sections du site web. Cela nous permet de :

Améliorer la navigation
Faciliter la planification et la structure du site web
Favoriser la scalabilité : il sera plus facile d’ajouter ou de modifier le contenu à mesure que le site évolue
Améliorer le référencement naturel
Favoriser la clarté : les informations seront mieux organisées et plus faciles à trouver

Prototypage

La construction de wireframes et l’étape du prototypage sont des étapes importantes dans le processus de conception du site web de Numigi. Ils nous ont permis d’établir la structure globale et d’économiser du temps et de l’argent en évitant les multiples révisions tout en favorisant la collaboration avec le client.