Tomás Londoño Producción creativa · Marca, campaña y web Medellín · Remoto tomylondonomesa02@gmail.com
Portafolio · Selección de agosto y septiembre de 2026

No entrego piezas.
Entrego el sistema
que las produce.

En un mes salieron 218 piezas finales para dos clientes industriales: redes, impresión, gran formato y el televisor de un stand de feria. No las dibujé una por una. Cada frente se armó como un pipeline parametrizado donde el texto vive en un archivo de contenido y la pieza se vuelve a dibujar idéntica cuando el texto cambia. Por eso una corrección es una edición, no un rediseño — y por eso el paquete de la feria llegó dos semanas antes del evento.

218piezas finales entregadas en un mes
164láminas de parrilla, cuatro meses de publicación
46piezas de feria en cinco frentes
3marcas con su propio sistema de producción
Metalandes Electric· Redes sociales· 164 láminas · 40 publicaciones· ago – nov 2026

Cuatro meses de publicación, entregados de una sola vez

Un fabricante de subestaciones y tableros eléctricos con sesenta y cinco años en Medellín. El encargo era la parrilla mensual. Lo que se entregó fue la parrilla de cuatro meses completa, con el arte terminado y revisable desde el primer día, para que hubiera tiempo de ajustar antes de que entrara a publicación.

Cada publicación es un carrusel de cinco láminas en 1080 × 1350, con su texto y sus hashtags separados para LinkedIn e Instagram, su parrilla en Excel y su calendario. La nomenclatura no es cosmética: MTL_P13_SL2_v01 dice cuenta, publicación, lámina y versión, y es la misma clave con la que el pipeline encuentra el texto y la foto que van ahí.

MesPublicacionesLáminasVentanaEstado al entregar
Agosto93410 – 31En firme, publicando
Septiembre10302 – 25En firme, publicando
Octubre12552 – 30Borrador para revisión
Noviembre9454 – 23Borrador para revisión

Un carrusel completo, en su orden

P13 · ingeniería conceptual frente a ingeniería de detalle. Las cinco láminas tal como salen del pipeline: portada, tres de desarrollo y cierre con llamado.

Lámina 1 del carrusel P13: portada
Lámina 2 del carrusel P13
Lámina 3 del carrusel P13
Lámina 4 del carrusel P13
Lámina 5 del carrusel P13: cierre

Las cinco láminas se dibujan al doble de resolución y se reducen, para que el texto aguante la compresión de Instagram. Cambiar un dato técnico en el archivo de contenido y volver a correr el script devuelve las cinco idénticas, con el dato nuevo.

Selección de la parrilla

Lámina: tablero educativo
P01 · tablero educativo
Lámina: señales de alerta
P05 · señales de alerta
Lámina: centros de datos
P07 · centros de datos
Lámina: certificación RETIE
P10 · RETIE
Lámina: caso de parada evitada
P18 · parada evitada
Lámina: proyecto llave en mano
P19 · llave en mano
Lámina: digitalización e IoT
P16 · digitalización
Lámina: tableros a la medida
P02 · tableros a la medida
Lámina de octubre: 65 años
O01 · octubre · 65 años
Lámina de noviembre: trazabilidad con QR
N01 · noviembre · trazabilidad
Metalandes Electric· Water Tech 2026· 46 piezas · 5 frentes· evento 2 sep · entregado 19 ago

El paquete completo de una feria, cerrado dos semanas antes

Cinco frentes que suelen salir de cinco proveedores distintos: el backing del stand a tamaño real de imprenta, la charla técnica, el televisor, la ficha impresa y las redes del evento. Se armaron como un solo sistema, con la misma tipografía oficial y la misma jerarquía, de modo que el stand se leyera como una sola pieza y no como cinco.

FrenteQué se entregóFormato de salida
BackingTres propuestas, con archivo de imprenta a tamaño real y versión vectorial editable270 × 260 cm
Charla técnica16 diapositivas sobre la plantilla del organizador16:9
Televisor del stand8 láminas y 4 videos en bucle1920 × 1080
Ficha impresaDos caras, lista para imprenta, con QR al sitiotiro y retiro
Redes del evento18 piezas con su propio calendario1080 × 1350

Backing · 270 × 260 cm

Tres rutas de mensaje, no tres variaciones de color: cero horas de parada, sesenta y cinco años de trayectoria, y tecnología ABB. Se entregaron las tres con guías de zona segura para que el cliente eligiera sobre algo real y no sobre una descripción.

