Skip to main content

heberthdesing.com

01 / PROYECTO DE GRADO — 2026
BOGOTÁ · INDUMENTARIA ADAPTATIVA

BOGOTÁ SE TRANSFORMA

ODDKID desarrolla indumentaria adaptativa que responde al clima, al movimiento y a las dinámicas de la ciudad.

02 / PUNTO DE PARTIDA

BOGOTÁ NO TIENE UN SOLO CLIMA.

 En Bogotá, el frío, la lluvia, el calor y el movimiento pueden aparecer dentro de un mismo recorrido. ODDKID parte de esa variabilidad para plantear prendas capaces de responder a las dinámicas reales de la ciudad.

03 / EL RETO

VESTIR UNA CIUDAD QUE NO SE DETIENE.

01 / CLIMA VARIABLE

Frío, lluvia y calor pueden aparecer durante un mismo recorrido por la ciudad.

02 / MOVILIDAD URBANA

El desplazamiento cotidiano exige libertad de movimiento, protección y almacenamiento funcional.

03 / ADAPTACIÓN REAL


La prenda debe responder al clima, al cuerpo y a las distintas dinámicas del entorno urbano.

04 / LA RESPUESTA

LA ROPA TAMBIÉN PUEDE ADAPTARSE.

ODDKID propone un sistema de indumentaria masculina adaptativa que integra protección, ventilación, movilidad y almacenamiento para responder a los cambios climáticos y urbanos sin perder identidad.

ARRASTRA PARA GIRAR PELLIZCA PARA ZOOM · SHIFT + ARRASTRA PARA MOVER

05 / METODOLOGIA

DEL CONTEXTO A LA PRENDA.

ODDKID se construyó mediante un proceso iterativo que conectó investigación, observación del contexto urbano, conceptualización y Cada etapa permitió transformar las necesidades climáticas, corporales y de movilidad del usuario en decisiones concretas de diseño.

01 / OBSERVAR

Leer el clima, la movilidad y los hábitos cotidianos del usuario en Bogotá.

02 / DEFINIR

Traducir los hallazgos en criterios de protección , movilidad y almacenamiento.

03 / CONCEPTUALIZAR

Construir la identidad y el sistema adaptativo que orientan la propuesta.

04 / PROTOTIPAR

Probar formas, materiales, mecanismos, bolsillos y soluciones funcionales.

05 / VALIDAR

Evaluar comodidad, uso, transformación y respuesta frente al entorno urbano.

06 / INVESTIGACIÓN

ANTES DE DISEÑAR, HABIA QUE ESCUCHAR

La propuesta se construyó a partir de encuestas, entrevistas y observación del contexto bogotano. Estas herramientas permitieron reconocer hábitos de movilidad, cambios climáticos y necesidades de protección, comodidad y almacenamiento que orientaron las decisiones de diseño.

01 / ENCUESTAS

LOS HÁBITOS DEFINEN LA PRENDA.

3

PROTECCIÓN · MOVILIDAD · ALMACENAMIENTO

NECESIDADES RECURRENTES

02 / ENTREVISTAS

ESCUCHAR LA EXPERIENCIA COTIDIANA.

Las conversaciones mostraron la necesidad de una prenda capaz de acompañar distintos momentos del día sin limitar el movimiento ni obligar al usuario a cargar soluciones adicionales.

03 / OBSERVACIÓN

LEER EL CONTEXTO EN MOVIMIENTO.

En los recorridos urbanos cambian el clima, el esfuerzo corporal y el acceso a los objetos personales; la prenda debía responder a esas variaciones durante el trayecto.

HALLAZGO → DECISIÓN DE DISEÑO

CLIMA VARIABLE → PROTECCIÓN · CALOR Y ESFUERZO → 
TRAYECTO → MOVILIDAD · OBJETOS PERSONALES → ALMACENAMIENTO

07 / IDENTIDAD DE MARCA

UNA IDENTIDAD QUE TAMBIÉN SE ADAPTA

SISTEMA VISUAL / ODDKID

La identidad de ODDKID nace de la tensión entre cambio y permanencia. Su sistema visual combina una palabra contundente, un símbolo orgánico y capas que se superponen para representar una prenda capaz de transformarse sin perder su esencia.

01 / WORDMARK

LOGOTIPO PRINCIPAL

02 / SIMBOLO

MOVIMIENTO + ADAPTACIÓN

03 / SISTEMA GRÁFICO

CAPAS QUE CONSTRUYEN IDENTIDAD

La sobreposición de formas, imágenes y bloques de color conecta la identidad visual con la construcción por capas de la propuesta.

1. NEGRO #111111

2. BLANCO #F8F8F8

3. NARANJA #FD5801

4. AZUL #6E82C8

5. VINOTINTO #73262C

08 / DISEÑO

