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.

Newsletter

¡Eh! ¡Lo de las cooooookies!

La vida es eso que pasa entre aceptación y aceptación de cookies. Pero es lo que hay: las necesitamos para saber si presentamos bien lo que hacemos (para que puedas entendernos mejor). Controla o cámbialas en la página de preferencias o lee más sobre nuestra Política de Cookies.

Cookies