Diseñador, pensador, creador arquitecto constructor
Con más de 6 años de experiencia, he dedicado mi carrera a crear productos digitales que combinan estética, usabilidad y estrategia de negocio.
Mi historia
Empecé mi carrera como diseñador gráfico, pero rápidamente descubrí que mi verdadera pasión estaba en la intersección entre diseño y tecnología. El mundo digital me fascinó por su capacidad de crear experiencias que impactan a millones de personas.
A lo largo de estos años he tenido el privilegio de trabajar con empresas como Banco Sabadell, Iberia, y Doctori, donde he podido aplicar mi experiencia en Design Systems, Product Design y Design Operations para transformar productos digitales complejos en experiencias intuitivas.
Mi enfoque combina metodologías como Design Thinking, Lean UX y Agile, siempre con el usuario en el centro. Creo firmemente que el diseño no es solo cómo se ve algo, sino cómo funciona, cómo se siente y qué problema resuelve.
Cuando no estoy diseñando, probablemente estoy explorando nuevas herramientas, leyendo sobre psicología cognitiva o experimentando con código creativo.
/**
* @module ramon-riera
* @version 8.0.0
* @description
*
* Empecé mi carrera como diseñador gráfico, pero rápidamente
* descubrí que mi verdadera pasión estaba en la intersección
* entre diseño y tecnología. El mundo digital me fascinó
* por su capacidad de crear experiencias que impactan a
* millones de personas.
*
* He tenido el privilegio de trabajar con empresas como
* Banco Sabadell, Iberia, y Doctori, aplicando mi
* experiencia en Design Systems, Product Design y Design
* Operations para transformar productos digitales complejos
* en experiencias intuitivas.
*
* @methodology Design Thinking | Lean UX | Agile
* @philosophy El diseño no es solo cómo se ve algo,
* sino cómo funciona, cómo se siente y qué problema resuelve.
*
* @idle Explorando herramientas, leyendo sobre psicología
* cognitiva o experimentando con código creativo.
*
* @license MIT
*/Trayectoria
Doctori.com
Senior Product Designer & Design Ops
Liderando la evolución del producto y la eficiencia operativa mediante la implementación de un Design System robusto. Enfoque en Design Ops para escalar procesos de diseño y sincronización con ingeniería.
Proyectos de Consultoría Senior
Product & UI Consultant
Definición de producto y UI estratégica para nuevos modelos de negocio en plataforma educativa.
Design Systems Consultant
Arquitectura de Design Tokens y sistema de diseño global para Web y App. Escalabilidad multi-plataforma y gobernanza del sistema.
Design Systems Consultant
Documentación técnica y componentes modulares para banca digital. Creación de librerías escalables y procesos de contribución.
JBM
Junior Designer
Inicio de carrera profesional con proyectos de branding y web design.
│
│
Impacto en números
// metrics.status()
Mejora en velocidad de entrega de equipos de diseño tras implementación de Design Systems.
Tasa de adopción de componentes del Design System en equipos de producto.
Metodología y Stack
Base teórica, proceso práctico y herramientas de ejecución.
Principios de Diseño
// design_principles
Sistemas sobre Pantallas
ESTRATEGIADiseñar infraestructuras escalables y consistentes, no solo interfaces aisladas.
Única Fuente de Verdad
INGENIERÍASincronización total entre diseño y código mediante tokens y documentación activa.
Accesibilidad por Defecto
CULTURALa inclusión es un requisito técnico fundamental desde el inicio, no una capa final.
Eficiencia mediante Ops
ESTRATEGIAOptimizar procesos y herramientas para que el equipo se centre en crear valor, no en tareas repetitivas.
Puentes, no Muros
CULTURAFacilitar un lenguaje común y una colaboración fluida entre diseño e ingeniería.
Evidencia sobre Opinión
PRODUCTOLas decisiones de diseño se validan con datos y comportamiento real. Un sistema solo es exitoso si resuelve problemas del usuario de forma medible.
export default {
rules: {
// [ESTRATEGIA] Infraestructuras escalables y consistentes
"sistemas-sobre-pantallas": ["error", { enforce: true }],
// [INGENIERÍA] Tokens sincronizados: Figma → Code → Producción
"unica-fuente-de-verdad": ["error", { enforce: true }],
// [CULTURA] WCAG AA mínimo en cada componente
"a11y-por-defecto": ["error", { level: "AA" }],
// [ESTRATEGIA] Automatizar lo predecible, diseñar lo complejo
"eficiencia-mediante-ops": ["warn", { enforce: true }],
// [CULTURA] Naming compartido, specs legibles, handoff sin fricción
"puentes-no-muros": ["error", { enforce: true }],
// [PRODUCTO] Validar con datos y comportamiento real
"evidencia-sobre-opinion": ["error", { enforce: true }]
}
} satisfies DesignLintConfig;Ecosistema Técnico
// tech_ecosystem()
Proceso de trabajo y herramientas organizados como módulos de un sistema. Cada fase tiene su stack dedicado.
// Proceso de trabajo y herramientas organizados como módulos de un sistema
Strategy & Research
User Research, Data Analysis, Testing. Detecto problemas reales antes de diseñar soluciones.
Product & UI Design
Advanced Prototyping, Interactive Design, UI Kits. Del concepto al prototipo de alta fidelidad.
Design Ops & Systems
Governance, Design Tokens, Scalability. Arquitectura que escala entre equipos y productos.
Design Engineering
Frontend Architecture, UI Build, Git Flow. Del token al componente en producción.
export const ecosystem = {
strategy: {
focus: "User Research → Data Analysis → Testing",
tools: ["Maze", "Hotjar", "FigJam", "Typeform"],
output: "validated insights"
},
design: {
focus: "Prototyping → Interactive Design → UI Kits",
tools: ["Figma", "Framer", "Cursor", "Lovable"],
output: "hi-fi prototypes"
},
systems: {
focus: "Governance → Design Tokens → Scalability",
tools: ["Storybook", "Token Studio", "Supernova"],
output: "scalable architecture"
},
engineering: {
focus: "Frontend Architecture → UI Build → Git Flow",
tools: ["GitHub", "JavaScript", "TypeScript"],
output: "design-faithful code"
}
} as const;¿Listo para empezar?
Cuéntame sobre tu proyecto y veamos cómo puedo ayudarte a alcanzar tus objetivos de diseño.