Caso de estudioIntegración de sistemas · Mauricio

De un sitio web a medio hacer a una marca coherente.

MeisterKraft diseña e instala sistemas de audio, vídeo, redes, seguridad y automatización en todo el océano Índico. Le dimos una nueva identidad, un sitio web que seguimos mejorando, un único lugar para su alojamiento y su dominio, y un plan para que la encuentren en buscadores y asistentes de IA.

meisterkraft.io
La página de inicio de MeisterKraft: su película de apertura en la palabra Unrivalled, proyectada sobre un edificio de noche, con los enlaces a sus especialidades y expertos
Una página de proyecto en un teléfono: A Sound Heritage, MeisterKraft at St Aubin, sobre una foto aérea de la finca
Una página de proyecto en un teléfono: A Sound Heritage, MeisterKraft at St Aubin, sobre una foto aérea de la finca
Cliente
MeisterKraft, Master Systems Integrators. Unrivalled.
Mercado
Mauricio, el océano Índico y África
Servicios
Marca, sitio web, alojamiento, SEO, búsqueda con IA, contenido
Desde
2024
Estado
Colaboración continua
Contenido
  1. El punto de partida
  2. La marca
  3. El sitio web
  4. Páginas de especialidad
  5. Bajo un mismo techo
  6. Búsqueda e IA
  7. Contenido
  8. Lo que entregamos
01El punto de partida

Buenos ingenieros, una puerta de entrada a medio hacer.

MeisterKraft contaba con una década de instalaciones: aeropuertos, hoteles, oficinas, auditorios y viviendas particulares. Pero lo que un nuevo cliente encontraba en internet no lo reflejaba. El sitio en WordPress había quedado a medio construir y fallaba a menudo, el logo y el perfil impreso hablaban un idioma distinto al de su trabajo, y el dominio, el alojamiento y el sitio estaban con proveedores diferentes.

El logo anterior
La portada del anterior perfil de empresa
El anterior perfil de empresa
A medio hacer

un sitio en WordPress a medio construir, que fallaba entre actualizaciones

Disperso

el dominio, el alojamiento y el sitio web, cada uno gestionado en un sitio distinto

Incoherente

sin reglas de marca, así que el logo, el color y la tipografía cambiaban de una pieza a otra

02La marca

Un símbolo legible al tamaño de un icono de app.

La nueva identidad parte de la M de MeisterKraft, dividida en dos trazos inclinados que se leen a cualquier tamaño: en una tarjeta de visita, una camisa de trabajo, la rejilla de un altavoz o un favicon. El logotipo está compuesto en Inter Semi Bold con letras modificadas, y el eslogan dice lo que hace la empresa: Master Systems Integrators. Unrivalled.

AntesEl anterior logo de MeisterKraft
DespuésEl nuevo logo de MeisterKraft con el eslogan Master Systems Integrators. Unrivalled.
El nuevo logo de MeisterKraft en negativo sobre carbón
El símbolo de MeisterKraft en blanco sobre rojo
01

El símbolo.

Una versión principal, una vertical y una justificada, un icono independiente, un área de respeto definida por la altura de la M y un tamaño mínimo para pantalla e impresión.

02

Color y tipografía.

Un rojo señal y un carbón profundo, con azul marino y aguamarina como acentos. Inter para el logo y los títulos, Roboto para todo lo demás.

03

Iconos.

Seis iconos para las principales especialidades, dibujados con el mismo trazo y grosor, para el sitio web, los documentos y como iconos de app.

Rojo#F72F51
Carbón#3E4044
Azul marino#000080
Aguamarina#00DACA
Audio
Redes
Radiodifusión
Vídeo, iluminación y automatización
Seguridad
Distribución de TV

Una guía que cualquiera puede seguir.

Todo queda recogido en una guía de marca de 13 páginas, con cada versión del logo, los colores en valores de impresión y pantalla, las tipografías y una página de lo que no se debe hacer, para que una imprenta, un rotulista o una nueva incorporación lo hagan bien a la primera.

