Hola, soy Juan Pablo. Como diseñador UI/UX e ingeniero multimedia, ayudo a dar sentido a ideas complejas para convertirlas en pantallas que cualquiera pueda usar sin pensarlo demasiado. Investigo, organizo, armo prototipos en Figma y, si el proyecto lo pide, también me encargo de construirlas en el navegador.
Mi prioridad no es hacer pantallas bonitas en el primer intento, sino pantallas que funcionen. Diseño pensando en el contenido real y en las iteraciones que todo proyecto necesita. Lo visual llega después, y fluye mucho mejor cuando la base está en orden.
05 proyectos
2017 — 2026
El sitio anterior contaba con un diseño obsoleto y estaba saturado de información. Lo transformé en una experiencia moderna y vanguardista, simplificando la navegación y alineando su estética visual con los estándares internacionales de los otros sitios de YAMAHA.
Un sitio web completamente rediseñado, limpio y a la altura de una marca global.
Una landing page debe ser mucho más que un diseño atractivo. Creé páginas altamente optimizadas y conectadas directamente a campañas de Paid Media, donde la prioridad fue reducir la fricción y guiar al usuario para maximizar la generación de leads sin sacrificar la estética visual.
Flujos de captación optimizados y alineados para maximizar el ROI de las campañas publicitarias.
Cuento con una amplia experiencia creando logotipos y manuales de identidad corporativa para empresas de múltiples sectores. Mi enfoque va desde la conceptualización hasta la estandarización, garantizando sistemas visuales sólidos que mantienen su coherencia y escalabilidad en cualquier punto de contacto.
Identidades visuales versátiles y manuales de marca detallados, listos para cualquier medio.
A lo largo de mi trayectoria he construido una gran cantidad de sitios web, enfrentándome a todo tipo de retos técnicos y visuales. Mi enfoque va más allá de la estética: me especializo en diagnosticar y resolver problemas complejos de interfaz y experiencia de usuario para entregar productos funcionales, escalables y optimizados.
Decenas de sitios web publicados y problemas críticos de diseño resueltos con éxito.
Cuento con experiencia en la creación de ilustraciones digitales y arte conceptual con un alto nivel de detalle y acabado profesional. Abarco desde el diseño de personajes y entornos hasta el desarrollo visual completo para proyectos narrativos y cómics originales, aportando siempre una dirección artística sólida.
Piezas ilustradas y arte conceptual de calidad profesional, listas para producción.
El sitio anterior contaba con un diseño obsoleto y estaba saturado de información. Lo transformé en una experiencia moderna y vanguardista, simplificando la navegación y alineando su estética visual con los estándares internacionales de los otros sitios de YAMAHA.
Un sitio web completamente rediseñado, limpio y a la altura de una marca global.
Una landing page debe ser mucho más que un diseño atractivo. Creé páginas altamente optimizadas y conectadas directamente a campañas de Paid Media, donde la prioridad fue reducir la fricción y guiar al usuario para maximizar la generación de leads sin sacrificar la estética visual.
Flujos de captación optimizados y alineados para maximizar el ROI de las campañas publicitarias.
Cuento con una amplia experiencia creando logotipos y manuales de identidad corporativa para empresas de múltiples sectores. Mi enfoque va desde la conceptualización hasta la estandarización, garantizando sistemas visuales sólidos que mantienen su coherencia y escalabilidad en cualquier punto de contacto.
Identidades visuales versátiles y manuales de marca detallados, listos para cualquier medio.
A lo largo de mi trayectoria he construido una gran cantidad de sitios web, enfrentándome a todo tipo de retos técnicos y visuales. Mi enfoque va más allá de la estética: me especializo en diagnosticar y resolver problemas complejos de interfaz y experiencia de usuario para entregar productos funcionales, escalables y optimizados.
Decenas de sitios web publicados y problemas críticos de diseño resueltos con éxito.
Cuento con experiencia en la creación de ilustraciones digitales y arte conceptual con un alto nivel de detalle y acabado profesional. Abarco desde el diseño de personajes y entornos hasta el desarrollo visual completo para proyectos narrativos y cómics originales, aportando siempre una dirección artística sólida.
Piezas ilustradas y arte conceptual de calidad profesional, listas para producción.
Del caos a una pantalla clara.
Me encargo de todo el recorrido: entiendo qué problema necesitas resolver, organizo la información y armo prototipos en Figma. Ninguna idea pasa a desarrollo sin tener la certeza de que funciona para el usuario.
Sistemas para que tu equipo trabaje más rápido.
Creo librerías y componentes ordenados para que no tengas que resolver las mismas dudas de diseño dos veces. Documento las decisiones para que cualquier persona del equipo pueda usar el sistema sin perderse.
Diseño y desarrollo, sin cortocircuitos.
Diseño tu sitio y me encargo de dejarlo funcionando, ya sea en WordPress o con código a medida. Al hacer ambas cosas, me aseguro de que el resultado en el navegador sea exactamente el que aprobaste en Figma.
Un sistema visual que aguanta salir de la presentación.
Concepto, logotipo, paleta, tipografía y manual. Pensado desde el inicio para sobrevivir a un feed de Instagram, a una factura y a una pantalla de carga.
El detalle que hace que un producto se sienta vivo.
Ilustración digital, iconografía a medida y piezas en movimiento para producto o campaña. Después de siete años en Premiere y After Effects, sé cuándo el movimiento suma y cuándo sólo estorba.
Cinco fases. Porque diseñar basándonos en suposiciones siempre sale caro al final.
01 1 semana
Antes de pensar en interfaces, nos sentamos a hablar. Necesito entender los objetivos del negocio, el alcance real del equipo y qué problema estamos tratando de resolver de fondo.
02 1–2 semanas
Aquí salimos a buscar respuestas para no diseñar a ciegas. Analizo a los usuarios, reviso cómo lo resuelve el mercado o audito los flujos que ya existen. Un buen diseño se sostiene en datos y observación, no en opiniones.
03 1–2 semanas
Arquitectura, flujos y bocetos rápidos (wireframes). Aquí tomamos las decisiones críticas sobre qué va en dónde. Lo hacemos en baja fidelidad porque hacer cambios es rápido y barato mientras el diseño aún es un esquema gris.
04 2–4 semanas
Alta fidelidad, sistema de componentes y estados reales (vacío, error, carga). Armo prototipos que tú y tu equipo pueden navegar y probar. Es la etapa donde vemos exactamente cómo funcionará y se sentirá el producto final.
05 Continuo
Dejo todo documentado para que el equipo de desarrollo pueda trabajar sin fricciones. Además, hago acompañamiento mientras se construye, porque un diseño que no se supervisa pierde calidad al llegar al navegador.
2023 — Hoy
Jr. Web Designer
2020 — 2022
Diseñador Web y Gráfico
2021 — 2021
Auxiliar de Contenidos
2017 — 2022
Ingeniero Multimedia
Ingeniería Multimedia · Universidad San Buenaventura
2017 — 2022Tecnología en Producción Multimedia · SENA
—Diseño
FigmaWireframingPrototipado hi-fiFlujos UXDiseño responsiveDesign systemsVisual
IllustratorPhotoshopIdentidad de marcaIlustración digitalIconografíaMovimiento
After EffectsPremiereMicro-interacciónEdición de videoConstrucción
WordPressHTML / CSSAstroHandoff a desarrollo