Backing, ruta A: cero horas de parada
Ruta A · cero horas de parada
Backing, ruta B: desde 1960
Ruta B · desde 1960
Backing, ruta C: tecnología ABB
Ruta C · tecnología ABB

Televisor del stand · 8 láminas en bucle

Lámina de televisor: portada
01 · portada
Lámina de televisor: cuatro criterios
03 · cuatro criterios de selección
Lámina de televisor: cobre
04 · cobre electrolítico
Lámina de televisor: acero inoxidable
07 · acero inoxidable

Ficha impresa y hoja de contactos

Ficha impresa, cara 1
Ficha · cara 1
Ficha impresa, cara 2
Ficha · cara 2
Mapa visual de las 46 piezas de la feria
Mapa visual · las 46 piezas en una hoja, para revisar en reunión

De paso quedaron resueltas dos cosas que venían frenadas: la tipografía oficial del manual quedó instalada y en uso en todas las piezas, y el logotipo de ABB quedó en versión vectorial, que es la única que aguanta imprenta a gran formato.

Alpa Electric· Kit de marca· 24 piezas· un solo archivo de contenido

Un kit de marca que se vuelve a construir solo

Alpa Electric fabrica electrobarras, iluminación técnica LED y transporte vertical, con veinticinco años en Colombia y Latinoamérica. El kit cubre el arranque de redes: feed, historias, animados y LinkedIn, todo sobre la identidad oficial — naranja #FF6400, logos oficiales, Arial.

Lo que lo vuelve un kit y no un paquete de imágenes es que los textos viven en contenido.json. Cuando cambia el mensaje se edita ese archivo, se corren los scripts y las veinticuatro piezas vuelven a salir idénticas en estilo, con el texto nuevo.

BloquePiezasMedida
Feed — portada, carrusel de servicios, tips técnicos, proyecto, contacto y cierre131080 × 1080
Historias — marca, servicio, llamado y tip41080 × 1920
Animados — reel de 9 s, post de 6,4 s y su GIF3MP4 H.264 / GIF
LinkedIn — banner de página y foto de perfil21584 × 396 · 1000 × 1000
Marca aplicada a fotografía de obra2feed e historia

Feed · 1080 × 1080

Pieza de feed: portada de marca
01 · portada de marca
Pieza de feed: apertura de servicios
02 · servicios, apertura
Pieza de feed: servicios
03 · servicios
Pieza de feed: tip técnico
07 · tip técnico
Pieza de feed: datos
10 · datos
Pieza de feed: proyecto
11 · proyecto
Pieza de feed: contacto
12 · contacto
La marca aplicada a una fotografía de obra
Marca sobre foto · misma retícula, foto real

Historias · 1080 × 1920

Historia: marca
01 · marca
Historia: servicio
02 · servicio
Historia: tip
04 · tip

LinkedIn y hoja de contactos

Banner de página de LinkedIn, 1584 × 396
Banner de página · 1584 × 396
Hoja de contactos con las 24 piezas del kit
Hoja de contactos · el kit entero en una hoja, generada por el mismo script

Animado · post de servicios

El mismo sistema, en movimiento: el post animado sale del mismo archivo de contenido que las piezas fijas, en MP4 y en GIF.

Post animado de servicios de Alpa Electric, 6,4 segundos en bucle
Post animado · 6,4 s en bucle · 1080 × 1080
Alquimia Legal· Servicios jurídicos para empresas· Identidad · 27 piezas en cuatro formatos· proyecto activo

Negro y dorado, y el monograma dibujado por código

Alquimia Legal presta servicios jurídicos a empresas en Colombia — blindaje legal, protección de la creación y diagnóstico legal. Llegó sin manual de marca y sin línea gráfica definida: la paleta, la tipografía, la regla de composición y la dirección de fotografía se construyeron desde cero para este proyecto. Y se escribieron como regla, no como gusto, para que la tanda siguiente salga igual sin tener que adivinar qué se hizo en la primera.

La línea es deliberadamente estrecha. Solo negro y dorado, sin tercer color. Caja alta fina con mucho espaciado — Jost en los carruseles, Lato en el cuerpo. Bodegón de lujo, pluma y cuero y mármol, con al menos el 45 % del encuadre en negro casi puro: ese vacío no es espacio desaprovechado, es el sitio donde cae el titular. Y el monograma Λ —un triángulo sin travesaño, que no es un error— se dibuja con su degradado de oro desde el código, no se pega como imagen.

La paleta no es «negro y dorado» a ojo: son once valores con nombre dentro de brand.py, y el oro es una escala completa —del bronce de las sombras al brillo de las altas luces— porque un solo dorado plano no da volumen al metal.