La portada de la guía de marca de MeisterKraft: un altavoz con el nuevo logo
Guía de marca, 2025
Guía de marca: las versiones principal, vertical, justificada e icono del logo
Versiones del logo
Guía de marca: el logo en color, escala de grises, negro y un solo color, sobre fondo claro y oscuro
Versiones adicionales
Guía de marca: los colores principales, monocromos y de acento, con sus valores para impresión y pantalla
Paleta de colores
Guía de marca: Inter como tipografía de marca y Roboto como tipografía secundaria
Tipografías
Guía de marca: los seis iconos de especialidades y sus versiones como icono de app
Set de iconos
Guía de marca: tarjetas de visita y una gorra con la nueva identidad
Tarjetas de visita y gorra
03El sitio web

Un sitio web que no deja de mejorar.

La primera versión se lanzó en 2025 con la nueva marca: todas las especialidades, los proyectos y la historia de la empresa por fin en un solo lugar, sin nada en construcción. Desde entonces no hemos dejado de mejorarla, y en 2026 lanzamos la segunda versión: las mismas páginas y direcciones, rediseñadas en torno al propio trabajo.

2025

Versión 1.

El sitio a medio hacer, sustituido por uno completo con la nueva identidad: 13 páginas de especialidad, el portafolio de proyectos y la historia de la empresa.

Continuo

Mejoras.

Nuevos proyectos, textos actualizados, páginas más rápidas y correcciones en cuanto surgen, sin esperar a un rediseño.

2026

Versión 2.

Un diseño en tarjetas en carbón y rojo, animaciones que siguen el desplazamiento, un diagrama para cada especialidad y un mapa con todos los proyectos.

meisterkraft.io
La página de inicio de MeisterKraft de principio a fin: el vídeo de apertura, el selector giratorio de sectores, las marcas asociadas, las especialidades, por qué MeisterKraft, el mapa de proyectos y los logros recientes
La página de inicio de la versión 2 con desplazamiento automático. Pasa el cursor por encima para pausarla.

Cada sección se gana su lugar.

Cada especialidad tiene una tarjeta con su propia escena animada, los valores se abren uno a uno y los proyectos aparecen en un mapa de puntos de Mauricio y las Seychelles, junto a la lista.

meisterkraft.io · Por qué MeisterKraft
Por qué MeisterKraft: diez años de innovación, 13 especialidades y 11 logros sobre una línea de tiempo animada, con los valores debajo1Cifras que se animan al aparecer2Una línea de tiempo que se dibuja al desplazarse3Los valores, uno a uno
meisterkraft.io · Proyectos
El mapa de proyectos: Mauricio y las Seychelles en un mapa de puntos con la lista de proyectos al lado1Proyectos por país2Un mapa de puntos, con un marcador por proyecto
El vídeo de apertura
Sectores
Sectores
Por qué MeisterKraft
Por qué MeisterKraft
Proyectos en el mapa
Proyectos en el mapa
04Páginas de especialidad

Trece especialidades, una sola forma de explicarlas.

La integración de sistemas es difícil de imaginar. Cada página de especialidad abre ahora con una fotografía de un trabajo real, enumera lo que incluye y dibuja el sistema como un diagrama: qué se conecta con qué y dónde se sitúa MeisterKraft, en el centro.

meisterkraft.io · Audio comercial y de escenario
Un diagrama en la página de Audio comercial y de escenario: una red de audio Dante en el centro, conectada a megafonía, música ambiental, audio profesional, altavoces, micrófonos y control central1El sistema en el centro2Cada parte de la instalación3Señales que recorren las líneas
Cada una de las 13 páginas de especialidad tiene su propio diagrama animado.
meisterkraft.io · Audio comercial y de escenario
La página de Audio comercial y de escenario de principio a fin: la fotografía de apertura, los servicios incluidos, el diagrama del sistema, las soluciones de audio con fotografías y las demás especialidades
Una página de especialidad de principio a fin.
05Bajo un mismo techo

Dominio, alojamiento y sitio web: un solo equipo al que llamar.