DE LA NECESIDAD A LA FUNCIÓN.

VÍCTOR PAPANEK / DISEÑO RESPONSABLE

A partir del enfoque de diseño responsable de Víctor Papanek, ODDKID traduce lo observado en los recorridos cotidianos de Bogotá en cuatro decisiones de diseño: distribuir los objetos sin estorbar el movimiento, guardarlos en bolsillos menos visibles, combinar capas según la temperatura y explorar textiles que cambian de apariencia con el agua o el calor. Estas decisiones se integran sin perder la identidad streetwear de la marca.

01 / ALMACENAMIENTO

LLEVAR SIN INCOMODAR.

Los bolsillos se ubican según los objetos del día a día para distribuirlos mejor, mantenerlos cerca del cuerpo y evitar que interfieran con el movimiento.

02 / SEGURIDAD URBANA

PROTEGER LO PERSONAL.

Bolsillos estratégicos y de acceso menos evidente reducen la exposición del celular y otros objetos durante recorridos concurridos, especialmente en TransMilenio.

03 / MODULARIDAD

DOS CHAQUETAS. UN SISTEMA.

Una chaqueta interior más cálida y otra exterior más liviana pueden usarse juntas o por separado según la temperatura .

04 / TEXTIL REACTIVO

LA LLUVIA ACTIVA EL DISEÑO.

Los textiles reactivos al agua o al calor cambian de color o revelan el logotipo cuando llueve, haciendo que el clima transforme visualmente la prenda.

10 / PROPUESTA DE DISEÑO

DEL SISTEMA A LA PRENDA.

PROPUESTAS DE DISEÑO / ODDKID


La investigación sobre los recorridos cotidianos en Bogotá, la identidad visual de ODDKID y la exploración de materiales dieron forma a una propuesta de streetwear para distintos momentos del día: moverse por la ciudad, salir de noche o encontrarse con un cambio de clima. Las siluetas, los bolsillos y las capas responden a esas situaciones sin perder el lenguaje de la marca.

10.1 / UNIVERSO ODDKID

27 PROPUESTAS. UN MISMO LENGUAJE.

PROCESO CREATIVO / EXPLORACIONES PRELIMINARES


El carrusel reúne 27 exploraciones preliminares de chaquetas y prendas superiores, no una colección final. En los figurines se compararon siluetas, bolsillos, capotas y texturas. A partir de ese universo se eligieron las referencias que se desarrollan más adelante, considerando los materiales, la comodidad y la función de cada prenda en su contexto de uso.

10.2 / proceso de representación

DEL TRAZO A LA EXPERIENCIA DIGITAL

AUTORÍA / HERRAMIENTAS DIGITALES

Las 27 propuestas partieron de ilustraciones originales desarrolladas por el autor. Se seleccionaron seis para perfeccionar la representación de textiles y acabados con apoyo de inteligencia artificial y convertirlas posteriormente en modelos 3D y experiencias de realidad aumentada. La IA funcionó como herramienta de representación; no definió el concepto, la silueta ni las funciones de las prendas.

01 / ILUSTRACIÓN ORIGINAL

Definición de la silueta, las proporciones, los bolsillos y las funciones de la propuesta.

02 / REFINAMIENTO VISUAL

Apoyo de inteligencia artificial para precisar textiles, acabados y volumen sin alterar el diseño original.

03 / APROXIMACIÓN 3D

Traducción del diseño a un modelo tridimensional compatible con los formatos GLB y USDZ.

04 / REALIDAD AUMENTADA

Integración del modelo en un visor web para observar la propuesta dentro del espacio real.

10.3 / PROCESO EN MOVIMIENTO

CINCO PROCESOS. CINCO DECISIONES.

REGISTRO DE PROCESO / PROCREATE

Los registros de proceso permiten observar cómo las propuestas se construyeron desde el trazo. Se presentan dos exploraciones del universo ODDKID y tres diseños seleccionados posteriormente para su desarrollo tridimensional, evidenciando las decisiones, ajustes y variaciones que acompañaron su evolución visual.

ODD—01

01 / EXPLORACIÓN

ODD—02

02 / EXPLORACIÓN

ODD—03

03 / EXPLORACIÓN

ODD—04

04 / EXPLORACIÓN

ODD—05

05 / EXPLORACIÓN

10.4 / COLECCIÓN

PRENDAS SELECCIONADAS

La selección reúne prendas pensadas para distintas situaciones de uso en Bogotá. Cada ficha muestra qué situación orientó el diseño y cómo la silueta, los materiales y los detalles responden a ella

Chaqueta ODDKID negra, sin trazos visibles Chaqueta ODDKID con trazos verdes y gotas

Simulación visual del efecto propuesto.

01 / CLIMA REACTIVO

CUANDO EL CLIMA CAMBIA, LA PRENDA RESPONDE