Negro#0A0909
Bronce#4E3918
Oro oscuro#7C5D28
Oro#C9A45C
Oro arena#C9A578
Oro claro#E9D098
Oro brillo#F6E7C2
Hueso#CEC8BE
BloquePiezasMedida
Feed — portada, ocho servicios y cierre101080 × 1350
Historias — las mismas diez, recompuestas para vertical101080 × 1920
Carrusel editorial — cuatro láminas de contenido41920 × 1920
Cápsula de diagnóstico — piezas de cierre32560 × 1440
Hoja de contacto y ejemplo de revelado2montajes del script

Feed · 1080 × 1350

Lámina 00 del carrusel de servicios, formato feed
00 · portada
Lámina 01 del carrusel de servicios, formato feed
01 · servicio
Lámina 02 del carrusel de servicios, formato feed
02 · servicio
Lámina 03 del carrusel de servicios, formato feed
03 · servicio
Lámina 04 del carrusel de servicios, formato feed
04 · servicio
Lámina 05 del carrusel de servicios, formato feed
05 · servicio
Lámina 06 del carrusel de servicios, formato feed
06 · servicio
Lámina 07 del carrusel de servicios, formato feed
07 · servicio
Lámina 08 del carrusel de servicios, formato feed
08 · servicio
Lámina 09 del carrusel de servicios, formato feed
09 · cierre

Historias · 1080 × 1920

No es el feed reescalado: cambia la regla de composición. En feed el objeto entra por el tercio derecho y el negro queda a la izquierda; en historia entra por la esquina inferior derecha y los dos tercios de arriba quedan libres para el texto.

Historia 00 del carrusel de servicios
00 · portada
Historia 03 del carrusel de servicios
03 · servicio
Historia 06 del carrusel de servicios
06 · servicio
Historia 09 del carrusel de servicios
09 · cierre

Carrusel editorial · 1920 × 1920

Cuatro láminas de contenido, en cuadrado y con más aire que el feed de servicios: aquí el bodegón manda y el texto entra en una sola columna sobre el negro.

Lámina editorial: protege tu legado
Apertura · pluma y cuero sobre mármol
Lámina editorial con un gráfico de dato
Dato · gráfico de anillo en oro sobre pantalla
Lámina editorial: socios, aliados o amenazas
Socios · dos llaves, una en sombra
Lámina editorial: blindaje legal
Cierre · sello de cera con lacre dorado

Cápsula de diagnóstico · 2560 × 1440

Las piezas de cierre de la primera cápsula de contenido, en horizontal para presentación y video.

Pieza de cierre de la cápsula: diagnóstico
Cierre · diagnóstico
Pieza de cierre de la cápsula: servicio integral
Cierre · integral
Pieza de tres tarjetas
Tres tarjetas · 1376 × 768, formato por decidir

La dirección de fotografía, escrita como especificación

El bodegón no se pide «que se vea elegante». Está escrito como ficha técnica: una sola luz con rejilla, arriba y detrás a 45°, a 3200 K; relleno casi nulo con ratio 8:1 para que la sombra caiga a negro y no a gris; una bandera negra fuera de cuadro que hunde el lado izquierdo y crea la zona limpia donde va el texto; y un especular alargado sobre el metal, porque el latón sin él se ve de plástico. Óptica de 85–100 mm macro a f/4–5.6, cámara a 15–25° sobre la mesa. La misma ficha le sirve a un fotógrafo con cámara y a la generación por IA — lo que pongo ahí es la dirección, el revelado y la composición.

Estas imágenes se generaron con IA a partir de esa ficha. Lo digo porque es la parte del método que más se malentiende: el resultado no sale de pedir «un bodegón elegante». Sale de un bloque de estilo que no cambia entre piezas, un negativo fijo, un brief de objeto por servicio —la balanza de latón para la portada, el maletín de cuero con herrajes de oro para constitución, las dos llaves cruzadas para socios— y un filtro de aceptación que descarta lo que no cumple. La dirección es el trabajo; el generador es la cámara.

# bloque de estilo — va al final de todos, sin cambiar una coma
lit by a single warm 3200K gridded softbox
from the upper right at 45 degrees, raking
light revealing texture, 8:1 contrast ratio,
black negative fill on the left crushing that
side to pure black, one long specular
highlight along the metal, shot on 100mm
macro at f/4, camera 20 degrees above the
table surface, black Nero Marquina marble
with fine gold veins, deep shadows falling
to true black, subtle film grain, editorial
product photography, ultra detailed, 8k

