{"id":53,"date":"2026-06-18T14:08:27","date_gmt":"2026-06-18T14:08:27","guid":{"rendered":"https:\/\/diegoratti.es\/?post_type=dmp_lab&#038;p=53"},"modified":"2026-06-18T14:08:28","modified_gmt":"2026-06-18T14:08:28","slug":"disenar-herramientas-digitales-a-medida","status":"publish","type":"dmp_lab","link":"https:\/\/diegoratti.es\/en\/lab\/disenar-herramientas-digitales-a-medida\/","title":{"rendered":"Designing Custom Digital Tools: Beyond a Pretty Website"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Durante mucho tiempo, cuando se hablaba de dise\u00f1o digital, parec\u00eda que todo empezaba y terminaba en c\u00f3mo se ve\u00eda una pantalla. Una web limpia, unos botones bien colocados, una tipograf\u00eda correcta, una paleta de colores coherente y una navegaci\u00f3n m\u00e1s o menos ordenada. Todo eso importa, claro. Pero cuando el objetivo no es solo presentar informaci\u00f3n, sino crear una herramienta que alguien va a usar para trabajar, gestionar datos, tomar decisiones o automatizar procesos, el dise\u00f1o cambia de categor\u00eda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ah\u00ed ya no hablamos \u00fanicamente de una web bonita. Hablamos de una herramienta digital a medida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una herramienta digital a medida puede ser una webapp interna, un plugin para WordPress, un panel de gesti\u00f3n, un configurador, un sistema de seguimiento, una plataforma de contenidos o una peque\u00f1a aplicaci\u00f3n creada para resolver un problema muy concreto. A veces no necesita parecer espectacular. De hecho, muchas veces no deber\u00eda intentarlo. Su funci\u00f3n principal no es impresionar durante cinco segundos, sino funcionar bien todos los d\u00edas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La interfaz es solo la parte visible<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una interfaz es como la carcasa de un producto f\u00edsico. Es lo primero que se ve y, muchas veces, lo que determina si algo parece claro, profesional o confiable. Pero igual que en dise\u00f1o industrial la carcasa no puede dise\u00f1arse ignorando los componentes internos, en producto digital la interfaz no puede separarse de la l\u00f3gica que hay detr\u00e1s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada bot\u00f3n responde a una acci\u00f3n. Cada campo de formulario tiene una consecuencia. Cada tabla necesita ordenar, filtrar o mostrar informaci\u00f3n \u00fatil. Cada pantalla forma parte de un flujo mayor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por eso, dise\u00f1ar una herramienta digital implica hacerse preguntas bastante menos glamourosas que \u201cqu\u00e9 color queda mejor aqu\u00ed\u201d:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00bfQui\u00e9n va a usar esto?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 necesita hacer exactamente?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 informaci\u00f3n entra en el sistema?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 informaci\u00f3n tiene que salir?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 errores son probables?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 partes deben ser editables?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 ocurre si el usuario no completa un campo?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 se puede automatizar?<\/li>\n\n\n\n<li>\u00bfQu\u00e9 debe seguir siendo manual?<\/li>\n\n\n\n<li>\u00bfC\u00f3mo se mantendr\u00e1 dentro de seis meses?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Son preguntas poco espectaculares, pero son las que hacen que una herramienta funcione de verdad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dise\u00f1ar para uso real, no para una demo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una demo puede estar muy pulida y aun as\u00ed ser in\u00fatil. El uso real es m\u00e1s inc\u00f3modo. Los usuarios se equivocan, tienen prisa, escriben datos incompletos, suben im\u00e1genes demasiado grandes, duplican entradas, olvidan pasos, cambian de criterio y necesitan corregir cosas que no estaban previstas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una herramienta bien dise\u00f1ada no asume que todo ir\u00e1 perfecto. Al contrario: est\u00e1 pensada para absorber cierta cantidad de caos sin romperse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto afecta directamente al UX\/UI. No basta con dise\u00f1ar una pantalla ideal. Hay que dise\u00f1ar estados vac\u00edos, errores, confirmaciones, mensajes de ayuda, vistas de administraci\u00f3n, permisos, listados, edici\u00f3n, eliminaci\u00f3n, estados intermedios y comportamientos raros. Lo divertido, s\u00ed. La fiesta de los formularios.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por eso, en muchos proyectos digitales a medida, la diferencia entre una soluci\u00f3n amateur y una soluci\u00f3n profesional no est\u00e1 en que una sea m\u00e1s bonita que la otra. Est\u00e1 en que una entiende el proceso completo y la otra solo maquilla la superficie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El valor est\u00e1 en conectar dise\u00f1o, l\u00f3gica y contexto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En mi caso, el inter\u00e9s por este tipo de proyectos viene de una mezcla natural entre dise\u00f1o de producto, UX\/UI, WordPress, desarrollo web y automatizaci\u00f3n. No me interesa el dise\u00f1o digital como una capa decorativa, sino como una forma de construir sistemas \u00fatiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un plugin personalizado, por ejemplo, puede resolver un problema que un plugin gen\u00e9rico no cubre bien. Una webapp puede convertir una hoja de c\u00e1lculo ca\u00f3tica en una experiencia clara. Un panel interno puede reducir pasos repetitivos. Un formulario bien planteado puede alimentar un flujo completo de producci\u00f3n, comunicaci\u00f3n o gesti\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La clave est\u00e1 en entender que una herramienta digital no vive aislada. Forma parte de un contexto: una empresa, un equipo, un cliente, un producto, un proceso de trabajo o una necesidad concreta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando ese contexto se entiende bien, el dise\u00f1o deja de ser solo visual. Se convierte en estructura.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress tambi\u00e9n puede ser una base seria<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress suele arrastrar una imagen curiosa. Para algunos es \u201csolo para blogs\u201d. Para otros es una especie de monstruo lleno de plugins que hay que domar con incienso y actualizaciones. La realidad es m\u00e1s interesante: bien usado, puede ser una base muy potente para desarrollar herramientas a medida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No todo necesita construirse desde cero. A veces WordPress ofrece justo lo necesario: gesti\u00f3n de usuarios, roles, entradas personalizadas, campos, administraci\u00f3n, medios, taxonom\u00edas, URLs, SEO y una base editorial s\u00f3lida. Sobre eso se pueden crear plugins personalizados, paneles espec\u00edficos y flujos adaptados a necesidades reales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El problema aparece cuando se intenta resolver todo instalando veinte plugins distintos que no estaban pensados para hablar entre s\u00ed. Ah\u00ed empiezan los conflictos, los apa\u00f1os, las pantallas innecesarias y la sensaci\u00f3n de que la web funciona \u201cm\u00e1s o menos\u201d. Una frase peligros\u00edsima.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una soluci\u00f3n a medida permite limpiar ese ruido. No siempre hace falta hacer algo enorme. Muchas veces basta con una pieza bien pensada: un custom post type, un panel de eventos, un sistema de submissions, una exportaci\u00f3n concreta, una ficha p\u00fablica, un flujo de emails o una peque\u00f1a l\u00f3gica de validaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Peque\u00f1as herramientas bien dise\u00f1adas pueden cambiar mucho la forma de trabajar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UX\/UI no es solo Figma<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Figma es una herramienta fant\u00e1stica. Tambi\u00e9n lo son Adobe, los prototipos, los sistemas de dise\u00f1o y los flujos visuales. Pero UX\/UI no termina en el archivo de dise\u00f1o. En proyectos reales, especialmente en herramientas internas o productos digitales peque\u00f1os, hay una pregunta inevitable:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfEsto se puede construir de forma razonable?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un dise\u00f1o que ignora desarrollo, mantenimiento y gesti\u00f3n futura puede quedar muy bien en pantalla y convertirse en un problema en producci\u00f3n. Por eso me interesa trabajar el dise\u00f1o desde una visi\u00f3n m\u00e1s completa: interfaz, estructura, implementaci\u00f3n y uso posterior.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No significa que todo dise\u00f1ador tenga que programar. Pero s\u00ed creo que entender c\u00f3mo se construyen las cosas mejora mucho las decisiones de dise\u00f1o. Ayuda a plantear interfaces m\u00e1s realistas, componentes reutilizables, flujos m\u00e1s s\u00f3lidos y soluciones menos fr\u00e1giles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y tambi\u00e9n evita una de las grandes tragedias del dise\u00f1o digital: entregar una maqueta preciosa que luego alguien tiene que convertir en realidad llorando por dentro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Una buena herramienta deber\u00eda desaparecer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una interfaz bien dise\u00f1ada no siempre busca protagonismo. En muchos casos, cuanto menos se nota, mejor funciona. El usuario no entra en una herramienta interna para admirar una composici\u00f3n visual. Entra para hacer algo: registrar, consultar, editar, descargar, enviar, revisar, publicar o decidir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si la herramienta le permite hacerlo sin pensar demasiado, el dise\u00f1o est\u00e1 funcionando.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto no significa que tenga que ser fea. Al contrario. La claridad visual, el ritmo, los espacios, la jerarqu\u00eda y la consistencia importan much\u00edsimo. Pero deben estar al servicio de la tarea, no por encima de ella.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El minimalismo \u00fatil no consiste en quitar cosas hasta que parezca elegante. Consiste en dejar lo necesario y ordenar bien lo importante.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dise\u00f1ar sistemas peque\u00f1os tambi\u00e9n es dise\u00f1ar producto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A veces se habla de producto digital pensando solo en grandes plataformas, apps complejas o startups con rondas de inversi\u00f3n. Pero hay mucho producto digital en herramientas m\u00e1s peque\u00f1as: un CRM interno, un gestor de eventos, una webapp de entrenamiento, un plugin de administraci\u00f3n, un configurador o un sistema para automatizar entregables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estos proyectos tienen algo especialmente interesante: est\u00e1n muy cerca del usuario real. No se dise\u00f1an para una audiencia abstracta, sino para necesidades concretas. Eso obliga a ser pr\u00e1ctico, directo y flexible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En ese tipo de trabajos, el valor no est\u00e1 solo en dise\u00f1ar una interfaz agradable. Est\u00e1 en traducir una necesidad desordenada en una herramienta clara.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ese proceso se parece bastante al dise\u00f1o industrial: entender restricciones, definir funciones, ordenar componentes, prever uso, simplificar decisiones y construir algo que tenga sentido cuando sale del entorno controlado del dise\u00f1o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El objetivo: herramientas que trabajen contigo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una herramienta digital a medida deber\u00eda reducir fricci\u00f3n. Deber\u00eda ahorrar pasos, evitar errores, ordenar informaci\u00f3n y hacer que un proceso sea m\u00e1s f\u00e1cil de repetir. No deber\u00eda convertirse en otro problema que mantener.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por eso, cuando dise\u00f1o o desarrollo este tipo de soluciones, intento pensar en tres capas al mismo tiempo:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La primera es la experiencia del usuario: qu\u00e9 ve, qu\u00e9 entiende y qu\u00e9 puede hacer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La segunda es la l\u00f3gica del sistema: qu\u00e9 ocurre detr\u00e1s de cada acci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La tercera es la vida futura de la herramienta: c\u00f3mo se actualizar\u00e1, qui\u00e9n la gestionar\u00e1 y qu\u00e9 pasar\u00e1 cuando el proyecto crezca o cambie.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando esas tres capas encajan, el resultado deja de ser \u201cuna web\u201d y empieza a ser una herramienta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y esa es la parte que m\u00e1s me interesa del dise\u00f1o digital: no hacer pantallas bonitas porque s\u00ed, sino crear sistemas que resuelven algo real.<\/p>","protected":false},"excerpt":{"rendered":"<p>Designing a digital tool is not just about creating a clean interface. It involves understanding processes, users, data, decisions, and actual maintenance.<\/p>","protected":false},"author":1,"featured_media":54,"template":"","dmp_lab_topic":[5,3,4],"class_list":["post-53","dmp_lab","type-dmp_lab","status-publish","has-post-thumbnail","hentry","dmp_lab_topic-producto-digital","dmp_lab_topic-ux-ui","dmp_lab_topic-webapps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita - Diego Ratti<\/title>\n<meta name=\"description\" content=\"Reflexi\u00f3n sobre el dise\u00f1o de herramientas digitales a medida, webapps y plugins personalizados desde una visi\u00f3n pr\u00e1ctica de UX\/UI, producto y desarrollo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/diegoratti.es\/en\/lab\/disenar-herramientas-digitales-a-medida\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita - Diego Ratti\" \/>\n<meta property=\"og:description\" content=\"Reflexi\u00f3n sobre el dise\u00f1o de herramientas digitales a medida, webapps y plugins personalizados desde una visi\u00f3n pr\u00e1ctica de UX\/UI, producto y desarrollo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/diegoratti.es\/en\/lab\/disenar-herramientas-digitales-a-medida\/\" \/>\n<meta property=\"og:site_name\" content=\"Diego Ratti\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-18T14:08:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/disenar-herramientas-digitales-a-medida.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"624\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/\",\"url\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/\",\"name\":\"Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita - Diego Ratti\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/diegoratti.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/diegoratti.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/disenar-herramientas-digitales-a-medida.webp\",\"datePublished\":\"2026-06-18T14:08:27+00:00\",\"dateModified\":\"2026-06-18T14:08:28+00:00\",\"description\":\"Reflexi\u00f3n sobre el dise\u00f1o de herramientas digitales a medida, webapps y plugins personalizados desde una visi\u00f3n pr\u00e1ctica de UX\\\/UI, producto y desarrollo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/#primaryimage\",\"url\":\"https:\\\/\\\/diegoratti.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/disenar-herramientas-digitales-a-medida.webp\",\"contentUrl\":\"https:\\\/\\\/diegoratti.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/disenar-herramientas-digitales-a-medida.webp\",\"width\":1000,\"height\":624,\"caption\":\"Representaci\u00f3n abstracta de una herramienta digital a medida con paneles de interfaz, flujos conectados y estructura modular.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/disenar-herramientas-digitales-a-medida\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/diegoratti.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lab\",\"item\":\"https:\\\/\\\/diegoratti.es\\\/lab\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/diegoratti.es\\\/#website\",\"url\":\"https:\\\/\\\/diegoratti.es\\\/\",\"name\":\"diegoratti.es\",\"description\":\"Dise\u00f1o Industrial \u00b7 UX\\\/UI \u00b7 Webapps \u00b7 Tecnolog\u00eda\",\"publisher\":{\"@id\":\"https:\\\/\\\/diegoratti.es\\\/#\\\/schema\\\/person\\\/4a23adfe6f814f5a74a8068151417b35\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/diegoratti.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/diegoratti.es\\\/#\\\/schema\\\/person\\\/4a23adfe6f814f5a74a8068151417b35\",\"name\":\"dlopezratti@uic.es\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/diegoratti.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Logo_Solid.png\",\"url\":\"https:\\\/\\\/diegoratti.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Logo_Solid.png\",\"contentUrl\":\"https:\\\/\\\/diegoratti.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Logo_Solid.png\",\"width\":681,\"height\":786,\"caption\":\"dlopezratti@uic.es\"},\"logo\":{\"@id\":\"https:\\\/\\\/diegoratti.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-Logo_Solid.png\"},\"sameAs\":[\"http:\\\/\\\/diegoratti.es\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita - Diego Ratti","description":"Reflexi\u00f3n sobre el dise\u00f1o de herramientas digitales a medida, webapps y plugins personalizados desde una visi\u00f3n pr\u00e1ctica de UX\/UI, producto y desarrollo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/diegoratti.es\/en\/lab\/disenar-herramientas-digitales-a-medida\/","og_locale":"en_US","og_type":"article","og_title":"Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita - Diego Ratti","og_description":"Reflexi\u00f3n sobre el dise\u00f1o de herramientas digitales a medida, webapps y plugins personalizados desde una visi\u00f3n pr\u00e1ctica de UX\/UI, producto y desarrollo.","og_url":"https:\/\/diegoratti.es\/en\/lab\/disenar-herramientas-digitales-a-medida\/","og_site_name":"Diego Ratti","article_modified_time":"2026-06-18T14:08:28+00:00","og_image":[{"width":1000,"height":624,"url":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/disenar-herramientas-digitales-a-medida.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/","url":"https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/","name":"Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita - Diego Ratti","isPartOf":{"@id":"https:\/\/diegoratti.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/#primaryimage"},"image":{"@id":"https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/#primaryimage"},"thumbnailUrl":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/disenar-herramientas-digitales-a-medida.webp","datePublished":"2026-06-18T14:08:27+00:00","dateModified":"2026-06-18T14:08:28+00:00","description":"Reflexi\u00f3n sobre el dise\u00f1o de herramientas digitales a medida, webapps y plugins personalizados desde una visi\u00f3n pr\u00e1ctica de UX\/UI, producto y desarrollo.","breadcrumb":{"@id":"https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/#primaryimage","url":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/disenar-herramientas-digitales-a-medida.webp","contentUrl":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/disenar-herramientas-digitales-a-medida.webp","width":1000,"height":624,"caption":"Representaci\u00f3n abstracta de una herramienta digital a medida con paneles de interfaz, flujos conectados y estructura modular."},{"@type":"BreadcrumbList","@id":"https:\/\/diegoratti.es\/lab\/disenar-herramientas-digitales-a-medida\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/diegoratti.es\/"},{"@type":"ListItem","position":2,"name":"Lab","item":"https:\/\/diegoratti.es\/lab\/"},{"@type":"ListItem","position":3,"name":"Dise\u00f1ar herramientas digitales a medida: m\u00e1s all\u00e1 de una web bonita"}]},{"@type":"WebSite","@id":"https:\/\/diegoratti.es\/#website","url":"https:\/\/diegoratti.es\/","name":"diegoratti.es","description":"Industrial Design \u00b7 UX\/UI \u00b7 Webapps \u00b7 Technology","publisher":{"@id":"https:\/\/diegoratti.es\/#\/schema\/person\/4a23adfe6f814f5a74a8068151417b35"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/diegoratti.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/diegoratti.es\/#\/schema\/person\/4a23adfe6f814f5a74a8068151417b35","name":"dlopezratti@uic.es","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/cropped-Logo_Solid.png","url":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/cropped-Logo_Solid.png","contentUrl":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/cropped-Logo_Solid.png","width":681,"height":786,"caption":"dlopezratti@uic.es"},"logo":{"@id":"https:\/\/diegoratti.es\/wp-content\/uploads\/2026\/06\/cropped-Logo_Solid.png"},"sameAs":["http:\/\/diegoratti.es"]}]}},"_links":{"self":[{"href":"https:\/\/diegoratti.es\/en\/wp-json\/wp\/v2\/dmp_lab\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diegoratti.es\/en\/wp-json\/wp\/v2\/dmp_lab"}],"about":[{"href":"https:\/\/diegoratti.es\/en\/wp-json\/wp\/v2\/types\/dmp_lab"}],"author":[{"embeddable":true,"href":"https:\/\/diegoratti.es\/en\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/diegoratti.es\/en\/wp-json\/wp\/v2\/media\/54"}],"wp:attachment":[{"href":"https:\/\/diegoratti.es\/en\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"dmp_lab_topic","embeddable":true,"href":"https:\/\/diegoratti.es\/en\/wp-json\/wp\/v2\/dmp_lab_topic?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}