Tipo
Sistema de marca personal y portafolio
← Casos de estudio
Sistemas de marca / Identidad digital / Arquitectura de portafolio
Raul Mermans Portfolio
Un sistema de marca personal para estrategia, casos de IA/producto, fotografía y experimentación visual.
Este portafolio fue construido como un sistema de identidad digital: un entorno estructurado para presentar estrategia de marca, relato cultural, trabajo de IA/producto, fotografía y experimentación visual desde una mirada editorial.
IdentidadEstrategia / IA / Fotografía / Visuales
Casos de estudioArchivoSobre míGitHub
Resumen del proyecto
Qué es el sistema
Uso
Posicionamiento, arquitectura de casos, navegación de prueba y transparencia técnica
Rol
Diseño de sistema de marca, arquitectura de información, implementación frontend y estrategia de contenido
Stack
Next.js, TypeScript, export estático, GitHub Actions y hosting en IONOS
Estado
Sitio en vivo y GitHub público disponible
Contexto de negocio
El problema de flujo del proyecto
Una oferta multidisciplinar puede ser difícil de evaluar cuando marca, trabajo técnico, visuales y pensamiento de producto aparecen como piezas separadas. Este proyecto explora cómo un portafolio puede funcionar como sistema comercial coherente, no como currículum estático.
Sistema / Solución
Cómo se acota el flujo
El sitio organiza identidad, casos de estudio, lenguaje de servicios, archivo visual y transparencia en GitHub dentro de una arquitectura de contenido repetible. El sistema usa UX contenida, navegación consistente y patrones modulares para que futuros sistemas de IA, trabajos de marca y prototipos puedan sumarse sin romper el posicionamiento.
Inputs
Posicionamiento de servicios, prueba en casos de estudio, trabajo visual, fotografía, links de GitHub e intención de contacto.
Flujo
Orientar al visitante, mostrar prueba, agrupar el trabajo por categoría, profundizar en casos y llevar briefs cualificados a contacto.
Lógica de proceso
La arquitectura de información y la jerarquía de contenido deciden qué ve primero la persona y cómo se enmarca la prueba.
Resultado
Un sistema de portafolio en vivo con posicionamiento comercial, páginas de caso, archivo visual y ruta de brief.
Límites
Lenguaje visual mínimo, lógica CTA consistente y transparencia técnica segura para publicar preservan la credibilidad.
Reto
Un perfil multidisciplinar puede fragmentarse con facilidad.
El trabajo cruza estrategia de marca, relato cultural, sistemas de IA/producto, fotografía y experimentos visuales. El reto no era listar proyectos, sino construir un mundo coherente alrededor de estrategia, gusto, dirección visual y ejecución técnica.
Traducir varias disciplinas en una identidad reconocible.
Hacer que los casos se sientan estratégicos, visuales y editoriales en vez de tarjetas de CV.
Crear una estructura capaz de escalar con futuros sistemas de IA, campañas, marca y fotografía.
Intención de diseño
El sitio funciona como un archivo con ritmo editorial.
El sistema visual usa la contención como señal. Espacio en blanco, storytelling visual, jerarquía tipográfica y movimiento controlado crean un ritmo donde el gusto aparece a través del pacing, no de la decoración.
Ritmo editorial
Las secciones funcionan como frames: entrada, orientación, selección, inmersión y prueba.
Navegación centrada en casos
La experiencia dirige la atención hacia prueba seleccionada, no hacia una parrilla genérica.
Atmósfera con estructura
Fotografía y visuales aportan textura mientras la arquitectura mantiene claridad.
Contención sobre ornamento
El espacio, la alineación y la escala tipográfica sostienen la identidad.
Arquitectura de información
Un sistema de portafolio, no un currículum estático.
La web se organiza como capas que responden a preguntas distintas del visitante.
- Home
- Capa de orientación
- Casos de estudio
- Capa de prueba
- Fotografía / visuales
- Capa de atmósfera
- About
- Capa de identidad
- GitHub
- Capa de transparencia técnica
Lógica de wireframe
La secuencia controla el ritmo en vez de llenar espacio.
El sitio se organiza como una secuencia de frames editoriales: entrada, orientación, selección, inmersión y prueba. Cada sección tiene una función en el recorrido.
- 01Frame de entrada
- 02Selector de proyectos
- 03Agrupación por categorías
- 04Ritmo de página de caso
- 05Archivo visual
- 06Contacto / salida
Sistema visual + técnico
El gusto se vuelve visible mediante jerarquía, espaciado y reglas repetibles.
Sistema visual
- Jerarquía tipográfica con titulares editoriales grandes y texto de apoyo más silencioso.
- Paleta neutral para que imagen, espacio y contenido sostengan el tono.
- Movimiento controlado que guía atención sin convertirse en espectáculo.
- Grid y bloques modulares para futuros casos y experimentos.
Sistema técnico
- Base en Next.js y TypeScript.
- Export estático para hosting en IONOS.
- Despliegue por SFTP mediante GitHub Actions.
- Repositorio público en GitHub como transparencia técnica.
- Disciplina de preparación pública alrededor de secretos, docs y despliegue.
Resultado
Un sistema de identidad escalable para trabajo futuro.
El resultado es una casa coherente para futuros casos, un posicionamiento creativo más claro y un puente más fuerte entre estrategia de marca y ejecución de IA/producto.
Un hogar escalable para sistemas de IA, campañas, marca y fotografía.
Posicionamiento más claro alrededor de estrategia, gusto y ejecución técnica aplicada.
Un repositorio público que hace visible la construcción sin convertir el caso en un recorrido de código.
Un archivo flexible para visuales, fotografía y experimentos continuos.
Por qué importa
La fiabilidad pesa más que la novedad
La misma lógica de sistema aplica a superficies de marca y producto para clientes: definir el flujo, estructurar la prueba, controlar la narrativa y dejar clara la siguiente acción. El valor no es decorativo; es claridad comercial puesta en uso.
Uso para clientes
Dónde se vuelve útil
Un sistema similar podría ayudar a founders, marcas, agencias o equipos internos a convertir capacidades dispersas, prototipos y trabajo estratégico en una superficie digital coherente que facilite evaluación y siguientes pasos.
Hablar de un sistema IA similar
¿Tienes un sistema creativo que merece desarrollarse?
Si tu equipo tiene un proceso creativo, herramienta interna, flujo de campaña o sistema de marca que merece ampliarse con IA, envía un brief breve y te ayudo a definir la lógica más clara.