# negativo — siempre
no text, no letters, no logos, no watermark,
no people, no hands, no faces, no blown
highlights, no blue shadows, no visible
softbox rectangle reflection, no clutter,
no white background, no plastic looking
metal, not centered
Filtro de aceptación — se descarta si
El oro tiene zonas blancas puras: altas luces quemadas, no hay detalle que recuperar
Las sombras tiran a azul o morado: luz fría contaminando
Hay dos sombras del mismo objeto: se usaron dos luces
El objeto está centrado o no toca ningún borde: no queda sitio al titular
Se ve el rectángulo del softbox reflejado en el metal
El metal parece plástico: falta el especular alargado
Menos del 40 % del encuadre está en negro: el titular no se va a leer

El filtro es la mitad que nadie escribe. Sin él, generar imágenes es una lotería que se resuelve mirando cien resultados; con él, la revisión es una lista de siete puntos y la pieza entra o no entra.

El revelado también es código

El color no se ajusta a mano pieza por pieza: es una función. Niveles, curva en S y gamma aplicados igual a los tres canales, una máscara suave calculada a baja resolución y reescalada, el mármol con su resplandor cálido y el grano de película encima. La comparación de abajo la arma el mismo script, para poder juzgar el revelado en vez de describirlo.

Comparación antes y después del revelado sobre una pluma estilográfica dorada
Revelado · antes y después, montados por el mismo script que los aplica
Hoja de contacto con el carrusel de servicios completo
Hoja de contacto · el carrusel entero en una hoja, para revisar en reunión

Una honestidad: todavía no hay manual de marca. Lo que está arriba es la línea de facto, escrita a partir de las piezas y del código que las dibuja, y queda pendiente decidir qué de ahí es regla y qué fue casualidad de esa tanda. Lo anoto porque el proyecto sigue abierto —van a salir más piezas— y porque convertir esa línea en manual es la primera tarea de la lista.

Método· Contenido como dato· Python · Pillow · IA en el flujo

El texto vive en un archivo, no dentro de la pieza

Es la única decisión que explica los números de arriba. En un flujo normal, una corrección de copy en un carrusel de cinco láminas son cinco archivos abiertos y cinco exportaciones. Aquí es una línea editada y un script corrido.

