KITE: una plataforma para romper barreras lingüísticas y culturales
Cliente
Universidad de Salamanca
Competencias / servicios
Entrenamiento de modelo de IA generativa
Maquetación editorial y diseño de guías didácticas
Desarrollo web
Diseño de interacción
Desarrollo de identidad visual
Arquitectura de la información
Diseño visual y Design system

El contexto
Una herramienta de apoyo en situaciones de emergencia humanitaria
KITE es una plataforma web gratuita diseñada para ayudar a personas migrantes y refugiadas a comunicarse y desenvolverse en el país de acogida desde el primer día, incluso sin conocer el idioma.
La plataforma funciona como un kit interactivo para resolver necesidades comunicativas básicas de manera autónoma, con especial atención a las emergencias humanitarias derivadas de la guerra en Ucrania.
La iniciativa forma parte de CommuniKite, un proyecto Erasmus+ coordinado por la Universidad de Salamanca junto a diferentes entidades europeas. Desde Microbio nos encargamos del diseño de la experiencia de usuario, la interfaz y el desarrollo técnico de la plataforma, además de crear su identidad visual y maquetar una guía práctica de orientación pedagógica.
La problemática
Cómo unificar dos idiomas en una misma vista y facilitar la navegación transversal entre contenidos
El principal reto no era únicamente organizar un gran volumen de información, sino hacerlo manteniendo dos idiomas visibles simultáneamente y garantizando una experiencia clara tanto en escritorio como en dispositivos móviles.
La plataforma debía mostrar en una misma vista el idioma del país de acogida y el idioma vehicular del usuario —inglés o ucraniano—, permitiendo comparar ambos contenidos sin saturar la interfaz.
Además, los contenidos variaban según cada país. Al cambiar la configuración, el sistema debía conducir al usuario al contenido equivalente sin obligarlo a regresar al inicio ni perder la sección que estaba consultando.
Todo ello exigía explicar con claridad la función de dos selectores diferentes —país de acogida e idioma de apoyo— y reducir al máximo la carga cognitiva en un contexto en el que la rapidez y la facilidad de comprensión resultaban fundamentales.


La solución
Un sistema de diseño modular enfocado en la experiencia de usuario y la claridad visual
Diseñamos una estructura visual capaz de ordenar los contenidos bilingües mediante una jerarquía tipográfica sencilla y consistente. El idioma del país de acogida ocupa el primer nivel de lectura y su traducción aparece a continuación, diferenciada visualmente.
Para evitar errores y problemas de espacio, mantuvimos los elementos interactivos —botones, menús y acciones— únicamente en el idioma vehicular seleccionado. De esta forma, las llamadas a la acción se comprenden rápidamente y conservan su legibilidad en pantallas pequeñas.
El resultado es una interfaz modular, limpia y adaptable que permite convivir a ambos idiomas sin comprometer la navegación.

Branding
Una identidad cercana, accesible y reconocible
Desarrollamos una identidad visual pensada para transmitir cercanía, movimiento y utilidad sin perder el rigor institucional del proyecto.
El logotipo combina una construcción tipográfica dinámica con una cometa conceptual que representa orientación, avance y comunicación. A partir de ella creamos un sistema gráfico flexible basado en azules y turquesas, combinados con tonos naranjas, tipografías de alta legibilidad y una trama corporativa aplicable a diferentes soportes.
Una identidad sencilla y reconocible, alineada con el propósito de KITE: facilitar el primer contacto y romper barreras lingüísticas y culturales.



IA Generativa
Creación de pictogramas entrenando nuestro propio modelo de IA
El diccionario visual requería más de 500 ilustraciones capaces de representar conceptos de distinta complejidad con un estilo amable, didáctico y coherente con la plataforma.
Para producirlas desarrollamos una dirección de arte específica y entrenamos un perfil de estilo en Midjourney. Tras un proceso de experimentación, selección y ajuste de prompts, construimos un sistema visual consistente que permitió abordar el volumen de imágenes necesario manteniendo una identidad común.
Arquitectura
Desarrollo a medida y arquitectura de datos eficiente
La complejidad del proyecto requería una arquitectura capaz de cruzar países, idiomas y contenidos sin perjudicar el rendimiento. Por ello desarrollamos una solución propia sobre WordPress, superando las limitaciones de los plugins multiidioma convencionales.
Mediante un sistema de metadatos relacionamos las páginas equivalentes de cada país y generamos dinámicamente la navegación, permitiendo cambiar de país o idioma sin perder el contexto.
También centralizamos las imágenes del diccionario visual para evitar archivos duplicados y desarrollamos un sistema dinámico que combina una misma base gráfica con los textos correspondientes a cada idioma.
Para el diccionario sonoro creamos una arquitectura independiente y asíncrona, adaptada a las particularidades fonéticas de cada lengua. Esto permitió gestionar cientos de audios desde un único panel, simplificar las actualizaciones y mantener un rendimiento fluido en dispositivos móviles.

El resultado
Conclusiones
KITE convierte un sistema lingüístico y tecnológico complejo en una experiencia clara, accesible y fácil de utilizar. Una plataforma robusta que ayuda a personas migrantes y refugiadas a comunicarse y orientarse en situaciones especialmente vulnerables.