Étude de casIntégration de systèmes · Maurice

D’un site inachevé à une marque cohérente.

MeisterKraft conçoit et installe des systèmes audio, vidéo, réseau, sécurité et automatisation dans tout l’océan Indien. Nous lui avons donné une nouvelle identité, un site que nous améliorons en continu, un seul point d’ancrage pour son hébergement et son domaine, et un plan pour être trouvé sur les moteurs de recherche et par les assistants IA.

meisterkraft.io
La page d’accueil de MeisterKraft : son film d’ouverture sur le mot Unrivalled, projeté sur un bâtiment de nuit, avec les liens vers ses expertises et ses experts
Une page projet sur téléphone : A Sound Heritage, MeisterKraft at St Aubin, sur une photo aérienne du domaine
Une page projet sur téléphone : A Sound Heritage, MeisterKraft at St Aubin, sur une photo aérienne du domaine
Client
MeisterKraft, Master Systems Integrators. Unrivalled.
Marché
Maurice, l’océan Indien et l’Afrique
Services
Marque, site web, hébergement, SEO, recherche par IA, contenu
Depuis
2024
Statut
Partenariat continu
Sommaire
  1. Le point de départ
  2. La marque
  3. Le site web
  4. Pages d’expertise
  5. Sous un même toit
  6. Recherche et IA
  7. Contenu
  8. Ce que nous avons livré
01Le point de départ

De bons ingénieurs, une vitrine inachevée.

MeisterKraft avait derrière elle dix ans d’installations : aéroports, hôtels, bureaux, auditoriums et résidences privées. Ce qu’un nouveau client trouvait en ligne n’en montrait rien. Le site WordPress était resté à moitié construit et tombait régulièrement en panne, le logo et la plaquette imprimée parlaient une autre langue que le travail, et le domaine, l’hébergement et le site étaient chez des prestataires différents.

L’ancien logo
La couverture de l’ancienne plaquette de l’entreprise
L’ancienne plaquette de l’entreprise
Inachevé

un site WordPress resté à moitié construit, qui tombait en panne entre deux mises à jour

Dispersés

le domaine, l’hébergement et le site web, chacun géré ailleurs

Incohérente

aucune règle de marque : logo, couleurs et typographie changeaient d’un support à l’autre

02La marque

Un emblème lisible à la taille d’une icône d’application.

La nouvelle identité part du M de MeisterKraft, découpé en deux traits obliques lisibles à toutes les tailles : sur une carte de visite, une chemise de travail, une grille d’enceinte ou un favicon. Le logotype est composé en Inter Semi Bold avec des lettres retravaillées, et la signature dit ce que fait l’entreprise : Master Systems Integrators. Unrivalled.

AvantL’ancien logo MeisterKraft
AprèsLe nouveau logo MeisterKraft avec la signature Master Systems Integrators. Unrivalled.
Le nouveau logo MeisterKraft en réserve sur fond anthracite
L’emblème MeisterKraft en blanc sur rouge
01

L’emblème.

Une version principale, une verticale et une justifiée, une icône seule, une zone de protection définie par la hauteur du M, et une taille minimale pour l’écran et l’impression.

02

Couleurs et typographie.

Un rouge signal et un anthracite profond, avec le bleu marine et l’aqua en accents. Inter pour le logo et les titres, Roboto pour tout le reste.

03

Icônes.

Six icônes pour les principaux domaines d’expertise, dessinées avec le même trait et la même épaisseur, utilisées sur le site, dans les documents et comme icônes d’application.

Rouge#F72F51
Anthracite#3E4044
Bleu marine#000080
Aqua#00DACA
Audio
Réseaux
Diffusion
Vidéo, éclairage et automatisation
Sécurité
Distribution TV

Une charte que chacun peut suivre.

Tout est consigné dans une charte graphique de 13 pages : chaque version du logo, les couleurs avec leurs valeurs pour l’impression et l’écran, les polices et une page sur ce qu’il ne faut pas faire. Imprimeur, enseigniste ou nouvelle recrue, chacun fait juste du premier coup.