// contenido.json — se edita esto
{
  "p13": {
    "titulo": "Conceptual
                 o de detalle",
    "laminas": [
      { "clave": "SL1",
        "texto": "Dos ingenierías,
                    dos decisiones" },
      { "clave": "SL2", … }
    ],
    "hashtags_li": […],
    "hashtags_ig": […]
  }
}
Qué queda parametrizado
Todo el texto y los hashtags, separados por red
La retícula, los márgenes y la zona segura
La paleta y la tipografía del manual de marca
La asignación de foto por publicación
El render al doble de resolución y su reducción
La nomenclatura de salida y el número de versión

La IA entra en el flujo donde de verdad ahorra: escribir y depurar el pipeline, redactar y afinar el copy en dos idiomas, y revisar coherencia entre decenas de piezas antes de entregar. El criterio de marca y la decisión visual no se delegan — el manual se lee antes de proponer.

Web y buscadores· Dos cuentas· ago – sep 2026

Auditar, reescribir y reconstruir

El mismo par de clientes, en el frente donde el diseño se mide en resultados que se pueden verificar en vivo.

metalandes.net · reconstruido

El sitio original era un <frameset> en HTML 4.01 cuyo archivo raíz no cambiaba desde el 6 de mayo de 2015: sin versión móvil, con una sola dirección para todo el sitio, sin etiquetas para compartir y con una medición que Google apagó en 2023. Se reconstruyó completo en Next.js sobre Vercel: diez páginas con el contenido técnico real, la tipografía y los tres colores del manual, probadas a 375 px.

metalandes-sitio.vercel.app
Fotografía de fabricación usada en el encabezado del sitio
Logotipo de Metalandes Electric Empresa Productos Mantenimiento Certificaciones Cotizar
Desde 1960 · Medellín, Colombia

Haciendo quela energía no falle.

Diseñamos y fabricamos subestaciones, celdas de media tensión y tableros de baja tensión con certificación RETIE. Y los mantenemos funcionando, 24 horas al día, en todo el país.

Recreación del encabezado · el sitio está publicado y funcionando en metalandes-sitio.vercel.app
FrenteResultado
Páginas10 de 10 con dirección propia, título, descripción y canónico
MóvilLas diez probadas a 375 px, ninguna se desborda
Redirecciones13 permanentes, para no perder quince años de posicionamiento
Datos estructuradosOrganization, BreadcrumbList y Product
ContrasteDe once fallas auditadas quedó una, y es la paleta del manual
ContenidoNi un dato inventado: las nueve normas, los tres RETIE y las once líneas de mantenimiento salen de lo que la empresa ya publica

El hallazgo que más sirvió fue un error propio: en la primera versión, seis de las diez páginas declaraban ser copia de la portada. Google habría dejado productos, contacto, empresa, mantenimiento y certificaciones fuera del índice. Se detectó revisando el HTML servido, no el código, y se corrigió página por página.

alpaelectric.com · auditoría y SEO

Aquí el encargo no era rediseñar sino encontrar qué estaba costando tráfico. El sitio vive en Wix y sigue en producción; sobre él se hizo la auditoría.

alpaelectric.com
Logotipo de Alpa Electric 27 años · Español / English
InicioElectrobarras LV / MVIluminación Transporte verticalBreakersDocumentosContacto
Proyecto de iluminación técnica en interior Equipo eléctrico de protección Montaje de electrobarras
ELECTROBARRAS | BUSDUCT PARA DATACENTERS | ILUMINACIÓN | TRANSPORTE VERTICAL ¡Buena Energía!
Recreación del encabezado del sitio en producción · es el estado sobre el que se auditó
HallazgoQué se hizo
Seis enlaces de descarga distintos servían el mismo PDFReportado con la lista de enlaces y el archivo que devolvía cada uno
Títulos y meta descripciones genéricos o repetidosReescritos en once páginas y verificados en vivo, uno por uno
Search Console: el tráfico era casi todo de marcaLas búsquedas de categoría quedaban sin capturar; quedó dicho cuáles y dónde entran
Dirección de arte sobre fotografía de cliente· 12 de 195

Elegir y tratar, que también es diseñar

Estas fotografías son del banco del cliente, no mías: ciento noventa y cinco imágenes de su Drive corporativo. Mi trabajo fue la selección, el procesamiento para web y el tratamiento — a sangre, nítidas, con el oscurecimiento sólo en degradado donde va el texto — y la asignación de cada foto a la publicación donde tenía algo que decir.

Composición de portada: sala eléctrica con acento rojo
Portada · composición con acento de marca
Soldadura en fabricación
Fabricación · soldadura, encabezado de portada
Barraje de cobre electrolítico
Barraje de cobre · detalle de material
Envolvente en acero inoxidable
Envolvente inox · interior de celda
Termografía mostrando un punto caliente
Termografía · punto caliente en tablero energizado
Técnico en campo
Técnico en campo · mantenimiento en sitio
Fila de tableros de baja tensión
Baja tensión · fila de tableros
Sala eléctrica terminada
Sala eléctrica · conjunto terminado
Montaje terminado en planta
Montaje · entrega en planta
Taller· Con qué trabajo y qué todavía no

Las herramientas, y una honestidad

Diseño y producción

  • Adobe Photoshop
  • Sistemas de marca
  • Dirección de arte multiformato
  • Redes, impresión y gran formato
  • Artes finales para imprenta
  • Motion y reels
  • Copywriting ES / EN

Sistemas e IA

  • Claude y Claude Code, a diario
  • Lovart
  • Manus
  • Python · Pillow
  • Pipelines de render parametrizados
  • Contenido como dato
  • Producción dirigida por prompts
  • Dirección de fotografía para generación con IA

Web y medición

  • Next.js · React
  • Vercel
  • SEO técnico
  • Google Search Console
  • Google Ads
  • Auditoría de sitio

Lo que todavía no manejo

3D y SketchUp: no los manejo hoy, y quiero aprenderlos. Lo más cerca que he estado es dirigir renders de terceros dentro de piezas —recortarlos, montarlos en la retícula y hacerlos convivir con fotografía— no modelarlos. Lo digo de frente porque la vacante pide indicarlo. Es la parte del perfil donde tengo que ponerme al día, y la que más me interesa: el trabajo de exhibición y stand se decide en la maqueta antes de la imprenta, y ya vengo trabajando ese lado del oficio desde el arte final y el gran formato.

Formación

CuándoQuéDónde
jun 2026 – hoyAgentic AI Applied to Business TransformationMIT Professional Education
oct 2025 – nov 2026Máster en Dirección de Marketing y Gestión ComercialESIC Business & Marketing School
jun 2020 – dic 2024MercadeoUniversidad EAFIT