Portafolio 2026
El diseño que resuelve.
El contexto que importa.
Cada proyecto en este portafolio es una respuesta a un problema concreto del ecosistema empresarial barranquillero. No creamos estética aislada; construimos identidades, experiencias y soluciones que funcionan en el terreno.
Soluciones visuales
La huella digital de marcas barranquilleras
Un mapa visual de cómo hemos colaborado con negocios locales para traducir su esencia en soluciones web y de marca.
Café del Muelle
Paleta inspirada en el atardecer del Río Magdalena. Tipografía con carácter caribeño para una cafetería en el Malecón.
Artesanías del Caribe
Fotografía técnica que resalta texturas. +40% en ventas online.
Norte Centro
Coworking: arquitectura colonial + líneas modernas.
Festival de la Luz
Animaciones sutiles que simulan el movimiento de las luces. Captura: "La interfaz debe sentirse como una celebración".
Nota de Método
Evaluamos la robustez de un proyecto no por métricas inventadas, sino por su capacidad de resolución real: ¿funciona en el celular de un cliente en La Sierra? ¿Se carga rápido en una conexión móvil promedio de Barranquilla? ¿Entiende un visitante de 50 años en su primer clic? La verdadera métrica es el silencio de un usuario que encuentra lo que busca sin frustración.
El proceso detrás de cada pixel
Descubrimiento
Entrevistas con stakeholders, auditoría de competencia local. Mapas de empatía para contextualizar al usuario barranquillero.
"El pitfall más común: diseñar sin entender el contexto del usuario. La respuesta suele estar en la calle, no en una reunión."
Estrategia Visual
Creación de paletas basadas en psicología del color y geografía local. Ejemplo: "Azul Norte" para una marca logística con énfasis en seriedad y tránsito.
Wireframing & Prototipado
Bocetos en baja fidelidad que priorizan la fluidez de la navegación. Se lee como un mapa, no como un plano detallado.
Desarrollo & Lanzamiento
HTML/CSS/JS puro, optimizado para redes móviles colombianas. Checklist final de accesibilidad (WCAG 2.1 AA).
Errores Comunes
- • Ignorar la carga móvil: Un diseño pesado se cobra caro en Barranquilla con la 4G. Solución: compresión de imágenes y código mínimo.
- • Contrastes bajos: La luz caribeña de tarde puede lavar la pantalla. Usamos paletas validadas en condiciones reales.
- • Complejidad innecesaria: Cada animación debe justificar su existencia. Preferimos transiciones suaves sobre efectos espectaculares.
- • Olvadar el CMS: El cliente debe poder actualizar su sitio. Por eso, sobre todo para PyMEs, recomendamos WordPress sencillo.
Glosario con Postura
Algunos términos técnicos, definidos desde nuestra experiencia en el mercado barranquillero. No son definiciones universales; son nuestro mapa conceptual.
UX (Experiencia de Usuario)
Más que "usabilidad", es la emoción del flujo. Para un restaurante, es que el cliente encuentre el menú y la ubicación antes del segundo scroll. No se diseña para el benchmark global, sino para el ritmo local de navegación.
UI (Interfaz de Usuario)
La arquitectura visual. En Colombia, donde el verde del botón "Comprar" debe contrastar con el verde de la bandera en esferas pequeñas, el detalle cobra doble importancia. Es el traje que viste la funcionalidad.
Prototipo
No es un diseño final. Es una pregunta física. Un wireframe interactivo es la mejor herramienta para preguntar: "¿Esto es lo que queríamos?" antes de una línea de código.
Accesibilidad (A11y)
No es un extra, es ley y buena práctica. En un contexto con envejecimiento poblacional y diversidad de dispositivos, un sitio que no es accesible, simplemente no está completo.
La Dilema del Diseño
Todo proyecto es una negociación entre deseos y realidades. Estos son los compromisos más frecuentes y cómo los navegamos.
Velocidad vs. Personalización Total
Contra: Plantillas prefabricadas son rápidas, pero se parecen a todas las demás.
**Mitigación:** Usamos "starter kits" estratégicos (vía WordPress o HTML plano) que personalizamos al 80%, dando el 20% de solidez para ahorrar el 50% del tiempo y costo.
Costo Inicial vs. Escalabilidad Futura
Contra: Un sitio mínimo es barato hoy, pero costoso de crecer mañana.
**Mitigación:** Identificamos el "punto de crecimiento" del cliente. Si hay planes de e-commerce, se estructura la base desde el día uno, aunque la tienda llegue en el segundo año.
Diseño Único vs. Usabilidad Instintiva
Contra: Romper el molde puede confundir a usuarios acostumbrados a patrones conocidos.
**Mitigación:** Innovamos en el flujo interno (cómo se siente), pero respetamos convenciones externas (cómo se ubican los botones, menús).
Funcionalidad Compleja vs. Usabilidad Simple
Contra: Añadir filtros, búsquedas avanzadas y dashboards puede abrumar.
**Mitigación:** "Modo experto" opaneles administrativos amigables, siempre escondemos la complejidad detrás de una interface simple para el usuario final.
¿Listo para visualizar tu siguiente proyecto?
Hablemos de tu desafío. Una conversación puede ahorrarte meses de incertidumbre y abrir rutas que no habías considerado.
Contactar a Pixnivo