La couverture de la charte graphique MeisterKraft : une enceinte portant le nouveau logo
Charte graphique, 2025
Charte graphique : les versions principale, verticale, justifiée et icône du logo
Versions du logo
Charte graphique : le logo en couleur, en niveaux de gris, en noir et en une couleur, sur fond clair et sombre
Autres déclinaisons
Charte graphique : les couleurs principales, monochromes et d’accent, avec leurs valeurs pour l’impression et l’écran
Palette de couleurs
Charte graphique : Inter comme police de marque et Roboto comme police secondaire
Polices
Charte graphique : les six icônes d’expertise et leurs versions en icône d’application
Jeu d’icônes
Charte graphique : cartes de visite et casquette aux couleurs de la nouvelle identité
Cartes de visite et casquette
03Le site web

Un site qui ne cesse de s’améliorer.

La première version est sortie en 2025 avec la nouvelle marque : chaque domaine d’expertise, les projets et l’histoire de l’entreprise enfin réunis, et plus rien en construction. Nous l’avons améliorée depuis, et en 2026 nous avons lancé la deuxième version : les mêmes pages et les mêmes adresses, repensées autour du travail lui-même.

2025

Version 1.

Le site inachevé remplacé par un site complet aux couleurs de la nouvelle identité : 13 pages d’expertise, le portfolio de projets et l’histoire de l’entreprise.

En continu

Améliorations.

De nouveaux projets, des textes actualisés, des pages plus rapides et des corrections au fil de l’eau, sans attendre une refonte.

2026

Version 2.

Un design en cartes, anthracite et rouge, des animations qui suivent le défilement, un schéma pour chaque expertise et une carte de tous les projets.

meisterkraft.io
La page d’accueil de MeisterKraft de haut en bas : le film d’ouverture, le cadran des secteurs, les marques partenaires, les domaines d’expertise, Pourquoi MeisterKraft, la carte des projets et les réalisations récentes
La page d’accueil de la version 2 défile toute seule. Survolez-la pour la mettre en pause.

Chaque section a sa raison d’être.

Chaque domaine d’expertise a sa carte avec sa propre scène animée, les valeurs s’ouvrent une à une, et les projets figurent sur une carte en pointillés de Maurice et des Seychelles, à côté de la liste.

meisterkraft.io · Pourquoi MeisterKraft
Pourquoi MeisterKraft : dix ans d’innovation, 13 domaines d’expertise et 11 réalisations sur une frise animée, avec les valeurs en dessous1Des chiffres qui s’incrémentent à leur apparition2Une frise qui se dessine au défilement3Les valeurs, une à une
meisterkraft.io · Projets
La carte des projets : Maurice et les Seychelles sur une carte en pointillés, avec la liste des projets à côté1Les projets par pays2Une carte en pointillés, un repère par projet
Le film d’ouverture
Secteurs desservis
Secteurs desservis
Pourquoi MeisterKraft
Pourquoi MeisterKraft
Projets sur la carte
Projets sur la carte
04Pages d’expertise

Treize domaines d’expertise, une seule façon de les expliquer.

L’intégration de systèmes est difficile à se représenter. Chaque page d’expertise s’ouvre désormais sur une photo d’un vrai chantier, liste ce qui est inclus et dessine le système sous forme de schéma : ce qui est relié à quoi, et la place de MeisterKraft au centre.

meisterkraft.io · Audio commerciale et scénique
Un schéma sur la page Audio commerciale et scénique : un réseau audio Dante au centre, relié à la sonorisation, à la musique d’ambiance, à l’audio professionnel, aux haut-parleurs, aux microphones et à la régie centrale1Le système au centre2Chaque élément de l’installation3Des signaux qui circulent le long des lignes
Chacune des 13 pages d’expertise a son propre schéma animé.
meisterkraft.io · Audio commerciale et scénique
La page Audio commerciale et scénique de haut en bas : la photo d’ouverture, les services inclus, le schéma du système, les solutions audio en images et les autres domaines d’expertise
Une page d’expertise de haut en bas.
05Sous un même toit

