Diseño de Interfaz y Gamificación para Formación Técnica

Diseño de App interactiva con mapas, avatares personalizados e ilustraciones.

Mundo TGI Diseñadora Grafíca Naty Late con Dactilar Producciones

Cliente

GEB · Grupo Energía Bogotá

Rol: Diseñadora UI e Ilustradora.
Tipo de Proyecto: Aplicación móvil educativa (EdTech / Gamificación).

Proceso y enfoque

El objetivo era crear una herramienta digital para que los colaboradores del GEB aprendieran sobre las líneas de gas en Colombia. El desafío consistía en transformar un guion técnico y datos geográficos en una experiencia visual dinámica, interactiva y fácil de navegar.

A partir de los guiones de Dactilar Producciones, desarrollé un lenguaje visual que hiciera el aprendizaje entretenido:

• Mapas Interactivos: Diseñé la representación visual de Colombia y sus líneas de gas para facilitar la ubicación geográfica de los activos.

• Sistema de Avatares: Creé un módulo de personalización donde los usuarios pueden construir sus propios personajes, aumentando el engagement con la app.

• Interfaz Educativa: Diseñé pantallas de preguntas y desafíos con una jerarquía visual clara para mejorar la retención de información.

Mi trabajo fue el puente entre la idea pedagógica y la programación:

• Ilustración a Medida: Creé cada icono y elemento gráfico desde cero para que coincidieran con la identidad de marca del GEB.

• Diseño de Pantallas (UI): Construí el flujo completo de la app, asegurando que cada transición y botón fuera intuitivo.

• Entrega para Desarrollo: Preparé y exporté todos los activos visuales (assets) organizados para que el equipo de programación pudiera implementarlos con exactitud.

El resultado fue una aplicación robusta que cumple con los estándares corporativos pero con un toque humano:

• Interactividad Total: Logramos que un tema complejo como los gasoductos se sintiera como un juego de exploración.

• Identidad Visual Propia: El uso de avatares e ilustraciones personalizadas le dio a la app una personalidad única.

• Flujo de Trabajo Optimizado: La entrega de prototipos detallados permitió un proceso de desarrollo sin fricciones.

Estructura y detalles visuales de la app

  • Diseñadora Gráfica Freelance Colombia Juego Interactivo para app GEB Naty Late Pantalla de Avatares
  • Diseñadora Gráfica Freelance Colombia Juego Interactivo para app GEB Naty Late
  • Diseño de Mapa Interactivo para app GEB Naty Late Diseñadora Freelance
  • Ilustración para app GEB Naty Late Diseñadora Freelance
  • Gamificación GEB Naty Late Diseñadora Freelance
  • Diseño de Mapa Interactivo para app GEB Naty Late Diseñadora Freelance Colombia
  • Diseño de Iconografía para app GEB Naty Late Diseñadora Freelance Colombia
  • Diseño de Mapas Interactivos para app GEB Naty Late Diseñadora Freelance Colombia

Contacto

Hablemos

Si tienes una idea que necesita estructura o una web que ya no te representa, podemos revisarlo juntos. Escríbeme y vemos si soy la persona indicada para tu proyecto.

👋 WhatsApp