{"id":18603,"date":"2021-06-20T08:54:22","date_gmt":"2021-06-20T06:54:22","guid":{"rendered":"https:\/\/techbcndev.wearefirma.com\/event\/vision-to-action-how-to-build-a-design-system\/"},"modified":"2021-06-20T08:54:22","modified_gmt":"2021-06-20T06:54:22","slug":"vision-to-action-how-to-build-a-design-system","status":"publish","type":"event","link":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/","title":{"rendered":"[Vision to Action] How to build a Design System"},"content":{"rendered":"<p>En este workshop encontrar\u00e1s todo lo que se necesita saber para crear sistemas de dise\u00f1o exitosos, desde la visi\u00f3n estrat\u00e9gica hasta el dise\u00f1o esencial y su implementaci\u00f3n\/ desarrollo. Actualizar una cultura, procesos y flujos de trabajo no es una tarea f\u00e1cil, pero es necesario establecer estrategias pr\u00e1cticas y pragm\u00e1ticas para que las compa\u00f1\u00edas creen excelentes experiencias en sus productos\/ servicios.<\/p>\n<p>Un sistema de dise\u00f1o une bajo un mismo paraguas un grupo de normas para conseguir un lenguaje visual com\u00fan. Reduce tiempo, acelera el proceso de dise\u00f1o y crea puentes entre los equipos que trabajan en la conceptualizaci\u00f3n y desarrollo de productos. Desde la \u00f3ptica de nuestro UX Design, podr\u00e1s entender para qu\u00e9 sirve, c\u00f3mo se crea un sistema de dise\u00f1o para mejorar la calidad de los productos y c\u00f3mo implantarlo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6386\" src=\"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/4_VisionAction_Diego_16-9-1.png\" alt=\"\" width=\"1600\" height=\"800\" \/><\/p>\n<p>Adem\u00e1s, se abordar\u00e1n herramientas y metodolog\u00edas como el dise\u00f1o At\u00f3mico (Atomic Design) creada por Brad Frost enfocada en la reutilizaci\u00f3n acumulativa de elementos modulares sencillos para crear estructuras de informaci\u00f3n m\u00e1s complejas. Una metodolog\u00eda para crear sistemas de dise\u00f1o de interfaz robustos para hacer que el dise\u00f1o y el desarrollo basados en patrones sean la piedra angular del flujo de trabajo de un equipo.<br \/>\nDiego Beltramini es el UX Designer Specialist del Payment Innovation Hub. Dise\u00f1ador de experiencia de usuario con una licenciatura en Dise\u00f1o de Comunicaci\u00f3n en Politecnico di Milano (POLIMI) y una amplia experiencia en Interfaz de Usuario y Dise\u00f1o Gr\u00e1fico. Desde 2012, ha estado trabajando para agencias de dise\u00f1o internacionales l\u00edderes como Ogilvy &amp; Mather, NiEW Design y Zinc Group, ha participado en la creaci\u00f3n de sitios web, e-commerces, aplicaciones nativas y plataformas digitales para la gesti\u00f3n y control de big data. Su objetivo es ofrecer una experiencia \u00fanica y agradable para los usuarios centrada en la simplicidad y la facilidad de uso.<\/p>\n<p>Vision to Action es un iniciativa liderada por el Payment Innovation Hub con el objetivo de compartir experiencias y p\u00edldoras inspiradoras dirigidas a la comunidad emprendedora. Cada mes, un miembro de nuestro equipo llevar\u00e1 a cabo un workshop sobre t\u00e9cnicas y herramientas utilizadas en nuestros procesos de innovaci\u00f3n. Contamos con un equipo de alto rendimiento experto en nuevas metodolog\u00edas de trabajo. Nuestros workshops mensuales se basan en la transferencia de conocimientos y experiencias que permitir\u00e1n a los participantes aprender habilidades pr\u00e1cticas. Todos las sesiones est\u00e1n dirigidas a emprendedores, startups y cualquier persona interesada en tecnolog\u00eda y innovaci\u00f3n. Sigue todas las novedades de nuestra programaci\u00f3n en nuestro perfil de Twitter @PayInnHub.<\/p>\n","protected":false},"featured_media":6234,"template":"","class_list":["post-18603","event","type-event","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Vision to Action] How to build a Design System - Tech Barcelona<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Vision to Action] How to build a Design System - Tech Barcelona\" \/>\n<meta property=\"og:description\" content=\"En este workshop encontrar\u00e1s todo lo que se necesita saber para crear sistemas de dise\u00f1o exitosos, desde la visi\u00f3n estrat\u00e9gica hasta el dise\u00f1o esencial y su implementaci\u00f3n\/ desarrollo. Actualizar una cultura, procesos y flujos de trabajo no es una tarea f\u00e1cil, pero es necesario establecer estrategias pr\u00e1cticas y pragm\u00e1ticas para [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Barcelona\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BarcelonaTechCity\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/desing2-1-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@bcntechcity\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/\",\"url\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/\",\"name\":\"[Vision to Action] How to build a Design System - Tech Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techbarcelona.com\\\/wp-content\\\/uploads\\\/desing2-1-scaled.jpg\",\"datePublished\":\"2021-06-20T06:54:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.techbarcelona.com\\\/wp-content\\\/uploads\\\/desing2-1-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.techbarcelona.com\\\/wp-content\\\/uploads\\\/desing2-1-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/vision-to-action-how-to-build-a-design-system\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Events\",\"item\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/event\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"[Vision to Action] How to build a Design System\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/\",\"name\":\"Tech Barcelona\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/#organization\",\"name\":\"Tech Barcelona\",\"url\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.techbarcelona.com\\\/wp-content\\\/uploads\\\/logo-tech-bcn-black.png\",\"contentUrl\":\"https:\\\/\\\/www.techbarcelona.com\\\/wp-content\\\/uploads\\\/logo-tech-bcn-black.png\",\"width\":347,\"height\":90,\"caption\":\"Tech Barcelona\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techbarcelona.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BarcelonaTechCity\",\"https:\\\/\\\/x.com\\\/bcntechcity\",\"https:\\\/\\\/www.instagram.com\\\/bcntechcity\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/barcelona-tech-city\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCKX-ZX0pM37GRtVNKgr4Rxg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Vision to Action] How to build a Design System - Tech Barcelona","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:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/","og_locale":"en_US","og_type":"article","og_title":"[Vision to Action] How to build a Design System - Tech Barcelona","og_description":"En este workshop encontrar\u00e1s todo lo que se necesita saber para crear sistemas de dise\u00f1o exitosos, desde la visi\u00f3n estrat\u00e9gica hasta el dise\u00f1o esencial y su implementaci\u00f3n\/ desarrollo. Actualizar una cultura, procesos y flujos de trabajo no es una tarea f\u00e1cil, pero es necesario establecer estrategias pr\u00e1cticas y pragm\u00e1ticas para [&hellip;]","og_url":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/","og_site_name":"Tech Barcelona","article_publisher":"https:\/\/www.facebook.com\/BarcelonaTechCity","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/desing2-1-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@bcntechcity","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/","url":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/","name":"[Vision to Action] How to build a Design System - Tech Barcelona","isPartOf":{"@id":"https:\/\/www.techbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/#primaryimage"},"image":{"@id":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/desing2-1-scaled.jpg","datePublished":"2021-06-20T06:54:22+00:00","breadcrumb":{"@id":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/#primaryimage","url":"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/desing2-1-scaled.jpg","contentUrl":"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/desing2-1-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/www.techbarcelona.com\/en\/event\/vision-to-action-how-to-build-a-design-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.techbarcelona.com\/en\/"},{"@type":"ListItem","position":2,"name":"Events","item":"https:\/\/www.techbarcelona.com\/en\/event\/"},{"@type":"ListItem","position":3,"name":"[Vision to Action] How to build a Design System"}]},{"@type":"WebSite","@id":"https:\/\/www.techbarcelona.com\/en\/#website","url":"https:\/\/www.techbarcelona.com\/en\/","name":"Tech Barcelona","description":"","publisher":{"@id":"https:\/\/www.techbarcelona.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.techbarcelona.com\/en\/#organization","name":"Tech Barcelona","url":"https:\/\/www.techbarcelona.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techbarcelona.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/logo-tech-bcn-black.png","contentUrl":"https:\/\/www.techbarcelona.com\/wp-content\/uploads\/logo-tech-bcn-black.png","width":347,"height":90,"caption":"Tech Barcelona"},"image":{"@id":"https:\/\/www.techbarcelona.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BarcelonaTechCity","https:\/\/x.com\/bcntechcity","https:\/\/www.instagram.com\/bcntechcity\/","https:\/\/www.linkedin.com\/company\/barcelona-tech-city\/","https:\/\/www.youtube.com\/channel\/UCKX-ZX0pM37GRtVNKgr4Rxg"]}]}},"_links":{"self":[{"href":"https:\/\/www.techbarcelona.com\/en\/wp-json\/wp\/v2\/event\/18603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techbarcelona.com\/en\/wp-json\/wp\/v2\/event"}],"about":[{"href":"https:\/\/www.techbarcelona.com\/en\/wp-json\/wp\/v2\/types\/event"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techbarcelona.com\/en\/wp-json\/wp\/v2\/media\/6234"}],"wp:attachment":[{"href":"https:\/\/www.techbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=18603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}