Domaine, hébergement et site web : une seule équipe à appeler.

Avant, une petite modification pouvait impliquer trois prestataires et trois identifiants. Nous avons réuni le domaine, l’hébergement et le site, et nous les gérons comme un tout : MeisterKraft n’a qu’une équipe à appeler, et le site reste en ligne pendant que ses ingénieurs sont sur le terrain.

Domaine

Le domaine et ses enregistrements gérés au même endroit, renouvelés à temps, sans rien laisser expirer par mégarde.

Hébergement

Un hébergement que nous gérons et surveillons nous-mêmes, avec des sauvegardes et un site qui ne casse plus entre deux mises à jour.

Maintenance

Mises à jour, corrections et vérifications faites en routine, pas une fois le problème survenu.

Améliorations

De nouveaux projets, de nouvelles pages et des améliorations au fil de la croissance de l’entreprise, par l’équipe qui l’a construit.

07Contenu

Un plan de contenu validé par le client, pièce par pièce.

La recherche récompense les sites qui répondent à de vraies questions. Nous avons construit les 60 premiers jours autour d’elles : articles, récits de projets, pages sectorielles, publications sur les réseaux sociaux et newsletters, chacun lié aux recherches qu’il doit remporter.

85

contenus planifiés pour les 60 premiers jours

10

articles de fond sur les questions que posent les clients

4

pages d’atterrissage, une par secteur clé

3

réseaux sociaux avec un rythme hebdomadaire

Un seul espace, de l’idée à la publication.

Nous avons créé un espace de contenu où chaque pièce suit les mêmes étapes, en tableau, en kanban ou en calendrier. MeisterKraft relit, commente et valide avant toute publication, et chaque modification est tracée.

IdéeBrouillonEn attente de validationValidéProgramméPublié
08Ce que nous avons livré

Un seul partenaire pour la marque, le site et la recherche.

Identité de marqueSystème de logo et déclinaisonsCharte graphiqueJeu d’icônes des expertisesCartes de visite et tenues de travailSite web v1Site web v213 pages d’expertise avec schémasCarte des projets et portfolioGestion du domaineHébergement et sauvegardesMaintenance continueAudit et corrections SEOPréparation à la recherche par IAPlan de contenu sur 60 joursEspace de validation des contenus

Votre site est-il à la hauteur de votre travail ?

Dites-nous où en sont aujourd’hui votre marque, votre site et votre hébergement. Nous les réunirons et continuerons à les améliorer.

Vous cherchez quelque chose de précis ?

Nos services :Tous les services Logiciels sur mesure E-commerce Sites web et image de marque Systèmes d’entreprise Applications mobiles IA et automatisation Conseil technologique Meta Field Manifest Réalisations

Meta Mind Lab est un studio logiciel et digital implanté à Maurice. Nous développons des logiciels sur mesure et des applications web avec Next.js, TypeScript et PostgreSQL, des applications mobiles iOS et Android avec React Native, et des boutiques en ligne sur Shopify et WooCommerce, du catalogue et des paiements jusqu’à la livraison et aux données fournisseurs. Pour les marques, nous concevons des sites web et des identités visuelles et les accompagnons en SEO et Google Ads. Nous connectons vos systèmes d’entreprise pour que l’information ne soit plus recopiée à la main, et intégrons l’IA et l’automatisation au travail quotidien, en gardant l’humain aux commandes. Besoin d’y voir clair d’abord ? Notre conseil technologique vous aide à choisir la bonne plateforme. Pour les équipes d’intervention, Meta Field gère la planification, les rapports signés, la facturation et la comptabilité, et pour les centres de plongée, Manifest gère le journal de bord, les réservations, les paiements et les cours PADI. Découvrez comment tout s’assemble dans nos études de cas et nos visuels produits et motion design.

Secteurs :Hôtellerie et tourisme Commerce et e-commerce Agroalimentaire et boissons Beauté et cosmétique Services aux entreprises Automobile Logistique Immobilier Santé Ingénierie Agriculture Filière équestre