// hola, soy
Diseño y desarrollo de interfaces — construido con código, sistemas, y una buena dosis de IA.
// 01
Historia / experiencia
Estudié diseño gráfico de 1992 a 1994. Ese mismo año entré a
Eligge Consultores Gráficos, donde diseñadores experimentados de
la UAM me enseñaron el oficio a otro nivel. Ahí, frente a una
Mac y trabajando con Photoshop y FreeHand, aprendí desde cero a
mirar el diseño de otra manera.
La tecnología evolucionó, pero el acto de crear, resolver y
mirar el diseño sigue siendo el mismo hasta hoy.
Nota: Antes de esto, mi único contacto con las computadoras
había sido jugando en monitores monocromáticos: Test Drive,
California Games, Leisure Suit Larry.
Primer trabajo formal como Diseñador Gráfico. Producción e todo tipo de piezas gráficas básicas, desde material publicitario, espectaculares de gran formato, incluyendo también el proceso de salida a negativos para imprenta. Por otro lado, gestionaba la comunicación digital de la agencia y administraba las cuentas de correo corporativas.
Entro al área multimedia en "Oveja" agencia pionera en el desarrollo de sitios y proyectos para Internet. Aquí doy un salto importante: comienzo con HTML y, sobre todo, con animación en Flash. Aprendo de grandes maestros: el Doc, Fer, Rafa y Lalo López, quienes fueron excelentes guías en el mundo de multimedia, Internet y la publicidad. Formé parte de grandes equipos y participé en proyectos para marcas como Sabritas.com, Compaq, Satmex y Microsoft, entre otras, obteniendo también varios premios.
Al cerrar el área de multimedia, comienza una nueva etapa como independiente. A través de Oveja Negra llega Canana Films, donde desarrollo el sitio Canana.net, el de la película J.C. Chávez, Food Inc. además de otros proyectos. Esto me lleva hasta Cinecanibal.com, donde continúo hasta la fecha. Ese mismo año comienzo a trabajar con d-s.com.mx arquitectos, otro cliente con el que continúo hasta hoy. También consigo la cuenta de Cinemex, para la que desarrollo su primer portal durante un año.
Fer, excompañero de Oveja Negra, me lleva a Teorus®, una agencia mexicana pionera en creatividad, comunicación y tecnología multicanal, con sede en CDMX. Ahí trabajo en proyectos para marcas como el Festival Internacional de Cine de Morelia, la comunicación de sustentabilidad corporativa de HSBC, Bradescard y AUTOFIN.
Desde entonces vuelvo a trabajar por mi cuenta, sumando historias, proyectos y nuevas experiencias para marcas y organizaciones como Audens México, UNICARS, Octopus Film, Redmon Seguridad y el Museo Anahuacalli, entre otras.
La tecnología volvió a cambiar las reglas. Desde 2024 mi flujo
de trabajo cambió por completo: empecé a usar VS Code apoyado
con IA —sobre todo herramientas de Anthropic y Copilot de
Microsoft— para explorar ideas más rápido, iterar sobre
interfaces reales y dedicar más tiempo a las decisiones de
producto, en lugar de pelear con la sintaxis. No reemplaza el
criterio; lo acelera y enriquece.
“Si puedes mantener la cabeza cuando todos a tu alrededor la
pierden…”
— Rudyard Kipling
// 1995 -2026
// stack actual
// 02
Web, admin, marca, animación, ilustración, 3D — hover: preview, click: go ↗
// 03
Selección de proyectos y trabajos en marca, sitios web, experiencia digital y producto, organizados como módulos y repositorios.
GitHub: github.com/cubs25
Distribuidora y productora de cine. Selecciona lo mejor del cine nacional e internacional para llevarlo a las salas mexicanas, cine indie, títulos premiados en festivales como Cannes y Berlín. Plataforma continua desde 2008.
Case study →Portafolio digital para producción audiovisual. Showcase de trabajos cinematográficos con galería integrada y sistemas de contacto.
Case study →Sitio web para arquitectura y diseño. Galería minimalista de proyectos arquitectónicos con enfoque en presentación visual de espacios.
Case study →Sitio de investigación ambiental con base de datos de contenido extenso. Sistema de gestión de información científica y publicaciones.
Case study →Reserva ecológica en Panamá — propuesta aprobada en 4 fases: sitio institucional multilingüe con mapa SVG, boletos QR y pagos, reservas de hotel/restaurante, y app móvil PWA. Sitio provisional en vivo en 3 dominios (.com, .ai, .org).
Case study →RAYA MAYA es una marca de lifestyle inspirada en el surf, con raíces en la libertad y el océano. Diseñada para espíritus libres, hecha para fluir. Free by Nature.
Case study →Cada sitio se revisa antes de su entrega con herramientas como Lighthouse, PageSpeed Insights y validadores W3C para comprobar rendimiento, estructura, SEO y calidad del código.
// todo lo que construyo lleva esto integrado, sin excepción
Evaluación con PageSpeed Insights y Lighthouse. Optimización de carga, código, recursos y tiempos de respuesta para mejorar el rendimiento del sitio.
Compresión y optimización de imágenes, formatos modernos y reducción del peso de archivos para lograr una carga más rápida sin comprometer la calidad visual.
Estructura semántica, títulos, descripciones, encabezados, datos estructurados (Schema.org) y elementos fundamentales para facilitar la indexación y mejorar la visibilidad en buscadores.
Integración de herramientas de analítica para medir visitas, comportamiento y rendimiento, y obtener información útil para futuras decisiones sobre el sitio.
Revisión de HTML y CSS, estructura semántica y buenas prácticas de desarrollo. Cuando corresponde, se realizan comprobaciones mediante las herramientas de validación del W3C.
Configuración de títulos, descripciones, imágenes de vista previa y metadatos para que el sitio se presente correctamente en buscadores y plataformas sociales. Incluye tags Open Graph y Twitter Card (og:title, og:image, twitter:card) en cada sitio que construyo, para que se vea bien al compartirse en WhatsApp, X, LinkedIn, etc.
// 04
Sitios web para música que lo merece.
Micrositio con video embebido de YouTube, musicalizado por Cocktail Notes. Diseño simple.
Autor: Cocktail Notes ↗
// 05
Gerardo Cubillas Borbolla
