← Todos los casos
Comunicación interna · 2025

Landing de beneficios

Organización
Tigo Colombia
Rol
Responsable de comunicación visual, en planta
Sector
Telecomunicaciones · Colombia
Alcance
Landing interna y maquetación HTML/CSS
Año
2025
El reto

Los beneficios de Tigo Colombia vivían dispersos en políticas, correos y documentos de RR.HH. El colaborador sabía que existían, pero no cuáles le aplicaban ni bajo qué condiciones. Hacía falta un solo lugar, consultable desde el escritorio o el celular.

La solución

Una landing que consolida cuatro categorías —prestaciones sociales y primas legales, primas extralegales, beneficios extralegales y salario emocional— en tablas de dos celdas: nombre del beneficio a la izquierda, condición o valor a la derecha. Treinta filas bajo una misma estructura, comparables de un vistazo y sin leer párrafos.

El proceso
01
Estructura

Esquematización de estructura y jerarquía en Illustrator antes de escribir una línea de código.

02
Imagen

Dirección y retoque de imagen en Photoshop para unificar iluminación, temperatura y encuadre de las fotografías.

03
Maquetación

Maquetación final en HTML y CSS, con la retícula resuelta para que las tablas colapsen a una columna en móvil sin perder la relación dato–valor.

El sistema

Cabecera con el azul institucional y el logotipo; cada bloque abre con una imagen de equipo e ícono de categoría y baja a tabla de líneas finas. La imagen humaniza, la tabla informa. Sans geométrica de marca en dos pesos y sin color adicional: la jerarquía la construye el espacio, no el color.

Nota sobre IA

Todas las fotografías del proyecto son generadas con inteligencia artificial y posteriormente retocadas en Photoshop. Ninguna corresponde a personas reales.

Caso siguiente
Sistema de iconografía
Tigo
Reputación institucional
Briefing

Cuéntenos el problema, no la pieza.

Háblenos de lo que necesita resolver: qué está pasando, a quién afecta y qué han intentado. Le respondemos con un primer enfoque listo para el primer encuentro. Si no somos el estudio adecuado para lo que necesita, se lo decimos.

Al enviar, autoriza a Nano Estudio Gráfico a usar sus datos solo para responder su solicitud (Ley 1581 de 2012). Puede consultarlos, corregirlos o pedir su eliminación en nano.estudiografico@gmail.com. Política de tratamiento de datos.