Chaqueta ligera de base negra, pensada para acompañar el recorrido completo del día. Su textil reactivo revela trazos verdes al entrar en contacto con la lluvia o el calor, mientras los bolsillos circulares aportan identidad visual y almacenamiento cotidiano.

Puede utilizarse de manera independiente o combinarse con una chaqueta más gruesa de la colección para formar un sistema de dos capas que se adapta a los cambios de temperatura.

MATERIAL / Textil reactivo HK-33010 — referencia No. 14

FUNCIÓN / Protección climática + sistema de capas

01_QR_CLIMA_REACTIVO
ESCANEA PARA VER EN REALIDAD AUMENTADA.
02 / ALMACENAMIENTO MODULAR

TODO EN SU LUGAR, SIN PERDER ES ESTILO

Chaqueta casual de apariencia limpia, pensada para reuniones, salidas nocturnas y recorridos cotidianos. Sus bolsillos frontales combinan una tapa exterior con compartimentos internos para distribuir llaves, billetera, tarjetas y objetos pequeños sin concentrarlos en un solo punto.

Los ribetes del pecho y los bolsillos laterales de las mangas amplían el almacenamiento sin saturar la silueta. En el render, uno de los bolsillos se muestra abierto únicamente para explicar su construcción; en la prenda final ambos mantienen el mismo acabado exterior.

MATERIAL / En exploración: dril o denim ligero

FUNCIÓN / Organización cotidiana + almacenamiento discreto

02_QR_ALMACENAMIENTO_MODULAR
ESCANEA PARA VER EN REALIDAD AUMENTADA.
03 / DOBLE PRENDA

DOS CAPAS, UNA SOLA IDENTIDAD.

Esta propuesta traslada el sistema de doble prenda, habitual en chaquetas de montañismo, al lenguaje streetwear. Una chaqueta exterior ligera y una capa interior cálida tipo buzo pueden utilizarse juntas o por separado según cambie la temperatura durante el día.

Las dos piezas se unen mediante cremalleras laterales internas —no visibles en el modelo 3D— y conservan una identidad propia cuando se usan por separado. El interior incorpora compartimentos funcionales para los objetos cotidianos sin recargar la silueta.

MATERIAL / Interior fleece 100 % poliéster, 300 g/m², con degradado por desarrollar; exterior por definir

FUNCIÓN / Adaptación térmica + sistema desmontable de dos capas

03_QR_DOBLE_PRENDA
ESCANEA PARA VER EN REALIDAD AUMENTADA.
04 / SEGURIDAD URBANA

CERCA DEL CUERPO, FUERA DE ALCANCE.

Chaqueta urbana diseñada para mantener los objetos cotidianos cerca del cuerpo. Sus bolsillos principales se concentran en el pecho y el abdomen, en lugar de quedar completamente hacia los laterales, para facilitar el acceso y reducir la exposición de las pertenencias durante trayectos concurridos como TransMilenio.

Los bolsillos de pecho, los módulos tipo cargo y los compartimentos en las mangas distribuyen AirPods, llaves y objetos pequeños sin concentrar todo en un solo lugar. La propuesta contempla un exterior rígido y repelente al agua con detalles reactivos al calor, manteniendo una apariencia casual para el día, reuniones y salidas nocturnas.

MATERIAL / Tejido rígido repelente al agua HF-24139, 100 % poliéster; acabado reactivo por desarrollar

FUNCIÓN / Seguridad urbana + almacenamiento estratégico

04_QR_SEGURIDAD_URBANA
ESCANEA PARA VER EN REALIDAD AUMENTADA.
05 / LÍNEA ESENCIAL

LO ESENCIAL TAMBIÉN TIENE IDENTIDAD.

Una de las propuestas más sencillas de la colección, diseñada para el uso cotidiano sin abandonar el lenguaje de ODDKID. Su silueta limpia incorpora un ribete en el pecho y bolsillos laterales que responden a las necesidades básicas del día.

Los compartimentos interiores completan el almacenamiento sin recargar el exterior. Es una chaqueta ligera y cómoda para desplazamientos, reuniones y salidas, pensada como una de las piezas más versátiles de la colección.

MATERIAL / 100 % poliéster con acabado lavado — referencia por definir

FUNCIÓN / Versatilidad cotidiana + almacenamiento esencial

05_QR_PROTECCION_TERMICA
ESCANEA PARA VER EN REALIDAD AUMENTADA.
06 / WORKWEAR URBANO

BOLSILLOS QUE DEFINEN LA PRENDA.

Una chaqueta casual que conserva la esencia de ODDKID mediante bolsillos inspirados en el workwear. Sus dos ribetes en el pecho y los módulos exteriores crean una propuesta de almacenamiento diferente sin recargar la silueta.

