 Buenas tardes a todos, vamos a empezar con la sesión de tarde de charlas de la Work on Valencia y a mí me ha tocado presentar a estos dos personas que quiero tanto, que son Flavia Bernárdez y Roberto Tuñón y que nos van a hablar del diseño que hicieron para la Work on Europe 2022, que es excepcional desde mi punto de vista. Roberto fue el líder del equipo de diseño de la Work on Europe y Flavia participó en el equipo y van a pasar a contaros ellos. Así que, un aplauso, por favor. ¡Hey, media, hola! No, luego, al final. No he dicho que no nos movamos, Roberto, o sea que… Es verdad, es verdad. No nos movamos mucho. Eso es, no lo llevo bien, lo debo verse poco, así que, perdón, de antemano. Bueno, creo que Julián nos apresenta súper bien. Eso es, son los que decir buenas tardes. Pero también creo que a mí me gustaría como homenaje a una palabra que te encanta, Robert, que nosotros somos diseñatas. Ah, eso es. Ahí está. Porque bueno, aquí ha venido también mucho desarrollador, mucho diseñador y tal. La cosa que nos une muchas cosas, amistad y demás, pero sobre todo es que somos diseñatas, que no hay tantos en el mundo Work on Europe. Exacto. Y encima freelance, o sea, que ya hasta más. Entonces, hemos puesto información nuestra, porque bueno, tenéis ahí los sitios web, que es un poco como queremos que hay que presentarse, ¿no? Pues te vas a visitar web y lo ves, pues lo mismo para los dos. Exacto. Y bueno, nosotros nos conocimos en una mitad, la mitad de Quijón, y que sí que hemos colaborado en distintas Work on Europe. Eso es. No solamente la de Europe, tú sí más en Europe. Bueno, no me ha acordado yo de eso, nos ha unido Work on Europe. Claro, por supuesto. Nos ha unido en una mitad ya en el 2014, 15, creo, por ahí. Pues por ahí, pues por ahí. Hace tiempo. Hace tiempo, ya. Sí, sí, sí. Muy buena. Y nosotros vamos a hablar de una historia que realmente es la que nos ha traído aquí. Eso es. Y que es una Work on, que es muy lejana, pero muy lejana no simplemente en el espacio, sino también en el tiempo. ¿Por qué? Bueno, porque esta Work on Europe se anunció en junio de 2019, en París, en la Work on Europe de 2019. ¿Qué ha ocurrido entre tanto espacio, no entre tanto tiempo? Bueno, pues porque ha pasado una pandemia, hemos tenido dos Work on online, y esta Work on Europe, pues, claro, se llevaba diseñando desde 2019 y mucha gente de la comunidad, incluido nosotros, había habido alguna Work on, etcétera, pero poquitas físicas. Para muchos de nosotros era la primera Work on después de todo lo que había pasado. Entonces, pues, era bastante emotiva. Claro, para muchos presentes que a lo mejor no tengan este contacto, bueno, pues no se dan cuenta de que para nosotros fuera como muy mítico, ¿no? Esto que se ve en la imagen, llevamos proyectándolo como dos años y medio desde finales del 2019, va a haber que diseñar todo lo que va a ir dentro, porque ya se sabía que era este venue, este lugar, este tal, pero claro, se cortó una vez, se cortó una segunda vez, y por fin este junio de 2022 se hizo. Y bueno, pues el equipo de diseño, ¿no? Eso es. Yo recuerdo una Work on online de España donde Moncho me dijo que estaba dentro del equipo. Ajá. Entonces, pues, bueno, ya ahí me dio como el spoiler, ¿no? Eso es. Me metió el spoiler que tú no me había dicho nada. Claro, no. Porque yo estaba ahí todavía ubicándome, todavía no sabía que seguirme corriendo de ahí, ¿vale? Pero bueno, al final me quedé. Y bueno, pues eso, el equipo de diseño para hacer el diseño de una Work on, además, una de las Work on más grandes del mundo que yo sepa, pues es un poco de lío, ¿vale? Y como veis ahí empezaron siendo nueve personas. Yo no sé si en algún momento llegamos a ser incluso más de nueve. Yo recuerdo alguna reunión en diciembre, porque esto empezó todo en diciembre de 2021. Eso es. Había más gente en esa primera reunión, me llamaba de nueve. Pero como veis, hubo correcciones varias. Es decir, a ver, es un equipo de voluntarios que se unen para hacer algo y evidentemente hay cosas que pasan en la vida de la gente y muchas veces pues se cae. No sé quién, no sé quién ahora no puede, te dice que dentro de dos meses y el calendario está ahí, ¿no? El curro hay que hacerlo. Entonces, bueno, lo primero que voy a tener en cuenta es la fluctuación de ahora somos nueve, ahora somos siete, ahora somos seis. Por algún momento yo creo que fuimos menos de seis y luego se unió más gente. Sí, y además también tuvimos otro problema que es que fuimos demasiado ambiciosos al principio. Sí. Porque quisimos cambiar el branding de la WorkCam, de toda la WorkCam, ¿vale? Entonces, bueno, nos pasamos de eso y nos pasamos también de, bueno, nos pasamos. ¿Ocurrió eso? Supongo que es otra de las lecciones. Al final tenemos unas lecciones ahí para enseñaros de lo que aprendimos con esto. Y esta debería ser una de ellas. Los diseñatas se pasan de ambiciosos y siempre lo quieren cambiar todo. Y igual no se puede cambiar todo. Queremos cambiar el mundo. Eso es. Ahí está. Bueno, aquí os ha dicho un poco una idea de cómo este grupo de gente un poco cambiante tenía que hacer más o menos, eso que está aquí es más o menos, pero circa... Sí, al hacerlo nos dimos cuenta de que había más cosas que habíamos diseñados. Eso es. Cierca. Ciento y pico publicaciones para redes sociales, cincuenta y dos layout diseñados a medida en rollo físicos, nos referimos con ese layout para imprimir elementos de swag que van como súper al detalle porque se tienen que hacer tres mil copias de cada uno, camisetas, botellas, no sé qué tal. El WAPU, que también lo mostró Flavia, slides para pantallas niños, lo queréis. Ese por dos callaíes, porque además en el venio había dos pantallas de los tamaños distintos. Así que cada diseño tenías que hacerlo en un tamaño súper panorama y en un tamaño... Y había después también vídeos y pantallas a la afuera que tenían otro tamaño distinto que requerían otra información distinta. Eso es. Las presentaciones para los ponentes, las presentaciones para presentar el evento, la gente de la organización. Pidas Open Remarks y todo. Entonces enfrentas a todo esto, que además ni siquiera lo tienes todo en una lista al primer día, sino que van llegando las presentaciones. Claro, exactamente. Es que encima también tenemos un equipo de content que va creando contenido y nos van pidiendo más requerimiento. Eso es. Que tenía un problema. Eso es. Teníamos un problema, Robert. Como siempre en diseño nos gusta hablar de qué problema tenemos que resolver porque el diseño lo que hace es resolver problemas. En el caso del problema del equipo era un poco este que veis ahí. Tenemos poca gente y poco tiempo para hacer muchos diseños que deberían ser acordes, entre sí que deberían tener sentido. Y además somos gente de distintas nacionalidades con distintos horarios y distintos idiomas que esto es otro. Éramos un chiche, ¿vale? Eso es. Esto es que me gusta decirlo porque éramos dos españoles y luego se unió Javi Arce. Éramos una Arguega, un Italo norteamericano. Eso es. Y una Moldava. Ahí está. Y le dábamos a la sobremesa de Europa más o menos. El norteamericano tenía que estar a las 6 de la mañana. Bueno, imagina el lío, ¿no? Y a esto le sumas el tema cultural, las opiniones de cada uno, de la manera de trabajar y tomarse las cosas cada uno. Tiene telitán, ¿vale? Y luego por supuesto había un súper reto, para mí uno de los súper retos. Igual para los dos porque somos muy digitales los dos pero había que hacer un montón de cosas. Empresas. ¿Vale? Ahí tengo el FACC. Y encima vivíamos muy bien. El Illustrator lo habíamos olvidado. El FACC me cascosa mía. Perdónenme, cualquiera que esté enamorado del CMICA. Yo lo adoro, pero cuando ya está hecho. O sea, a mí trabajar el CMICA me vuelve el chiflado. Porque no... ¿Volver el chiflado? Claro, ya no lo controlamos. Nosotros somos muy de pixel, ¿no? Entonces, bueno, esto era toda la problemática. Entonces, teníamos que ser muy áciles y buscar una manera de resolver esto. Y otra cosa que quería añadir, que el soporte físico no solamente era físico un papel y ya está, sino que había alonas, había soporte rígido. Y había dos proveedores, además de impresión. Que, bueno, lo comentaremos luego. Total, total. No sé si más de dos. Me encanta, por cierto, nos hemos pasado de optimistas aquí. Teníamos que ser áciles. No lo fuimos, ¿vale? Os lo adelantamos ya. No lo fuimos. O sea, hicimos... Todas las cagadas que pueda hacer un equipo las hicimos, por supuesto, pero bueno, de todos se aprenden. Exacto. Y entonces, un día, ¿qué pasó, Robe? Me lo dice que una cosa, en abril o marzo, julio o la huerta en Valo. Claro, eso es. Vamos a resumir muy mucho eso de que no hemos sido áciles. Pues imaginaros que empezó a ocurrir en diciembre, creo. Llegó a abril y no teníamos prácticamente nada hecho. ¿Por qué? Porque habíamos deliberado un montón, le habíamos dado mil vueltas, sabíamos lo que no queríamos hacer, habíamos probado mil cosas que no queríamos, pero el caso es que estaba empezando a abril y necesitamos, pues eso, a ver, un sistema, digamos así, para rellenar layouts, pero como locos. Me dijo, hay mucho espacio que rellenan, porque el sitio es súper grande. Tengo que inventar algún elemento, algo, porque no la vamos a cagar. A ver, seamos buenos también. En abril no tuviésemos nada. Teníamos una tipografía, teníamos una marca, teníamos unos colores. Eso sí. Bueno, colores. Bueno, los colores estaban todavía en duda, no todo el mundo estaba de acuerdo con aquellos colores. Pero el caso es, tú no puedes solo con un logo y una tipografía rellenar todos esos layouts, cosas enormes para poner en paredes. ¿Qué le metes? ¿Qué le metes para que, digamos, tenga una coherencia, se vea que es el mismo evento y el mismo diseño, pero coño, que tenga algo de gracia, no te vale solo tipografía y colores. Yo creo que se iba a quedar un poco vacía. Entonces, necesitábamos un sistema diseño. Cada día no hablaba de sistema. Tú me decía unos elementos. Entonces, pues yo los elementos que presenté al principio, que esto no está aquí puesto, eran unas ilustraciones, porque ahora sí yo lo capo las ilustraciones, etcétera, etcétera, y me dice, tía, eso es supernaif, por favor, esto no es lo que quiero. No te puses a cara, ¿eh? Pero bueno. Bueno, casi. Pues poco vao. Pero sí que, por la queña su propuesta era muy chula, pero imaginaos una ilustración muy compleja, muy chula, ¿vale? ¿Cómo la pones en todos los diseños? La repites, simplemente la pones al centro de cada elección. Fallido, total. Muy fallido. Y si tendríamos que entrar... Dímelo, era una puta mierda. Dímelo. Era compleja. Y además, la única ilustradora del equipo era ella. El resto éramos diseñadores, pero ilustradores. Eso le hacía demasiado piedra angular. Entonces, lo decimos un poco por cosas que no, que te van viniendo la cabeza y dices, no, claro, no podemos hacer que una persona sea la que genera una parte de todos los diseños que hay que generar, pero de todo buscábamos, porque una de las condiciones de este diseño era que teníamos que ser coherente e independiente. Eso es. Porque eramos mucho y teníamos que sacar layout como unos locos y unas locas. Eso es. Así que, bueno, ahora creo que toca mi parte. Eso es. Que es que, pues, la primera... O sea, la solución que le presenté. Un segundo. Esto viene, lo que os voy a contar es... Flavia se pone a pensar, bueno, te enseño algo, no sé si es dentro de cuatro días. Te mandé un vídeo con lo de las ilustraciones. Dicimos que no... Y me dice eso no, pero a las cinco tenemos reunión. Y eran las tres y media. Eso es. Y ella se puso a cavilar y ahora ahí lo tenéis. Bueno, pues qué pasó. Porque a veces, cuando nos ponemos a diseñar, yo no sé cómo diseñáis vosotras, vosotros, o cuando estáis, yo qué sé, que diseñar también es cuando quieres cambiar un mueble de tu habitación. Eso diseña también porque tienes que pensar en dónde vas a poner muebles, dónde vas a hacer mejor sitio, etcétera. Entonces, cuando me puse a diseñar, la primera idea que se me vino, cuando me dijiste tus elementos, pues yo dije, «Pues arquitectura, oportoa». En fin, me volví loca. Y hice ya las primeras teselas, porque esto le llamamos los elementos las teselas. ¿Por qué? Bueno, pues porque yo me acordaba que cuando fui al isbo ahí luego estuve viendo la arquitectura de oporto, etcétera, que las fachadas de las casas de los edificios estaban hechos con estos mosaicos, etcétera. ¿Y qué implica el mosaico? ¿Por qué se usa la cerámica en arquitectura en los revestimientos? Pues se utiliza por una solución acústica, una solución de aislamiento, también una solución de limpieza, pues mucho más fácil limpiar una cerámica. Aparte, cuando llueve la propia lluvia, pues resbala en esa fachada, oporto en una ciudad húmeda, está al lado de un río, etcétera. Pues bueno, es un síntoma de limpieza de seguridad, ¿de acuerdo? Entonces, pues bueno, luego teníamos todos estos patrones del evento que se utilizaban en la propia fachada de los edificios de oporto, pero es que luego también funcionaba ese sistema dentro interior de cada uno de los edificios, funcionaba cuando ponías un edificio uno al lado de otro, creando capas, o sea, que la propia tesela, la propia mosaico de los edificios de oporto funcionaban ya como un sistema en la propia waterfront o en el propio visionado de la urbana de oporto, bueno, en este caso desde el lado donde están la bodega. Aquí estaríamos, yo estaría la bodega y nosotros estaríamos viendo pues en frente, creo que lo mismo me estoy equivocando. ¿Qué ocurre también? Bueno, pues que oporto tiene una pedazo de imagen de marca. Pedazo, muy buena. Y lo importante es que no es que solamente tenga una pedazo de imagen de marca, es que la utiliza, ¿vale?, porque tú puedes hacer una imagen de marca de una ciudad, etcétera, pero no, es que esta la estamos usando en mobiliar y urbano, en transporte, lo utilizaban también en la propia señalética de la ciudad, en fin, que teníamos también que integrarnos bastante con este logotipo, en nuestra imagen. Teníamos que diferenciarnos. Exacto, diferenciarnos, pero también integrarnos porque luego lo tuvimos que meter en alguna ocasión. Sí, bueno, en algún sitio teníamos que convivir. Sí, que no... Vamos, sí. También la primera propuesta, por cierto, tenía un aire bastante a esto, ¿no?, una ilustración que podía ir añadiendo más módulos de ilustración del mismo estilo por lo del portal, pero, claro, era como se parece mucho al lado oforto, llevamos gollón de curro, combinar esto, y lo tienes que generar tú o tú, entonces... Me dio un tiro a la cabeza, vamos, o sea, que es muy bien. Ahí estuviste muy bien. ¿Cómo es el fe de equipo? Es verdad. Sí, man. Que sí. Me goa, sí. Bueno, entonces, ¿qué pasa? No sé si se ve... Sí, se ve. Bueno, pues, este es mi cuaderno. Las primeras ideas, como os dije, me fui a la tesela, ¿no?, me fui al sistema que me dijiste, a los elementos. Sí. Pero, claro, luego me fui a otro sitio, me fui a los de las ilustraciones, pero en ese momento... Mira, ahí están las ilustraciones, por cierto. No se me ha acordado... Eso era uno de los bocetos iniciales. Sí, luego hubo otro, en fin. Pero bueno, y si veis ahí, está en lo del tema este del skyline, del superchungi, pero está, porque, bueno, esto tiene después una segunda parte, ¿no? En fin, que... Perdón. Eso, total. Empezó a sacarse pequeños elementos, lo más básico, y aquí veis cómo se van... Bueno, se nos ha pasado muy rápido, pero la idea es que veáis que un mismo elemento, un cuadrado, puede estar rellenado de distintas maneras, que es más o menos lo mismo que hace un cuadrado, sería una rachola, un azulejo, y puede tener distintos rellenos dentro y, o sea, combinándola todas las posibilidades y aplicando la paleta de color, teníamos un poco esto, ¿vale? Sí, porque yo le presenté, ya aquí te dejo a ti. Porque yo lo que le presenté a Robert fue una, esas cosas... Unos cuantos elementos estos de cómo rellenar el azulejo, y empezamos a pensar, ostia, sacamos todas las variantes y las combinamos. Recordamos un momento, la rememoración, estar a la marca heredada que ya teníamos el año anterior, que no nos dejaba... No queríamos, no podíamos por tiempo y medios, pero tampoco la organización estaba muy dispuesta, porque se acabó de cambiar dos años antes. Entonces, no era plan de cambiarla. Esta es la paleta de color que ella también propuso y que luego estuvimos retocando un poco para el tema de accesibilidad. Ahí abajo veis todas las pruebas de accesibilidad, qué colores se pueden combinar y cuáles no. La paleta resulta entera esta, y entonces será... Todos los elementos que has planteado tendríamos estas variantes. Y eso que veis ahí, lo que está en la línea discontinua es un componente de Figma, o la gente que usa Figma, empezamos a hablar en clave, eso es un componente con todas sus variantes ahí extendidas, y el que está debajo que pone componente paquetado, pues ya digamos que es un por cuatro del de arriba, es decir. Esperar que os lo enseñamos muy rápido. Con eso, ahora me veo a Figma, y con eso es muy rápido que os vengáis aquí, un momento, que no es mi teclado. Cualquiera de estos elementos, cambiando aquí las variables, podéis decirle de qué color quieres que sea, cómo está de recortado y si tiene una dirección u otra. Super sencillo, quiero uno de dos partes, pero que sea parple, y aquí debajo quiero uno de tres partes, pero que sea red, y aquí uno de una, pero que sea parple también. Vais viendo cómo se puede modular. Con esto, empieza a montarte cosas. Un poco para pegarse un tiro. Es decir, tiene mucha flexibilidad, pero necesitábamos que algo nos diece, imaginaos que tenemos que rellenar. Agilidad. Aquí tenemos una cuadrícula de ese mismo elemento que acabamos de enseñar. Cada uno tiene, como habéis visto, cuatro partes, pero claro, ponte a tocarlas tu a mano. Espera que yo quiero aquí un parple, pero solamente por la parte de arriba y aquí, es pa morirse. Ahí viene la tecnología al foder y la comunidad de Figma, que también es maravillosa, con un montón de plugins gratuitos y siempre hay alguien que ha pensado que no puse uno, pero ese no funcionaba muy bien. Pero, Robert, encontró otro. ¿Qué le pasa a este? ¿Qué le pasa? Está ahí, está ahí. ¿Por qué no? Te cogías todos los elementos, te abres este plugin y lo que hace es simplemente un random de las variables que tú tienes preestablecidas. Y solo con darle un botón tienes esto. Pues el día que vimos esto fue como… La fiesta. O sea, trabajamos online, os podéis imaginar, con estas, tomándose una birra en casa dándole las variables, no lo puedo creer bien. Bueno, está emocionadísimo, o sea, lo tenéis que ver, es maravilloso, vamos, la verdad. Entonces aquí, pues ya tienes una base que la trae el random más matemático del mundo y que me parece maravillosa. Y si luego tú quieres tocar algo, porque por poner un ejemplo aquí no decir aquí espera, que hay mucho oscuro, vamos a poner algo de rojo y vamos a ponerle uno que sea solo de dos lados, ¿vale? Porque hay mucha masa de color ahí. Puedes hacer pequeños retoques, pero la gran mayoría te lo está generando la matemática a tu servicio. Y entonces bueno, ahí llegaba en este tipo de layouts que por ejemplo aquí os queríamos enseñar un ejemplo de uno ya montado. Bueno, ahora os explicaremos que luego el equipo empezó a sacar cosas y por ejemplo teníamos un sistema de medidas ya. Es decir, todos los layouts que creábamos estaban rellenos de elementos como podéis ver aquí. Esto es una cuadrícula que tiene nueve elementos de ancho y cuatro y medio, ¿veis que por abajo sobra medio? Si sobra medio no pasaba nada, porque como veis cada uno tiene cuatro, entonces la mitad iba bien. Si sobraba 0,2 la cagábamos, ya empezamos a tener problemas. Bueno, teníamos una media solución que el usuario Oñapa era que si no encajaba del todo en alguno de los lados se dejaba espacio en blanco y jugábamos con los elementos dejando el espacio en blanco. Entonces pues bueno, más o menos quedaba bien. Cada layout como visteis, todo esto es el que usted firma por curiosidad es auto layout, son grupos de auto layout de elementos en fila y luego filas repetidas en auto layout de tal manera que no hay nada de margen entre medias y todo se coloca perfecto y entonces si querías ubicar algo, por ejemplo, ahora que tenemos esa base de elementos que por supuesto le podemos hacer el random que nos dé la gana. Bueno, pues hay que poner el logo encima, simplemente te traías el logo vamos a ver si puedo con este teclado. ¿Qué ha pasado? Ahí está, te traías el logo y evidentemente el logo encima de esto no se ve. Pero era tan fácil como que sólo tenemos que hacer un auto layout que no sé si... A mí me cambia este teclado y me parezco tonto. Pues mira qué, el mismo Mac y todo. Le metes un uyuyuyuy, que me estoy leando que la estoy... En serio no tenía que coger esto. No, te dirías nada. ¿Pero por qué no me cojo, no me hace auto layout? ¿No? Perdona señores, cosas del directo. Vamos a ver. Haz auto layout, ahí está. Cualquier elemento como este por ejemplo, le ponías un fondo blanco le decías que tuviese por ejemplo un poco de espacio por arriba y por abajo ¿vale? Y lo que quería enseñaros era la magia de que todo quedaba bien tú metías esto en este layout lo ubicabas donde te diera la gana encajado en la cuadrícula y la magia surgía y todo quedaba bien. Este logo tiene que ir al centro, por supuesto. Si esto ocupa 4x4 elementos por ejemplo, los propios espacios blancos alrededor hacían como que todo encajase como que todo fuese como suave, no? Sinuoso, fluía. Lo mismo con un texto como por ejemplo pues en este claro porque imaginados que tienes layout donde solamente va a tu marca pero hay layout donde hay diseños que te dicen no hay que poner este mensaje dentro de nuestro pues un poco lo mismo ¿no? Como no tengo el atajo de claro que parezco tonto tengo que hacer así convierta esto en autoleya es que no sé por qué no me pregunto a ver, SIPA coño por si, pues es que me cambia este claro y se me olvidan los shortcuts soy así es hipoya me siento raro con este marca es como raro un poco lo mismo solo para grabar muy rápido metemos un relleno blanco le decimos que vaya al centro y que tenga margen por ejemplo de otros 140-140 si algo me pasa con este teclado vale, ahí lo traes y me pasa a ver 4z vale, esto al centro y un poco lo mismo ¿no? ahí tenías que poner una información tú la ubicas en tu cuadrícula le dices aquí que solo quede uno y por abajo que quede otro es que te queda bien sin querer las cosas se te atraen como el blanco entra y esto es totalmente random es decir que si luego quieres cambiar voy a pasarme Flavia vamos a hacer que el plugin pete venga, vamos, yo creo que es posible que ahora mismo pete el plugin no, mira funciona imaginaos que esta misma composición puede tener los random quedos de la gana y te va a quedar siempre bien no, no quiere bueno, pues que se cambiaría es que a veces el plugin va un poco así así ¿vale? pero más o menos lo veis que quedan quedan siempre bien además me dijiste una cosa super bonita una vez cuando ya teníamos todo esto hecho y tal que dijiste, es que realmente es tú mola porque es como diverso ¿no? como la comunidad de Warp, porque somos todos muy diferentes y tal, pero luego nos adaptamos y eso ¿no? ya vas encontrando como lo significado del propio diseño claro, ahí está al final nuestros elementos representan a las personas que están todos juntos, pegados no tiene un pico para acá, el otro tiene un pico para allá el otro es rosa, el otro es azul el otro no es, es un hueco blanco el otro no es y no sé nos llegó surgió el amor, con todo esto llegó el amor, nos flipamos con este sistema y todo el equipo se puso ahí a usarlo y a darle vueltas la foto es totalmente pasó de verdad no fue intencionada ¿sabes? sino que ocurrió muy bonita era como que había una magia alrededor de esto que siempre tenían que pasar cosas así íbamos a una fiesta también un poco ese amor ese amor porque todos nos adaptamos, todos interiorizamos ese diseño eso es lo que mola cuando hace un sistema de diseño que la gente pues lo haga a ti no te decide nada, lo que hablamos antes era imagen de marca no te decide nada, crear una imagen de marca preciosa si la gente no lo usa entonces el equipo lo usó, lo interiorizó es nada más propuso porque lo que has comentado tú del sistema de medida lo propuso que es aviarse montó ahí una especie de normativa para montarlos allá y rellenarlo el método de conversión de firma a print que se encargo en ahí si porque claro todo esto todo esto es tan maravilloso como os podéis imaginar todo esto es firma y todo fluye muy bien en vectores digitales ahora pasa esto a print veis que hay unas rayitas finitas entre los elementos no existen las hace firma cuando las pasas a pdf y lo está haciendo aquí me parece que porque esta resolución está chicada en la presentación ahora mismo o sea si todo está bien ahí no hay ningún pixel blanco pero cuando comprime un poco de repente te hace eso entonces hemos tenido gente en el equipo solamente dedicándose a que esto luego a print pase bien bueno es un poco eso la magia del equipo como la gente lo coge y además esto con el rollo especial de a través de Europa o sea de repente esa tarde Flavia y yo probando este sistema que acabáis de ver y a la tarde siguiente estaba una chica grega y otra moldaba dándole vueltas a como quitamos esas líneas a como lo pasamos a print probándolo diciendo así pero como haciais el randomese así que guay, es muy guay otro chico Javier Arce es el que hizo el sistema de medidas un poco lo que vimos antes rellenamos una cuadrícula por nosotros al principio poníamos elementos en este lado aquí no, no, no llénalo todos elementos y luego si quieres los tapas con blanco, es decir, luego si quieres haces una reserva sin ellos pero tú siempre tienes todos nuestros leyados en una cuadrícula y eso se lo inventó Javier y ese cuadrícula incluía un sistema para que proporcionalmente los elementos fueran más grandes en los leyados muy grandes y más pequeños en los leyados pequeños una escala, hubo un sistema de escala dependiendo del suporte pero también ha habido una composición de skyline que esto es lo que hablábamos de los soportes y las medidas teníamos que controlar la escala había un espacio que teníamos que rellenar con logos de sponsor que él se le ocurrió el tema de la idea inicial de hacer edificios haciendo una analogía del skyline de oportos con lo que pidió el evento que ya lo veremos lo tenemos en algún sitio no te adelantes bueno, es que es muy guay esto que está diciendo porque es verdad que al final llegamos a lo mismo es decir, luego alguien del equipo cogió los elementos estos creados y se puso a construir una ciudad parecida a la que ella había pensado inicialmente ahí me puedo morir es muy guay muy guay, pues nada, eso llegó ese amor y la gente empezó entre todos a crear todo tipo de layouts que teníamos que crear pero que eran además super diversos aquí veis cosas de diseña eléctrica donde hicimos que hubieran menos elementos porque el texto que te está señalando es muy importante y tiene que verse entonces los elementos son los sonadornos pero luego había cosas más de branding como por ejemplo ese Moupi que veis ahí que está lleno de elementos hasta atrás menos el área donde tenemos que poner la información y los logos empezamos a hacer todo este tipo de sistemas del sistema cuando lo usas para una cosa lo usas de una manera cuando lo usas para otra de otra y siempre a la proporción de los elementos y de grandes cuando una señal que es así de pequeña pues los tiene así pero todo tenía lógica y sentido y era como un orgánico Eso también estuvimos viendo cómo trasladar esa idea también al propio soar de la work and una cosa graciosa que nos pasó también fue que en las stickers teníamos que de un día para otro enviarle al proveedor de stickers las cosas entonces pues propusimos como entre el equipo cada uno y cada una pues propusiera elementos de las stickers pues uno se basó en es que ahí se ve pequeñito pero encima del guapo estas hojas pequeñitas aquí sí esas hojas encima del guapo está el puente de Eiffel bueno también están las propias casas a montonadas de de Oporto, un barquito bueno pues elementos representativos no solamente de la ciudad sino también pues la típica tag, la típica Babs hicimos con un pequeño concurso interno si era un fin de tres días o así tenemos hasta el día para proponer formas que entonces como colegos ahí todos dandole vueltas a las pintecitas ah pues si pongo esto y este elemento encima nuestros elementos no se podía salir de ahí pues se hizo un barco todas estas moda mucho más cosas mágicas para mi gusto del apoyo en equipo el social media como lo solucionamos bueno pues también aquí parte de la automatización metimos un montón de layouts en símbolo y dependiendo pues del tipo de contenido que teníamos que soltar en social media pues generamos esa simbología yo estoy hablando como Illustrator el componente componente y claro que ocurría que tú hacías una trama en el Instagram o sea si tú ves Instagram realmente la intención que luego a veces que no ocurría pero la intención es que hubiera una trama que fuera coherente independientemente si un día lanzaba un mensaje como el de work on message o un día te anunciaba los ponentes de un tema de una track de los ponentes vamos y que ocurre que cada uno de los ponentes aunque fuera o sea cada una de las imágenes aunque fuera con el mismo componente de de firma, tú le dabas al randomizer y era único bueno pues super guay no era igual que muchas veces pecamos de las redes sociales de eso y nada y pues ya nos queda sólo un poco enseñaros toda la magia que fue creándose pues eso ver esto aplicados distintos cuando llegamos allí porque esto todo éramos desde nuestras casitas llegamos de Alporto todo esto lo haces desde tu casa lo proyectas desde tu casa porque te van pidiendo todas estas medidas por supuesto nos las dan hay que hacer un layout de estas medidas pero tú ahí dentro eres libre y lo proyectas desde tu casa y se manda imprimir y tú estás en otro país cuando llegas allí y en día vamos a estar veniendo a ver cómo te encuentras esto en un paso de peatones que está al lado como que guay a mi se me cae un alágrima en finalidad este es el tema de la escala que aquí quería hablar de eso el sitio era enorme, fijarse el árbol y la bóveda y luego fijarse el tamaño del hombre, la escalera y el panel de acuerdo entonces pues bueno el mouse este panel es este que tenéis en la foto del lado para que veáis como el tema de los tamaños de los elementos bueno pues era importante porque no es lo mismo un panel de es que no me acuerdo pero eso era una sobrada eran 8 metros por dos y pico cada uno de esos y había 6 seguidos entonces claro rellenar eso si lo haces con muchos elementos muy pequeños yo creo que la gente se marea y todo hacía falta esa proporción y bueno luego también los cortes que tenía los elementos llegan hasta ese corte de metal no se decortan la estrategia aquí es que dejamos el espacio en blanco dejamos el espacio en blanco donde no quecian los elementos y ya nos daba igual que rellenarlo, no rellenarlo dejamos eso y ya está una señalética aquí hay una cosa muy bonita que me gustó que hiciera porque nosotros cuando diseñamos en web normalmente nos traemos elementos analogías hacemos analogías con la realidad con las cosas que ya conocemos físicas pues aquí fue una cosa al contrario nos llevamos una cosa, un elemento muy digital como es el Slash la URL fue en este caso lo usaste para indicar los lugares es esta guay porque tú en Work and Europe ya estás en el evento pero puedes estar en el evento en donde en el Slash Track 1 o Slash Track 2 o Slash WPKF o lo que sea incluso para los baños lo usamos el elemento además funcionaba muy bien para ahora hacer el índice a la hora de leer que hay aquí que hay aquí no os moloro mucho eso luego en la parte exterior era un poco para que veáis como por ejemplo en esta señal es que había leído super raros como este, es un rectángulo cortado así para indicar esto pero funcionaba cortado y todo los elementos de nuevo aplicados mediados según el sistema de este chico de bueno pues aquí tendrían cuatro de alto para que no se pongan dos de tal y todo está como encajado, a mí me parecía magia bueno también teníamos elementos que era como el típico menú pues el menú simplemente agregamos uno de los no era el mosaico de cuatro, que eso no servía en diseño mucho más grande sino que tomábamos solamente uno de los cuatro tomábamos un elemento, una tesela en este caso por lo que decíamos intentando compensar de si es un layout que lleva mucha información pero sí que quieres que tenga un punto que sea similar al resto que tenga una coherencia bueno esto lo llevamos ya hasta la pantalla la pantalla y luego que también tuviste ahí un drama warped con los mapas los mapas del menú eran mucha tela hubo que meter un poco el mismo sistema de color y simplificarlos simplificarlos muchísimo bueno lo típico de los diseñadores simplificar la gente contaría en un mapa hasta cuántos escalones tiene la escalera de la derecha para subir al piso de arriba, no hace falta o sea ponle lo mínimo por favor luchas de diseñadores este layout lo que estábamos hablando antes de aviarte lo que hizo, bueno pues hizo el Skyland de Oportos y lo veis aquí arriba hay una barandilla alrededor de todo el menú es que no tenemos una buena foto de esto porque es imposible de ver, imaginaos que toda esta sala que es muchísimo más grande es circular y hay una barandilla que rellenar todo alrededor mirar el tamaño de las personas ¿vale? aquí hay personas, hay cuatro personas aquí arriba eso es, mirar, bueno pues cada uno de esos pliegos donde veis un logo centrado nos dijeron, pues no me acuerdo pero eran como 7 metros por 2 de alto bueno pues de esas de 7 metros hay que hacer 48, me parece que eran para que una detrás de otra rellenaban toda la valla y eran todo diferente o sea que hizo como bueno un diferente, era una una textura pero luego empezaba que realmente giraba y sí que encajaba y metió ahí pues todo es todo como un Skyland de una ciudad con elementos y de repente hay pues el puentito el río, cosas de elementos de la ciudad hechas con los elementos de la marca bueno y ahí metió los pratocinadores principalmente los metió un tostón de trabajo que iba a ser una lista de logos, se convirtió en algo pues bastante chulo y claro que están los logos pero bueno pues tienes un juego por detrás y te puedes quedar mirando como el Skyland de la ciudad Sí, sí, sí Bueno, esto es las slides de presentación de cada uno de los ponentes pues tuvimos también que hacerle generarla y todas eran diferentes porque como teníamos este sistema podíamos basarnos en él para que todo fuera distinto, ¿no? Esta es una de las pantallas que decíamos entonces enorme, que era mega panorámica entonces teníamos que jugar con 1800, no sé, bueno, era una barbaya de pícele teníamos que jugar como con dentro del mismo layout, digamos, tienes varios layouts bueno, es una aliada pero un poco por ver cómo se aplica todo aquí tenéis la ciudad cesta de cerca que también estaba aplicada en una lona abajo y quedaba toda la vuelta también ese otro detalle que hicimos bueno, el loguito, ¿no? del decimadio de ensario también esa es otra, había un aspecto de doble marca entonces también se intentó hacer con el mismo sistema de elementos el 10 bueno, es el tema también de que lo diferente que era el print, ¿no? de la pantalla te ponen la pantalla y aquí debajo un print que va a estar todo el día ahí y claro, son los mismos colores y los mismos elementos pero son diferentes entonces te quedas como mirar la diferencia que hay ahí pero bueno, no pasa nada, oye lo superamos con las lonas también, ¿no? esto que era una parte de sponsor, de otro sponsor, etc. este es el bus de la comunidad que bueno, esto lo diseñó Lena totalmente, ella por su cuenta le dijimos, bueno, le dijiste que tenían que hacer esto y se montó este tema esto era un requerimiento del equipo de community que estábamos como superatopias entonces lo cogió ella y se lo hizo ella entera es un ejemplo de que el sistema ya estaba funcionando tenía vida propia y el equipo podía coger aplicarlo y bueno, a lo mejor había una pequeña dirección de arte pero pequeña, porque al final era un poco de revisión de arte que no era... una especie de calidad pero pocas veces tenía que hacer mucho más eso es muy guay, ¿no? cuando llegas a eso, siete personas trabajando y al final pueden ser autónomas y lo que generan tiene coherencia y tiene sentido sin necesidad de una revisión para el aniversario que no se nos termina el tiempo pero bueno, esto son las fotos nada, bueno, era simplemente ejemplos y ejemplos y ejemplos, ¿no? igual nos hemos flipado mucho con los elementos veíamos elementos en todas partes estábamos encantados con nuestros elementos y había gente que lo parecía también y nada, Merchan Suaha, Hazako, todo esto si queréis usarlo tenéis un proyecto que está aquí, a ver un proyecto dentro de Figma que podéis solicitar el acceso no estoy muy seguro, igual alguien me explica ahora si tienen que solicitar el acceso, ¿no? pero bueno, todos esos archivos nuestros archivos de trabajo están en abierto en ese proyecto aquí los veis si alguien quiere usar ese mismo sistema que viste que se puede hacer el random es abrir este primero de BrandGuylands y ahora tenéis una copia en vuestro Figma podéis cambiar colores, formas, lo que sea pero el sistema es un poco el mismo así que eso, que sepáis esto y ¿qué nos faltan? pues nada, aprendizás, lo decimos rápido nada, que mejor con pantoneras que no teníamos pantoneras, éramos diseñadas pobres entonces no teníamos pantoneras no pudimos controlar ese tema el equipo lo hizo lo mejor posible pero bueno, salió adelante, lo superamos esto de tu parque pues que un equipo funciona mejor dividido en sub equipos y con tareas claras, ¿vale? yo quizás al principio pequé mucho que quiera, demasiada horizontalidad igual era un poco demasiado hippie y la cosa no fluía y cuando nos pusimos no es duro en absoluto, ni por supuesto que tienes horizontal pero ¿puedes tener esto para la semana que viene? vale, pues tú esto y el otro lo otro y que sepas que el resto del equipo está esperando por lo tuyo entonces ahí se activó todo ahí empezó a fluir, ¿vale? es una de las... que el tiempo vuela, cuando trabajas en equipo por supuesto, solo sabemos toda una barbaridad una semana se pasa volando que los tonos cambian, que esto es como la segunda parte ¿no? de la pantonera demasiado y que bueno, esto es tu parte y que lo importante más que el diseño son las personas es que ha sido ha sido muy guay no, queda tiempo para preguntar lo siento vaya turra que nos hemos dado no, preguntáis si queréis por ahí fuera nos vemos