UX
uxario

El trabajo no habla por sí solo. Necesita narrativa.

Este portafolio es una curaduría, no un inventario. Cada proyecto seleccionado responde a una pregunta específica de negocio, tecnología o contexto local. No hay decoración, solo criterio editorial.

Explorar la galería

Glosario de Decisión

Lenguaje clave para evaluar un proyecto de diseño. No son teoría; son filtros prácticos que usamos diariamente.

Accesibilidad (WCAG)

Criterio no negociable

Para nosotros, no es un checklist burocrático. Es diseñar para una abuela en Cali que usa un lector de pantalla, o para un campesino en el Valle del Cauca que usa un celular antiguo con manos ocupadas. En el proyecto de la ONG local, implementamos etiquetas ARIA apropiadas y alto contraste, lo que redujo el tiempo de navegación para usuarios de lectores de pantalla en un 40%.

Opinión: El "cumplimiento" es el mínimo. La verdadera accesibilidad es una elección estética que prioriza el contenido y la claridad sobre el brillo decorativo.

Mobile-First

Estrategia de priorización, no solo un eslogan

Diseñar para el móvil no es "achicar" el desktop. Es aceptar que, en Cali, el 78% del tráfico web viene de smartphones. La diferencia real en resultados: un proyecto de e-commerce para artesanías (‘Raíces Andinas’) vio su tasa de conversión aumentar en un 22% cuando rediseñamos el flujo de compra para una sola mano y conexiones 3G, antes de siquiera considerar la versión desktop.

Opinión: Diseñar mobile-first fuerza a eliminar lo no esencial. Es el mejor filtro para la claridad que existe.

ROI del Diseño

Traducción a negocio

Tradicionalmente, el ROI del diseño se asocia a "vender más". Para nosotros, incluye: reducción de soporte, mejora en la tasa de retención de usuarios, y ahorro en desarrollo futuro. En un proyecto de microsite para una campaña cultural, el rediseño del proceso de registro redujo las consultas al soporte en un 30%, liberando recursos del equipo interno.

Opinión: Si no se puede medir el impacto (aunque sea cualitativo), es un gasto, no una inversión.

Escenario: El Dueño de la Tienda

“Soy propietario de una tienda de repuestos en un barrio residencial. Necesito un sitio web simple donde mis clientes puedan ver el inventario y pedir. Tengo un presupuesto ajustado y pánico a la tecnología. El otro estudio me habló de ‘CVC’ y ‘headless’; yo solo quiero vender repuestos y que la gente me encuentre en Google.”

Este es un caso real. La solución no fue una plataforma compleja. Fue un sitio web con catálogo administrable por el dueño, con fotos optimizadas para cargas rápidas en zona de flujo intermitente, y un botón de WhatsApp integrado para el 80% de las consultas que ocurren por ese canal.

El resultado fue que él dedicó su tiempo a su negocio, no a administrar una web. Y sus clientes encontraron lo que necesitaban.

El dueño usando su sitio web

Mini-caso: Tienda de repuestos "Tu Futuro". Solución: Catálogo web + Integración WhatsApp.

Lente de Decisión

Antes de contactarnos, evalué si nuestro enfoque se alinea con su proyecto.

Optimizamos para esto

  • Claridad en el problema de negocio.
  • Acceso a usuarios/clientes finales.
  • Entendimiento del contexto local (Cali/Valle).
  • Equipos que valoran la colaboración.

Sacrificamos esto

  • Velocidad de entrega (no hacemos paquete súper rápido).
  • Coste inicial más bajo (si implica recortar calidad).
  • Flexibilidad radical (debemos mantener un proceso).
  • Funcionalidades "porque sí" (sin justificación de usuario).

El Proceso en Práctica

Un caso real: Rediseño de interfaz para una app de logística urbana en Cali.

1

Mapa de Viaje

Identificamos el punto de mayor frustración: el retraso en la notificación de recogida para el conductor. No era un problema visual, era un problema de confianza en el sistema.

2

Wireframe en Contexto

Diseñamos para entornos luminosos (carreras de día) y oscuros (talleres, noche). Priorizamos botones de acción con alto contraste y sonido/háptico opcional.

3

Prototipo de Verdad

Creamos un prototipo interactivo que enviaba una notificación falso-de-retraso para que los conductores pudieran reaccionar. La latencia percibida disminuyó un 50% en las pruebas.

App de logística con anotaciones

Anotaciones: 1) Indicador de confianza (ETA siempre visible). 2) Botón primario (área de toque amplia). 3) Cuello de botella en datos de la ciudad.

Selección Curada

Proyectos que representan el espectro de nuestros trabajos, desde identidad visual hasta sistemas complejos de producto.

E-commerce de artesanías

Raíces Andinas

E-commerce de artesanías indígenas. Checkout optimizado para transparencia de origen, resultando en +22% en conversión.

App de transporte público

Mi Ruta

Interfaz para transporte público. Iconografía basada en puntos de referencia locales. Optimizado para manejo con una sola mano.

Identidad visual Café del Valle

Café del Valle

Identidad visual. Paleta inspirada en atardeceres del Pacífico y tipografía de artesanía local.

Sitio web para taller mecánico

Taller El Futuro

Sitio web para local. Catálogo administrable y priorización de canales de WhatsApp para consultas.

Sistema de diseño CaliTech

Sistema CaliTech

Biblioteca de componentes y documentación para startup local. Reducción del tiempo de desarrollo futuro en +30%.

¿Su proyecto necesita una narrativa clara?

Si su problema se alinea con nuestro enfoque, estamos listos para escuchar. La primera conversación es exploratoria y sin compromiso.

Iniciar conversación

Contacto directo: Calle 4 #35a-51, Oficina 102, Cali, Colombia