Los bolsillos incorporan una bolsa interior impermeable para ayudar a proteger los objetos cotidianos, mientras los compartimentos internos complementan su uso durante todo el día. Está pensada para reuniones, desplazamientos y salidas nocturnas.

MATERIAL / En exploración: paño o dril de estructura media

FUNCIÓN / Almacenamiento protegido + versatilidad cotidiana

06_QR_WORKWEAR_URBANO
ESCANEA PARA VER EN REALIDAD AUMENTADA.
} } /* Ojal que reemplaza al cursor */ #hx-eyelet-cursor { position: fixed; left: 0; top: 0; width: 42px; height: 42px; z-index: 2147483647; pointer-events: none; background-image: var(--hx-eyelet); background-size: contain; background-position: center; background-repeat: no-repeat; transform: translate(-50%, -50%); transition: width 160ms ease, height 160ms ease, filter 160ms ease; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 4px rgba(255, 255, 255, 0.55)); } /* Al colocarse sobre algo seleccionable */ #hx-eyelet-cursor.is-link { width: 54px; height: 54px; filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 9px #ff6159); } /* Al oprimir */ #hx-eyelet-cursor.is-clicking { width: 31px; height: 31px; } /* Capa universal de efectos */ #hx-global-effects { position: fixed; inset: 0; z-index: 2147483646; pointer-events: none; overflow: hidden; } /* Ojales de la explosión */ .hx-burst-eyelet { position: fixed; left: var(--x); top: var(--y); width: var(--size); height: var(--size); pointer-events: none; background-image: var(--hx-eyelet); background-size: contain; background-position: center; background-repeat: no-repeat; transform: translate(-50%, -50%) scale(0.35); filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 4px rgba(255, 255, 255, 0.6)); animation: hxEyeletExplosion 680ms cubic-bezier(0.13, 0.82, 0.2, 1) forwards; } /* Chispas coral para que la explosión se note */ .hx-coral-spark { position: fixed; left: var(--x); top: var(--y); width: var(--size); height: var(--size); border-radius: 50%; pointer-events: none; background: #ff6159; box-shadow: 0 0 8px #ff6159, 0 0 15px rgba(255, 97, 89, 0.8); transform: translate(-50%, -50%) scale(0.2); animation: hxSparkExplosion 590ms ease-out forwards; } /* Destello contenido dentro del header o menú */ .hx-area-flash { position: fixed; pointer-events: none; border: 1px solid rgba(255, 255, 255, 0.75); box-shadow: inset 0 0 25px rgba(255, 97, 89, 0.8), inset 0 0 50px rgba(255, 255, 255, 0.25); animation: hxAreaFlash 660ms ease-out forwards; } /* Palabra del enlace seleccionado */ .hx-click-word { position: fixed; left: var(--x); top: var(--y); color: #ff6159; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; pointer-events: none; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); transform: translate(-50%, -50%); animation: hxWordReveal 700ms ease-out forwards; } /* Rastro sutil únicamente dentro del hero */ .hx-hero-trail { position: fixed; width: 15px; height: 15px; pointer-events: none; background-image: var(--hx-eyelet); background-size: contain; background-repeat: no-repeat; transform: translate(-50%, -50%); animation: hxTrailFade 650ms ease-out forwards; } @keyframes hxEyeletExplosion { 0% { opacity: 1; transform: translate(-50%, -50%) scale(0.3) rotate(0deg); } 72% { opacity: 1; } 100% { opacity: 0; transform: translate( calc(-50% + var(--move-x)), calc(-50% + var(--move-y)) ) scale(1.15) rotate(var(--rotation)); } } @keyframes hxSparkExplosion { 0% { opacity: 1; transform: translate(-50%, -50%) scale(0.2); } 100% { opacity: 0; transform: translate( calc(-50% + var(--move-x)), calc(-50% + var(--move-y)) ) scale(1.7); } } @keyframes hxAreaFlash { 0% { opacity: 0; background: rgba(255, 97, 89, 0); } 25% { opacity: 1; background: rgba(255, 97, 89, 0.17); } 100% { opacity: 0; background: rgba(255, 97, 89, 0); } } @keyframes hxWordReveal { 0% { opacity: 0; transform: translate(-50%, -30%) scale(0.8); } 30% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -135%) scale(1.08); } } @keyframes hxTrailFade { 0% { opacity: 0.75; transform: translate(-50%, -50%) scale(0.75); } 100% { opacity: 0; transform: translate(-50%, -75%) scale(0.15) rotate(130deg); } } @media (hover: none), (pointer: coarse) { #hx-eyelet-cursor { display: none !important; } } @media (prefers-reduced-motion: reduce) { .hx-burst-eyelet, .hx-coral-spark, .hx-area-flash, .hx-click-word, .hx-hero-trail { animation-duration: 250ms !important; } }