Antes, un pequeño cambio podía implicar tres proveedores y tres accesos. Reunimos el dominio, el alojamiento y el sitio web y los gestionamos como uno solo, para que MeisterKraft tenga un único equipo al que llamar y el sitio siga en línea mientras sus ingenieros están en obra.

Dominio

El dominio y sus registros gestionados en un solo lugar, renovado a tiempo, sin nada que caduque por descuido.

Alojamiento

Alojamiento que gestionamos y supervisamos nosotros mismos, con copias de seguridad y un sitio que ya no se rompe entre actualizaciones.

Mantenimiento

Actualizaciones, correcciones y revisiones como rutina, no cuando algo ya ha fallado.

Mejoras

Nuevos proyectos, páginas y mejoras a medida que crece el negocio, de la mano del equipo que lo creó.

07Contenido

Un plan de contenidos que el cliente aprueba, pieza a pieza.

Los buscadores premian a los sitios que responden preguntas reales. Planificamos los primeros 60 días en torno a ellas: artículos, historias de proyectos, páginas por sector, publicaciones en redes y newsletters, cada uno vinculado a las búsquedas que debe ganar.

85

piezas de contenido planificadas para los primeros 60 días

10

artículos extensos sobre las preguntas que hacen los clientes

4

páginas de aterrizaje, una por cada sector clave

3

canales sociales con un ritmo semanal

Un único espacio, de la idea a la publicación.

Creamos un espacio de contenidos donde cada pieza pasa por los mismos pasos, en una tabla, un tablero o un calendario. MeisterKraft revisa, comenta y aprueba antes de que se publique nada, y cada cambio queda registrado.

IdeaBorradorPendiente de aprobaciónAprobadoProgramadoPublicado
08Lo que entregamos

Un solo socio para la marca, el sitio y la búsqueda.

Identidad de marcaSistema de logo y versionesGuía de marcaSet de iconos de especialidadesTarjetas de visita y ropa de trabajoSitio web v1Sitio web v213 páginas de especialidad con diagramasMapa de proyectos y portafolioGestión del dominioAlojamiento y copias de seguridadMantenimiento continuoAuditoría y correcciones SEOPreparación para la búsqueda con IAPlan de contenidos de 60 díasEspacio de aprobación de contenidos

¿Tu sitio web está a la altura de tu trabajo?

Cuéntanos en qué punto están hoy tu marca, tu sitio web y tu alojamiento. Los reuniremos y seguiremos mejorándolos.

¿Buscas algo en concreto?

Nuestros servicios:Todos los servicios Software a medida E-commerce Sitios web y marca Sistemas empresariales Aplicaciones móviles IA y automatización Consultoría tecnológica Meta Field Manifest Proyectos

Meta Mind Lab es un estudio de desarrollo de software y diseño digital con sede en Mauricio. Desarrollamos software a medida y aplicaciones web con Next.js, TypeScript y PostgreSQL, apps móviles para iOS y Android con React Native y tiendas online en Shopify y WooCommerce, desde el catálogo y los pagos hasta los envíos y los datos de proveedores. Para las marcas, diseñamos sitios web e identidades visuales y los impulsamos con SEO y Google Ads. Conectamos los sistemas empresariales para que la información deje de copiarse a mano y llevamos la IA y la automatización al trabajo diario, con las personas al mando. ¿Necesitas orientación primero? Nuestra consultoría tecnológica te ayuda a elegir la plataforma adecuada. Para equipos de servicio de campo, Meta Field gestiona la planificación, los informes firmados, la facturación y la contabilidad, y para centros de buceo, Manifest gestiona la bitácora, las reservas, los pagos y los cursos PADI. Descubre cómo encaja todo en nuestros casos de estudio y en nuestras imágenes de producto y animación.

Sectores:Hostelería y turismo Comercio y e-commerce Alimentación y bebidas Belleza y cosmética Servicios profesionales Automoción Logística Inmobiliario Salud Ingeniería Agricultura Sector ecuestre