 Bueno, pues buenos días a todos, buenas tardes a todos. Vale, me ha venido genial a Charles de Maribel, porque es la teoría. Y además él muestra prácticamente la misma metodología. Entonces, hemos escuchado la teoría y ahora vamos a ponerlo en práctica. Esto es un taller. A veces hay talleres que consisten en que el poliente se puede hacer cosas sin tiempo real y los demás asistencia, pues ven cómo lo hacen. Pero para mí un taller consiste en que las personas que van a taller, pues hacen cosas. Como no podemos diseñar una web en 90 minutos, vamos a hablar mucho. Yo creo que hablemos, que tengamos una conversación, que nos pongamos en situación, que haríamos y tuviéramos que diseñar una web y vayamos entre todos resolviendo ese problema. Tenemos que diseñar y pensar. Creo que ahora mismo es más valioso, ya que estamos presencialmente aquí todos, me parece más valioso que cada uno de sus pion, hagan sus preguntas, sobre todo las preguntas que tengamos ahora. Porque esto se está grabando y lo podréis ver. Y mucha gente lo podrá ver, pero los que estamos ahora podemos crearlo y hacer de esto lo que todos quedamos. Si no solo aprenderemos cómo trabajo yo, sino que aprenderemos cómo trabajamos todos, podemos hacer un taller mucho más rico, con todo más para el tipo de problema. Lo primero que me gustaría saber es qué perfil tenemos. Son simple visitadores, diseñadores, desarrolladores. Por ejemplo, profesores del marketing, vamos a ir levantando la mano. Estáis todos muy seriosos. Vamos a disfrutar, a pasarlo bien y a sacar provecho de nuestro novedad. Es un poco para conocernos. Me gustaría que cada uno dijera que se dedica, como se llama, pero eso no hay tiempo. Así que vamos a hacerlo por lotes. Por favor, señor Matarón. Muchas gracias. Todavía falta dos personas que pueden venir. ¿Cuántos desarrolladores hay en la sala? O personas que desarrollen. 1, 2, 3, 4, 6, 7, 8. 8 desarrolladores. Perfecto. ¿Cuántos hay muchas veces? Profesionales de marketing online. 2. Principiante. Usuarios de WordPress. Que no hayan hecho la web nunca. Usuario es el que no hace la web, pero sí usa WordPress. Pública contenido, tiene un blog. ¿Diseñadores? Si lo hacemos todo. Sí, por levantar la mano todo el rato. Me he dejado unos perfiles. Yo me pudo curioso saber la idea de lo que hace el desarrollador. ¿Qué te dedicas? Sé cuál es lo que hace más. ¿Y no la ponemos por la posición? Vale, está muy chido. ¿Has un perfil que me haya dejado? No, no, no. No, no. Está cambiando mi color de implementadores. Casi con las empresas. Perfecto, muy bien, muy bien. ¿Ocas firmadas? Vale. Estoy así informático. Está charla. nace de una necesidad que yo detecto en compañeros y compañeras de profesión, diseñadores, o personas que hacen web, que son implementadores, que diseñan aunque no se consideran así mismo diseñadores. Y yo detecto, tanto por mi propia experiencia, como por lo que me han contado colegas desarrolladores, que hay personas que diseñan pero no lo hacen de una manera óptima para el proceso de desarrollo de la web. Entonces hay desarrolladores que reciben un diseño de un diseñador y ese diseño no está bien hecho porque muchas veces sabe más de diseño web, el desarrollador que el diseñador. Esto ocurre muchas veces porque el diseñador ha estudiado diseño gráfico, pero no ha estudiado diseño web y esto es muy habitual. O ha estudiado diseño web, pero en un sitio donde luego le han enseñado lo suficientemente. Tiene unas carencias o formación que hace que en el proceso de desarrollo se detecten, pues hay muchas carencias también y que al final del proyecto final pues no sea el óptimo que el desarrollador o el maquetador acabe diseñando sin tener tampoco la formación de diseño. Entonces claro, web diseñadas por desarrolladores hay muchas y se nota porque no tienen estilo. Para preparar este taller he hablado con varios compañeros desarrolladores de la comunidad y les he preguntado. Dime qué problema estás encontrado tú cuando has recibido un diseño y esto no estaba bien por eso. Te lo he preguntado, algunos redes conoceréis si lleváis más tiempo en la comunidad. Juan Cadíaz, que es desarrollador de la frontera, Fernando García Rebolledo, Carlos Longadela, Mauricio Gélvez, más apaco también de un blog que me pregunté el otro día. Y entre todos los que me iban diciendo y lo que yo sabía pues he preparado este taller. Estos son los contenidos del taller. Unos conceptos previos, el diseño de la web también como Maribel ha pasado por todos esos pasos aunque solo es en la teoría. Tampoco profundizaremos mucho. Luego vamos a ver un poco de maquetación web, los conceptos de maquetación. WordPress porque también es importante especializarse en WordPress, no solo diseñar para web sino ver las peculiaridades que tiene WordPress y las que podemos aprovechar y sacarle partido. Y luego como hacemos el paso de desarrollo. Vamos a ir viendo. Como decía, esto es muy participativo. No es una charla, es un taller. Estoy hablando demasiado pero bueno, también la introducción para calentar un poco. Aquí tengo una serie de conceptos previos que no encajaban en ninguna de las otras secciones o encajaban en todas en general y me gustaría que ya vamos a opinar sobre ello. Lo que decía antes, el desarrollador no es diseñador, no le hagan diseñar. Los desarrolladores que estés aquí os habréis encontrado. Bueno, la pregunta sería, de los desarrolladores que hay aquí alguna vez habéis desarrollado un diseño que os ha dado un diseñador? ¿Puedes desarrollar? Yo antes, hace un poquito, lo estoy desarrollando en WordPress. Empecé hace 10 años con HTML, CSS y Javascript. Luego estudié un poco de PHP y me pasé a transformar por casualidad. Llevo un momento que los clientes, eso nos pasa lo que llevamos muchos años, desarrollando WordPress. Yo más que desarrollador, digo que hago WordPress. Porque en realidad no soy ni desarrollador ni diseñador. Soy un implementador con conocimientos, amplios conocimientos. Todavía no te has dado el carné en el desarrollador. Entonces, ahora me he perdido. Sí, si alguna vez había recibido un diseño. Sí, sí, sí. Me pasó el diseño de un tercero. Sí, con un teatro. Una diseñadora muy buena en papel. Pero que no tenía ni idea de cómo funcionaba WordPress. Yo llevaba ya muchos años desarrollando en HTML, CSS y más o menos algún concepto de diseño. Vengo de piblo, de color, de una serie de cuestiones. Porque me ha interesado siempre investigar. Y claro, pero ella no tenía ni idea de WordPress. Estaban muy bien hechos, muy bonitos. Era para una sala de teatras en Macedonia. Pero no tenían absolutamente nada que ver con WordPress. No eran funcionales desde el punto de vista de WordPress. No eran usables, primero, usables para la web. Y tampoco... Y era muy difícil de implementar desde el punto de vista de la implementación. Y mucho más, mucho más. La web responsive no es como el papel. Un poco resumen lo que suele pasar. Que no sabemos lo que es una web responsive. Sabemos todos lo que estamos aquí. ¿Qué es una web responsive? ¿Tiene que no sepa o no tiene muy claro lo que es una web responsive? Cuando diseñamos para papel o para cualquier otro formado o cualquier otro soporte, conocemos las medidas del producto final. Pero cuando diseñamos para web, no sabemos dónde se va a ver esa web. Se va a ver en un móvil, en la tele, en un portátil. ¿Qué medidas tiene el portátil? No lo sabemos. Normalmente se establecen unos puntos de corte. Para decir, si la pantalla mide entre esta medida y esta otra, muestra estrella diseño. Y si no, muestra este otro. Y eso es el diseño responsive. Vale, sentando los conceptos. ¿Alguien quiere aportar algo más a esto? Yo sí, yo me mostre todo lo posible. No sé si encaja con lo que estoy aportando. Pero con el primer récord que me encontró de ellos, a la hora de yo soy artistado en sistema, que era mi espíritu, mi espíritu, que está todo solo con el diseño. Y entonces, me he encontrado dos veces con una situación que era difícil de comprender porque normalmente ponen un proyecto mal ayer que no tiene en realidad mucha idea de lo que se está negociando. Entonces, se contrataba un diseño como una empresa de diseño para eso que es el artículo de la web. Y nos daban el diseño en sketch o cosas. Y había que pasarlo a implementar. Y a implementar el diseño que nos venía un pasado y demás. ¿Cómo implementas tú como desarrollador? ¿Qué significación implementas? Bueno, yo hablo con mi palabra. Yo no sé de diseño. Simplemente había que transformar lo que nos había dado en sketch, que está muy bien porque entrará las periodistas, en los escritos para los escritos positivos. Y me comentaban, bueno, aquí tienes lo que nos han dado. Se transforma en una web. Y yo le decía que yo no iba a hacer eso. Y eso hace falta que lo hiciese un diseño, ¿no? Y se enfadaban porque decía, bueno, tú, para que está aquí. Y el problema es que hay un problema con esto en el que no se entiende que hay personas que diseñan ese aspecto. Hay diseñadores que tienen que implementar ese aspecto con sus conciertos en una web. Y después por dentro estamos los que desarrollamos la web para que la funcione y la sierra correcta. Y hay que coordinarse. Hay que engarjar esas piezas del puzzle y el problema es que a veces no funciona porque no se conoce exactamente y que a mí lo veis. No sé si encaja un poquito lo que estaba comentando. Al final, tú me gastas. Claro, claro. Porque aquí a veces los pantalones tienen una persona que te lo dice. Pero, evidentemente, todo funciona bien. Estoy muy contento, pero estoy muy seguro que si un diseñador, yo le voy a hacer lo que usted dijo, lo hemos llevado a la mano a la meta. Esa es el problema que yo no entiendo en el vídeo. Vale, gracias por la aportación. A ver, como se vea, el problema para mí de lo que diseñan en Wordpress, en general, es que el diseño, además de ser bonito, cumpla lo que quede tu sabidura y luego lo quede como algo muy básico. Entonces, me explico porque una web con Wordpress es hiperfácil de hacer. Ahora, que sea una web que sea bonita, o sea, en el sentido de que exprese lo que el cliente o lo que tiene que hacer la web. Y, aparte, todos y cada una, la utilidad es ahí cuando a mí me supera, ¿vale? Por ejemplo, yo conjunté más, ¿vale? Sí. Porque, evidentemente, yo de la nada no sé hacer un... Vale, sí lo puedo hacer, pero, como te digo, queda uno muy feo porque es demasiado simple. Y que así hay millones de webs, ¿vale? Pero no considero que eso sea para mi web. No sé, para una web es mucho más fácil. En cascar lo que veo de tu sabidura con el diseño en un tema, me parece, porque los temas se limitan. ¿Puedes poner un ejemplo con un crédito de uno de los problemas que... ¿Puedes poner un ejemplo? Pues, a ver, me compré un tema porque me he utilizado el sistema. Pero luego quiero hacer algo que no es su... Simple, dentro de tal. Y el tema no me dejo. Y entonces es... Y ahí ya se me complica la vida. Vale. Eso es normal, ¿no? De hecho, en el siguiente punto es conocer las herramientas de tu opción. Yo creo que cuando hacemos webs tenemos que saber cómo están echando webs, saber los conceptos básicos de HTML, es eso. Ya no te digo que necesites saber hacer una web todo el CSS desde el principio. Pero esos pequeños cambios que quieras hacer tú, además es que el salto de no saber CSS, de verlo como Matrix, a comprender que es declarar estilos, pero en inglés. Y es simplemente aprenderte cómo se llaman las propiales y en qué valores se declaran. O sea, no es tan complicado. Para mi el CSS no es un lenguaje de pronunciar o que algún compañero de profesión me mataría, por decirlo. Pero en el sentido positivo, no es programación, es marcado, no igual que HTML, tampoco es programación, es plena. Es estructural el documento y luego los estilos. Decir cómo quieres que se comporte visualmente es una etiqueta, ¿no? Entonces, no es tan difícil no tienes por qué aprender a programar si quieres hacer esos cambios. Si quieres, te diría, aprende HTML, CSS, aunque sea una cosa básica, básica. Y en cuanto a herramientas, aprende también, pues usar Figma desde Photoshop, por ejemplo, Photoshop es para retos de fotográfico, es para diseño, porque Figma tiene muchas más ventajas sobre o es qué, tiene muchas más ventajas sobre Photoshop, ese tipo de cosas, ¿no? Yo te invito a que lo aprendas porque vas a ver, y no es tan difícil, ¿sabes? Lo que te aporta son mucho más acolenciar es que el esfuerzo de aprender cómo. Ahí. Sí. Es un poco perdido. Sí. El diseñador, entonces, y no tiene que conocer Google Game y programación y nada, simplemente. O sea, porque... Depende. Depende. Hay personas que solo diseñan o yo misma, dependen del proyecto, a veces solo diseño y no... no toco nada de código, porque hay otra persona que lo hace, o hay veces que moto yo las vueltas desde el diseño. Pero siempre hago primero un bocetado, es que, bueno, vamos a ver ahora, igual no estoy entendiendo demasiado, pero sí, eso es el tipo de preguntas que quiero que ahora salgan lo sueltas. ¿Cómo se procesa? ¿Quién se ocupa de qué? Y todo esto, y ahora lo vamos a ver, ¿vale? Vamos a pasar, porque estoy entreteniendo demasiado. Vale. Vale. Hablamos mucho de Figma, pero igual tampoco no sabes lo que es. Lo voy a enseñar, porque estamos en Italia y podemos usar el ordenador. Vamos a ver lo que es Figma, porque sería... en los primeros pasos se les está definido el proyecto, que ahora también veremos un poco de la fase de investigación y cómo empezamos a diseñar una web. A mí un poco lento, porque estoy usando el zoom, que realmente es el ordenador bastante. Pero, bueno, ahora vamos a ver de abajo. Figma es para pintar la pantalla. No tienes que saber nada de código, ni nada. Simplemente, como si fuera cualquier lenguaje, o sea, cualquier herramienta de diseño con un instraito. Tienen los proyectos. Es una, ¿qué te vas a poner? Pues, yo la tengo instalada, pero voy a darle ahí. No, voy a abrir uno nuevo, porque tengo aquí por esto el vídeo, pero... Figma es para pintar cualquier ordenador, como ya me ha quedado el zoom, y siempre hay un botón de... Puedes usarlo en el navegador, en cualquier ordenador Linux, en el bug, en Windows. Si, ya no tienes que pintar el ordenador, o tienes que pintar si no tienes nada. La ventaja de instalarlo en tu ordenador es que puedes utilizar tus propios fuentes. Y como el ordenador es. Bueno, me va muy lento, así que me lo estoy cargando. Vamos a sustituir los proyectos de aquí. Yo no sabía que era open source, desde que acabo de enterar. Yo no sabía que era open source, desde que acabo de enterar. ¿En mi ordenador? Porque es colaborativo, yo puedo trabajar en tiempo real, yo te paso la URL y trabajamos juntos en proyecto, y porque prefiero, o sea, si ya soy algo en eso. Luego, XD, lo tienes que tener instalado en un ordenador. FitMap, eso lo puedes usar hasta en el móvil. Puedes hacer un cambio última hora. Puedo ver mis proyectos, puedo compartirlos todo desde el móvil. Me quedas y como Google Docs, igual. Claro, esto es un Google Docs para diseño web. Al que yo en XD no lo conozco, entonces, esa característica no sabía que la tenía en XD. Sí, XD, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, OAS, Vale, lo que quieras. Tampoco me voy a entretener mucho. Hay tutoriales en internet. Pero puedes estar, por supuesto, lo que quieras, ¿no? Haciendo bloques en las primeras fases. Lo haríamos un boceto, simplemente para ver dónde vamos a colocar los elementos y el tamaño que van a tener. Y una vez que está aprobada el esquema, lo hacemos así, el diseño. Incluso cuando yo implemento una web, también me lo hago así. Porque luego es como cuando vas a hacer la compra. Tú puedes ir al súper sin tener lista de la compra. Y van por los pasillos del mercado y ves lo que te apeteza. Puedes coger esto, el otro. O puedes hacer la planificación, que sería lo más óptimo, también para no gastarte mucha pasta. Porque si vas sin planificar, te gastas más dinero. Sobre todo si vas con hambre. Si tú te haces primero la lista de la compra, vas a tiro hecho. Y nada más te lo ordenes. Te lo vas organizando en los primeros relacios, después las frutas, después la canicera que está dado la frutería y después la pescadería. Porque tú con la que seas súper, ¿no? Entonces te lo vas apuntando y ya vas a tiro hecho. Y para mí es un símbolo muy parecido a bocetar antes de diseñar y de maquetar, ¿no? Aunque tú vayas siempre a meter la web primero que haces el boceto y luego vas. Ya has tomado las decisiones. El diseño es tomar decisiones sobre el aspecto, ¿no? Y sobre la interacción. Pues primero haces la lista y luego vas y lo haces. Se lo pasas al maquetador, que es el que lo haces, ¿no? Entonces primero haríamos un boceto sencillo, rápido, sobre las cosas que vamos a tener. Y después de ha, le pondríamos todo el estilo, ¿no? ¿Cómo haríamos el boceto? Vas aquí. Normalmente tenemos, aquí voy a volver después, ¿vale? Voy a soltar directamente aquí. Primero tenemos una petición de un cliente, ¿no? Necesito una web. Y entonces empieza la fase de planificación, ¿no? En la fase de planificación lo que hacemos siempre es hacer muchas preguntas, ¿no? Incluso si el cliente tiene la idea muy clara, ¿no? Por eso les hace muchas preguntas para asegurarnos. Antes de ponernos a trabajar, lo que vamos a proponer está alineado con lo que quiere, ¿no? ¿Qué preguntas se os ocurre o qué preguntas soleis hacer cuando un cliente os pide una web? Llega y dice, bueno, está, les hace usted, por favor. Pues yo quiero una web, ¿no? Gerardo, ¿qué preguntaríamos? Objetivo. El objetivo de la web, súper importante. Medible, no puede decir que quiero vender más, tiene que decir que quiero vender X, de la visita de Maribel. ¿Qué más preguntaríamos? ¿Qué información necesitamos antes de ponernos a hacer que con los clientes y que aplicaciones les necesitaba? ¿Qué hay que probar? Que el móvil bienes y que aplicaciones les necesitaba. Sí, para saber un poquito el nivel con el que pasamos ahí, el tipo de clientes que trabajan. Porque si un cliente que está trasladado a la universidad, tiene que haber lo mismo, ¿verdad? A mí se me da el caso de que el cliente no tiene el móvil. No es decir que tiene un móvil desde el clases. Es decir, hay un móvil que aún no tiene el móvil. Entonces, ahí tocan. Yo me pongo una notailada por los pequeños. Y si tenemos clientes de fuera, pero lo que no quiero decir no es, el cliente va en móvil, ahí que es lo que tiene en el móvil, y yo barco de ahí. No es de bienes, pero es de bienes, pero es de bienes. Muy interesante, muy interesante. Entendiendo de lo que haces, a ver, de lo que usas, a partir de ahí, es de bienes, de bienes, de bienes. Yo no creo que se intenten incluir. ¿Qué caballero tiene del cliente? Pues si lo haces y te lo deis a manera, lo deduces sin tener que tenerlo en el móvil. Sí, de caso que sea un autónomo o una pequeña empresa, va a ser una pequeña empresa, va a ser muy adivinúo y va a cortar mucho el sucio, principalmente sobre cómo te quieres comunicar con él, sobre las expectativas que va a tener, y también, ¿sabes? sobre el presupuesto que tiene. Sería una de las preguntas, por ejemplo, que haríamos. Soléis preguntar al cliente, ¿cuánto presupuesto tiene? Yo normalmente. ¿No? Es un error, sé que soy. A través de lo que pasa menos. Ésto vale partir de esto, esto vale partir de esto, y ahí dice que a lo mejor sí se tiene un poco de ganas. Yo creo que antes de preguntar cuantos presupuestos tienes, ¿qué es? ¿Para qué quieres, la work? O sea, pues tú vas a crear un algo simple, pues yo te haré más precios, o sea, que no vamos a complicar más adrego, te lo sumo muy diciendo, ¿no te va a pasar mucho más con la guía, o lo que quiera una landing page para simplemente tener un fórmula y recibir preguntas, ¿sabes? Eso es un proyecto, o sea, ¿me entiendes? Sí, sí, lo que ha hecho Gerardo, ¿no? El objetivo, ¿qué objetivo tienes? ¿Qué quieres conseguir con la web? Para que el público también quiera, o sea, que ha tome un botón con la web. Vale, ¿y cómo le preguntaríamos el público? Vamos a pensar que la persona tiene el último iPhone y que tiene un poco de idea sobre lo que es el público, la odiarcia y todo eso. ¿Cómo le haría para la empresa? Por ejemplo, yo llegué porque estamos mutando a la empresa, con mi padre y estamos tirando parte de una empresa de casa. El público que está dirigiendo a nosotros son para entran a su joven, quieren comprar la casa y quiera trabajar esa, y también para las personas más mayores en el sal, que a lo mejor se quiera hacer una partida nueva y que tenga su sueldo, la página me viene a mí a veces a algo más formal, más tranquilo, colores sanos, naturales, mucho cambio de tono entre uno y otro, un azul planil y con todo expresado. Y más en excesso, formularia de contanto, que yo pienso que los únicos necesitan ese caso, pero poniendo en casa de que es una empresa que quiera venderte zapado, pues yo buscaría más algo más llamativo, algo que en la mantra se indique comprando, que sea algo que necesita para vivir. Entonces, si tú sabes lo que va a decir, que las primeras rompeas de un bicho, te puedes valer la opción eso, ¿no? Sí, sí, sí. O sea que en función del tipo de persona que vaya a comprar, vas a dar una imagen u otro, ¿no? Para que el usuario se notifique. Te lo juro, te dices. ¿Cuál es tu idea, persona? Esa, ahí es donde quería llegar. Cómo le pregunta eso? Sí, pues yo... ¿Qué piensas, una venda o son corrientes? No, verdad, eso no es una buena persona. No es una buena persona, pero... La pregunta es... Pero yo le explico... Si tiene un iPhone X, es probable que se va a dar un baile de persona a la persona. No, no, no, no, no. No tiene una buena persona. No tiene una buena persona. ¿Cuál es el tipo de cliente que tiene el bicho? Sí. Pues sí, el arquetivo, que es la palabra de la bicho. Ni madre, ni un baile de... Ahora, si el arquetivo lo ha hecho un poco... Ya habló más. No se puede reducir. Pero... ¿Cuál es tu cliente? Exacto. La idea es... ¿Cuál es tu cliente ideal? ¿Y que no me diga mujer de 38 o un poder que sitúa alto? ¿Qué me digas? Se llama Juana. Juana González. Y, además, si ya... Si no tiene experiencia, si quiere la web para arrancar el negocio, es más complicado, porque son todos conjeturas y apuestas. Pero si ya tiene... Lleva un tiempo con el negocio, ya sabe quién es su cliente ideal. Y, efectivamente, tiene nombre, apellido, edad, conoce sus gustos, sabe lo que haría, las expectativas que tiene el cliente. Pero, no haría esto nunca porque ella va a comprar a la persona donde no compra online, mira online, pero compra en la base, se conoce muchísimo a esa persona. Y, lo que dice la teoría del valler persona, es que si tú piensas en una persona en concreto y preparas toda la web, incluso todos los puntos de contacto, todos los... todo lo que tú hagas para contactar con el consumidor, ya sea cómo coges el teléfono, cómo respondes, cómo haces la valla publicitaria, cómo decidas la web, siempre está dirigido para esa única persona. Ella no habla, no diseñamos para algún colectivo, sino que diseñamos específicamente para esa persona. Sabemos si le tenemos color de tú, si le tenemos color de usted y así sale todo muchísimo más fácil. La creatividad muchas veces cuando tiene límites se puede desarrollar de una manera mucho más sencilla, mucho más fácil, que cuando podemos hacer todo un colectivo, nos fijamos solo en esa persona, que es nuestro cliente ideal, el más rentable, con el que más a gusto te sigue intervendiendo esa persona en concreto y todo eso y todo lo demás lo que sabemos pensando en esa persona. Entonces es muy fácil decirle a cliente... Le pregunté también de dónde quiere captar los clientes. Por ejemplo, si tiene deseo, la estructura de la página el tema de H, de la lista ligereza no tiene nada que ver de si tiene... directo... Claro, sí, como va a captar a los clientes de dónde viene, sí. Normalmente hay varios canales para la captación pero también nos podemos enfocar en un, para una página en concreto en otros para otras páginas. Es un proyecto de deseo y el diseño como que le da un poco mancual y prevalece en la ligereza lo que para un cliente es importante de dónde va a captar los clientes los clientes. El diseño es completo y bueno la página no es nada o no tiene los archivos inspirados. ¿O vas a generar mucho contenido? Necesitas un blog por ejemplo. ¿Qué más preguntas? No había hecho hablar de ese puesto pero en qué momento se ha enfiado a su cuenta. Pues al inicio. Pero todavía no sabe qué es lo que va a hacer. Claro, tú haces estas preguntas para dar una orientación de precios. Lo que se suele hacer siempre es dar una orientación y luego vas concretando todos los requerimientos del proyecto a través de estas preguntas. A mí me gusta hacer videollamada y entrevistas personales. Otras personas tienen un formulario pero a mí me parece muy frío, además quiero que mis clientes lleguen porque me conocen no porque han visto mi web en Google Business diseño web y un formulario. Yo creo que directamente me contesten porque soy Ana Cirujano. Porque luego puedo subir más los precios que si difieren diseño web. Entonces por eso yo directamente hago una entrevista personal y voy haciendo las preguntas no me la grabo con Zoom como estoy grabando ahora esta sesión y cuando ya tengo toda esa información hago el presupuesto. Primero doy una orientación pues... Claro, hasta que no paga el 50% o depende si es una cantidad considerable se suelen hacer en 3 pagos 40, 30, 30 por ejemplo hasta que no paga el acuerdo se ensella cuando ha pagado el primer pago. Pero ya en esta primera entrevista yo ya les estoy aportando ideas funcionando muchas cosas les estoy diciendo qué tiene que preparar aunque luego no vaya a trabajar conmigo porque me gusta mucho mi trabajo. Y también me considero que en esa primera entrevista tienes que demostrar lo que puedes ofrecer y a veces haces una consultoría gratuita y luego no te contratas, a mí nunca me ha pasado y luego no me contratas. Acaba llevando un acuerdo a lo mejor haces menos cosas de las que tenía pensado o haces más o lo que sea porque la persona necesita una web y te ha contactado y tienes mucho ganado hasta que no se paga no se empieza pero la conversación todo lo que puedas aportar aportas también es el espíritu de work. Estamos aquí compartiendo porque creemos que al final nos va a beneficiar a todo entonces en esa primera reunión también sigo pensando en su vida pero no puedo más diseñar ni a pensar su caso específico hasta que no me ha contrapado pero en otro tiempo tengo otros clientes. Pero así vas ya haciendo una orientación sobre eso una vez que ya arranca el proyecto continuas haciendo más preguntas más concretas y haces un estudio no solo de lo que te cuente un cliente o una clienta sobre su estudio mercado sobre su competencia le vas a preguntar cuál es su competencia pero también lo vas a investigar quién se mueve, quién son los players del sector, todo esto yo tengo aquí una recuperación de algunas preguntas creo que está muy pequeño y no se ve nada pero es bueno pues quién es quién es esa persona alguien que no sé qué lo hemos dicho quién es usted, a qué se dedica a la historia por qué quiere montar esta web por qué lo sé para qué porque son las razones, la historia del story telling está muy de moda y es porque funciona contar una historia emociona y funciona hay que hacerlo quién es, cuál es su actividad cuál es su objetivo de sitio web qué información transmitirá cuál es su competencia, qué problema tiene cuál es el objetivo para que se va a crear sitio web, cuál es su metodología cuál es su enteja competitiva, tiene ya una enteja cooperativa todas estas preguntas y las que hemos hecho vale antes de bueno, cuando ya tenemos todas estas preguntas resueltas claro, cuando tenemos mucha experiencia diseñando webs, muchas veces ya lo estamos viendo, ya la entrevista dice es que ya sé cómo voy a montarlo todo la llamada la acción que voy a hacer al final y lo vemos muy claro la soltura diseñando hace que luego sea todo mucho más rápido pero al principio cuando no tenemos mucha experiencia diseñando webs tenemos que ver muchas webs pero tenemos que ver webs que estén bien diseñadas copian a los buenos copian sí copian, al final no copian directamente pero los diseñadores constantemente nos estamos fijando en los rótulos de las tiendas en los logotipos de las marcas siempre, siempre nos fijamos en eso los colores que se utilizan todo y todo eso va formando parte de nuestro acervo cultural y es muy importante para saber lo que es certeza para saber los gustos que tienen determinadas personas en función de muchos factores todo esto, entonces, si diseñamos webs tenemos que estar muy acostumbrados a ver muchas webs eso es una cosa que es vamos, es obligatorio mucha gente dice, pero tú entonces te puedes mirar webs y te copias es que es así tú te vas a poner a hacer una web y no has visto muchas webs para mí los cantanos o es no haber visto muchas webs antes de ponerte a diseñar tienes que primero ver las webs de la competencia buscar hacer una búsqueda en google y ver cómo son las webs de la competencia para diferenciarte que no sabe what tiene la competencia pero también puedes aprovechar elementos que tengan la competencia y que tú puedes mejorar ya está hecho, por eso después de ese estudio, tú puedes hacerlo mejor y luego visitar sitios que tienen colecciones de webs que están bien diseñadas y esto hay que hacerlo como un hobby lo voy a hacer y me pongo a ver webs buenas y a ver intentar ver por qué son buenas por qué están reconocidas y todo esto y seguir copiando todo lo que se pueda pero siempre dentro de un contexto no vale copiar y pegar hay que comprender por qué se hacen las cosas y y adaptarlas al contexto del cliente a una aportación de momento el proceso de investigación si te equivocas, cuando estás investigando y estás hablando de cliente le presentas una propuesta y ahora no necesitas la propuesta completa pero la haces a lo de abajo un hotel necesitas un hotel le implementas un sistema de intentar ver el trabajo completo con todas las webs y ahora te presentas con el cliente y te vas a explicar cómo usarlas y te diste el cliente que no necesitas eso porque te pongo un botón de bazaar ha habido un error de comunicación muy grande no pasamos a la siguiente fase simplemente nos ha probado la fase anterior yo la planificación la concesión con el cliente yo le envío un resumen de la reunión de hecho le envío también el vídeo de la reunión porque yo me voy a ver con el servicio y entonces el cliente he entendido esto voy a hacer hay que hablar muchísimo con el cliente muchísimo y contarle al cliente yo explico al cliente por qué hago las cosas de dónde me viene eso hay una herramienta que se llama co-creación que es fundamental el cliente tiene que participar si es el director general de la fundación el director general de la fundación participará menos si es un autónomo pero siempre tiene que participar el director general participará menos pero también se meterá menos al detalle lo aprobará sin meterse tanto el autónomo deja muchos los detalles y luego pide muchos cambios pero el otro participa menos y también se mete menos en tu caso si tú sigues este método de aprobar antes de pasar a la siguiente y después de llegar a ese punto nunca es imposible que llegues a eso porque el cliente tu primero le ha dicho te voy a instalar un sistema de reserva ni siquiera le has enseñado el boceto le ha dicho si un sistema de reserva y que tenga esto y esto de voz o de correo si vale pues ahora te lo voy a esto va a estar a la izquierda esto va a estar a la derecha ya con Figma con plazos la prueba vale pues tiene que pagarte si no pasa nada no pasa nada ya está te lo ha pagado y luego le cobras otra vez por el botón de wasa vale pues venga ya hemos terminado no voy a usar nada para otro proyecto botón de wasa ahora al cliente osea esto no lo necesitas al otro proyecto que hace como lo básico y luego si me ha adelantecido la empresa pues se hace igual cosa si muchas veces el cliente no sabe y es normal no sabe lo que necesitas el otro día hablabas tu en un podcast tuyo sobre esto sobre lo del taller me gustó mucho la netota del taller que te iba a hacer un nuevo en el coche escuché ese post ahora está muy bien ese episodio potencia pro se llama compartiremos en la nota del programa claro decía fui a comprarlo en el coche y este otro modelo a lo mejor también me interesa pero si me has preguntado por un utilitario pequeño y este es un terreno enorme pues no tiene la idea de coche la idea de coche claro no compro ahí y se fue al otro concesionario y le trataron mucho mejor y entonces ya directamente se fue con el coche y compró pero al mejor ni siquiera había pensado por caso puede ser real o imaginario pero el caso es real pues es así nosotros sabemos mucho de webs el cliente no tiene por qué saber entonces tenemos que explicarle las opciones que tiene sobre todo hablar mucho pero me gusta que insisto en todo el proceso porque tienes que hablar con el cliente y lo tienes que hablar mucho con el desarrollador que ocurre cuando ya pasamos a la fase de de diseño voy a ir avanzando igual voy a avanzar y después si queréis volvemos con preguntas lo que decíamos muchas veces el diseñador no sabe diseño web concretamente en diseño, en programación es una cosa que los diseñadores aprendemos de los programadores en programación lo que se hace es utilizar muchísimo código los desarrolladores crean lo que se llaman clases y objetos y todo esto y lo que hacen es por ejemplo me valen esos carteles que tenéis que mirar para atrás voy a diseñar esos tres carteles prevención contra incendios entonces yo primero ya lo teníamos tengo el cartel del extintor el cartel de la boca de la manguera de incendios y el cruzador de la arma los tres tienen muchas características similares porque tienen las mismas medidas el modo formato vertical tiene el fondo rojo y luego tienen un cuadrado arriba y un rectángulo abajo no tengo ni que discusar el figma para explicarlo lo tenemos ahí y luego tiene un rectángulo más pequeño vamos a suponer y tiene otro rectángulo más pequeño entonces tiene muchas características similares el programador dice vale así piensan los programadores pues me voy a crear primero un elemento que sea el rectángulo con esas características y luego a partir de ahí voy haciendo instancias de eso y variaciones dependiendo de la plantilla claro entonces en diseño tenemos que hacer lo mismo y el figma nos permite hacer esto tú puedes crear un elemento que sea con el fondo rojo pero que no tengan ningún icono ningún texto ni nada y luego eso lo pueden utilizar así que qué consigues a parte de dar tiempo para que la decisión en diseño podamos cometer un trabajo cuando estamos también diseñando entonces figma te permite crear lo que se llaman componentes y qué ventaja tiene esto también pues que si yo una vez que he diseñado los tres carteles o serían los tres cartels o lo que sea en diseño web quiero hacer un cambio no tengo que ir tarjeta por tarjeta no tengo que ir cartelito por cartelito por las instancias que yo tengo porque sólo tenía en el master las cartelitas que sean comunes y luego además tienes otra capa con las cartelitas particulares esto es como es como se diseña con figma con fozop y la cosa cambia no tienes tanta versatilia de este sentido entonces cuidado con los diseños que son muy similares si no hacemos esto lo que va a pasar es que uno va a medir un va a tener un valor y el otro va a tener un valor que se parece pero no es igual porque es muy fácil cometer esos errores entonces siempre pensar en esto, no repetirse y pensar también como un programador en activizar lo máximo posible lo que hablamos antes del diseño responsive hay algunas veces que no sabemos como se tiene que comportar que no decimos al maquetador como se tiene que comportar el diseño en otros tamaños de pantalla y muchas veces incluso solo hacemos la versión para escritorio y luego la versión de móvil una cosa bajo la otra y ya está y el maquetador cuando lo está haciendo dice pero no me vale tienes que decir exactamente cómo se va a comportar cada uno de los elementos, el diseñador es el que tiene que pensar en la pantalla, cómo se va a comportar y también teniendo en cuenta tamaños de pantalla muy grandes o muy pequeños esto no sé si se entiende bien porque es crucial o necesitas que un ejemplo visual o sea tienes alguna pregunta sobre esto el maquetador el maquetador tienes alguna web de un negocio tuyo policía nacional vamos a ver la web de la policía nacional el diseñador lo ha pintado lo que nosotros vemos lo ha pintado con filmas ha hecho el diseño tal cual hemos agirado el elemento de la policía nacional solo con el trajo pero no con el tarje sin ver nada el código y ha escrito, ha dibujado las cajitas una cosa así viendo lo que nosotros estamos viendo ahora pero el maquetador viendo eso en una pantalla solo hay que trabajar con dos pantallas en una pantalla tienen esto tal cual sin movimiento y lo que hacen es ponerse a escribir esto hay cosas que no son maquetación que son desarrollo javascript y tal y cosas dinámicas el maquetador escribe esto escribe ah vale este encabezado el lo ve como el html es estructural tengo un encabezado arriba que tiene una capa en la que tiene un venú a la derecha un gif luego de abajo tiene una imagen grande que ocupa el 100% del contenedor claro el maquetador escribe esto html css y lo ve así y luego lo traduce a código contenedor dice luego vuelvo a una clase para ponerle los estilos que tenga el tamaño, la colocación llevando instrucciones y además hace por un lado toda la estructura y el contenido que sería html y luego le da los estilos y la colocación con css pero él no hace nada visual lo hace así todo lo que pasa es que esto lo vemos claramente tú ves esto y dices ya se lo que se va a pintar porque sabemos leerlo y al final es sencillo, es fácil de aprender como el final luego el maquetador el maquetador si os fijáis aquí tenemos una fase de maquetación y otra de implementar warps porque tú primero el theme lo maquetas de manera estática tú le dices suponiendo que esto fuera un warp le diríamos aquí me vas a poner la imagen destacada del artículo aquí le vas a poner el título del artículo y aquí el extracto del artículo el maquetador dice que va a haber un título y luego el desarrollador el que implementa warps es el que le va a decir esto es la variable title y entonces eso tira de base de datos y es contenido dinámico lo puede hacer la misma persona todo o lo idear es que cada cosa la haga el perfil especializado en eso el maquetador solo maquete, el diseñador solo diseñe el desarrollador solo desarrolle la implementación del warps puede desarrollar plugins o instalar plugins que estén hechos y modificar el código en un add-on o no lo sé pero diferenciamos todo eso lo visual y la enteración, la maquetación la implementación con warps y luego los desarrollos de las funcionalidades que sea vale que más cosas vale cuando diseñamos también cómo se van a comportar los elementos y todos los estados de los elementos los botones, quieren un botón verde pero cuando pase el ratón sea un verde más claro y cuando suelta el ratón hay que enseñar todo normalmente a los maquetadores les llega el diseño sin todos los estados y eso no se lo podemos dejar al maquetador, tenemos que diseñar nosotros y pensarlo nosotros incluso cuando estemos usando divin o Elementor siempre tenemos que pensar en todas estas cosas aunque no vamos a sino aunque no lo desarrollemos a medida o maquetemos a medida como maquetador visual siempre tenemos que pensar que todo esto lo podemos personalizar y hacerlo en función del estilo de la intercorpativa de nuestro cliente vale, o sea, usando normalmente el diseñador al diseñar le viene bueno, depende, si es un autónomo pequeño una guía de estilo normalmente las empresas ya tienen su guía de estilo aparte de tener su logotipo y su manual de intercorpativa tiene una guía de estilo, ya te dicen los colores corporativos la tipo que se utiliza la medida de la gente no nosotros no, no te pasan el logo de un documento de wall te hacen una foto en todo vale en ese caso nosotros tenemos que crear la guía de estilo antes de empezar, la guía de estilo es una herramienta que vamos a utilizar para hacer los bocetos siempre planificamos y siempre cuando vayamos a utilizar algo es algo que ya hemos pensado antes si no solo hemos pensado la tipografía de los párrafos como se habéis estado en la charla hay que pensar como se va a comportar la tipografía tanto en los párrafos como en los títulos, como en cada uno de los de los dimensiones de pantalla ahora ya con este plagio de frontal marial cualquiera cualquiera puede hacer esto pero antes había que pensarlo bien echarle a mi pladora y hacerlo bien ahora ya cualquiera puede hacerlo cualquier min duty vale, que mas es importante pensarle de esto no solo la tipografía sino también en los colores en los botones y todo esto y hacer una guía de estilo que no cuando tenga que hacer el botón te pongas a visitar en ese momento sino planificarlo antes empezar como a hacer todo eso y hacer una guía que lo vamos a simplemente ir al sistema diseño y añadir la instancia y ya está unidades muy importantes diseñamos en píxeles pero que el computador nunca declara píxeles declara em o rem ¿sabemos lo que es esto? ya solo con que sepáis esto yo ya la hora y media está muy emocionada porque es súper importante cuando nosotros declaramos una unidad un valor en píxeles estamos diciendo que va a medir exactamente eso independientemente del dispositivo en el que se vea el método por ejemplo en la tipografía ¿sabéis cómo sabe que se dice 18 píxeles si hacemos si declaramos 18 píxeles el usuario o sea siempre van a ser 18 píxeles no se va a adaptar el tamaño de la fuente y se tiene que adaptar a lo que el usuario defina entonces sabéis que en el navegador de los móviles tú puedes definir el tamaño de la letra predeterminado normalmente los tamaños de la letra predeterminados son 16 píxeles pero personas con problemas de visión personas mayores, destacadas, todo esto tenemos aquí un experto de unos tormentistas suelen tener el móvil con la letra más grande si nosotros declaramos 16 píxeles mucho que el usuario defina en las propiedades de Chrome que quiere la letra grande no va a cambiar porque está establecido de manera absoluta 18 píxeles, me da igual que hagas tú me cambian las propiedades no va a cambiar está cerrado, eso no va a cambiar pero si utilizamos unidad R con la cual no estamos haciendo caso al usuario que es el que es nuestro jefe el usuario con las propiedades relativas bien REM o EM un REM son 16 píxeles que es la medida estándar o la medida que el usuario haya cambiado si el usuario hace grande va a cambiar, ya no es 16, va a ser 18, 22 o lo que esté establecido por 4, no tenemos que dejar al usuario que cambie ese valor y ya no son unos tipos de letra sino en todas las medidas los márgenes, los bordes todo, nunca decían ambos píxeles la diferencia entre REM y EM es que el REM siempre va a ser en relación a lo que el usuario haya determinado como unidad base 16, 18, 14, lo que sea a lo que el usuario haya dicho y y los EM es en relación al contenedor que estoy haciendo es un poco más bajado pero es así que estamos por capas, pues usamos contenedores y el EM va a ser en relación al contenedor padre el caso es que nunca se declara en píxeles solo en REM, para que sea fluido para que sea relativo, y para que sea responsive y accesible vale creo que me estoy en realidad ando mucho que ahora tenemos que acabar vale vale vale, cuando diseñamos para WordPress, aparte de todas estas características, que hasta ahora podrías diseñar para que luego el programador programara cualquier lenguaje que tendría para implementar en WordPress para cualquier tipo de web no es para WordPress, tenemos que saber las características que tiene WordPress que WordPress es un gestor de contenidos que puedes hacer páginas estáticas o dinámicas que puedes tener un blog todo esto saber la diferencia entre páginas y entradas y mi custom cost type saber la diferencia entre páginas y entradas vale brevemente porque esto es todo se puede hablar solo de WordPress durante todo el fin de semana pero las páginas es por ejemplo, quienes somos donde estamos tú entras en esa página entras a una web y lo que tú ves es un original generado y las entradas son artículos que son dinámicos que puedes ir añadiendo monológicamente por ejemplo los artículos del blog y los custom post types son técnicamente artículos pero que son de una taxonomía, es decir, de una naturaleza diferente a los artículos del blog, por ejemplo tú tienes un blog de receta de cocina y tienes cada receta es una entrada del blog que tú vas poniendo todos los lunes los colocando recetas y las entradas luego el quiénes somos sería una página tú puedes cambiar el texto quiénes somos uno, quiénes somos dos quiénes somos tres, no, es una estática, aunque tú puedes cambiar el contenido mañana es una foto nueva pero es estática y la otra es dinámica pero luego resulta que además de publicar la receta de cocina quieres dar cursos de formación de ingenieros tú dices, ah, pero es que voy a dar varios cursos y además quiero que cada curso tenga bopos niveles, yo quiero categorizar me viene muy bien la estructura del blog porque tú el blog puedes también poner categorías y etiquetas que hablamos de lo que es dice ya, pero no quiero que se me mezclen las noticias del blog con los cursos de formación es una naturaleza, una taxonomía diferente entonces ¿qué haces? pues creas un custom post type con el que haces un desarrollador para hacerlo pero bueno, simplemente nosotros como diseñadores tenemos que saber que Wolves te da que tienen toda esta empiezas de estas posibilidades ¿te puedes instalar un public o hacer un public? el custom post type no viene por efectos bueno si, he dicho que la puedes encargar de ser desarrollador o instalar un plano pero si no, no viene en el core porque no lo necesita el mundo el core se le está haciendo voto se añaden las cosas que valen para todo el mundo pero como esto del custom post type no está todo el mundo bueno, categorías y etiquetas que solo me habéis entendido un poco lo bien la naturaleza del cuando no encaja sería de verdad las categorías en la afecta de cocina, sería cocina asiática cocina saludable, cocina la luza y las etiquetas son jerárquicas dentro del cocina saludable puedo poner vegana oriental o lo que sea son jerárquicas y luego tenemos las etiquetas que serían transales los ingredientes quiero ver todas las recetas que tengan cilantro y ahí te van a salir de muchas categorías una entrada puede tener solo una categoría y muchas etiquetas no es todo el WordPress pero es que el diseñador tiene que saber esto al dedillo sobre todo si pones en tu firma diseñador especializado en WordPress tienes que poder ofrecer a tu cliente oye, ¿por qué no hacemos otra taxonomía y con esto porque organiza la información a veces se ocupa un diseñador de contenido pero normalmente se ocupa el diseñador o la persona implementador tiene que saber al dedillo cómo funciona WordPress uno de los metadatos es una cosa muy interesante que es en las entradas tienes que saber qué opciones tiene WordPress que tú lo puedes pedir al desarrollador que te incluya que en las entradas se guarda la fecha de la que se ha publicado y lo puedes sacar también la categoría a su vez tiene una página en la que se puede listar todas las categorías todo esto hay que conocerlo y decirle al hacer el diseño vamos a poner que desbajo del título de la entrada venga la categoría a la que pertenece esa receta es diseño, pero es WordPress es específico campos personalizados dentro de la receta podemos poner autor dos puntos y que eso sea un campo de formulario que el autor de la entrada simplemente rellena y ya le aparece automáticamente pues son cosas que podemos aprovechar como diseñadores que es un plugin que es un tema, es el básico de WordPress las funcionalidades van en el plugin y los estilos el diseño van en el tema esto es muy importante también que WordPress no se para muy bien se para por una parte el contenido y por otra parte el diseño y por otra parte las funcionalidades de diseño web y que WordPress lo tiene una pregunta un plugin que puede no casar con algún tema no porque está muy bien hecho pero estos son unos crash vale vale que si el plugin puede ser incompatible con algún tema no vale vale genial que una música casca si si no no, son unos crash si no no afecta a algún tipo de música lo que es lo que significa las propiedades de la fuente es que va a mandar siempre lo que tú digas en el plugin porque se hace más arriba entonces CSS se llama CSS porque es hoja de estilos encascada y es que lo que está abajo hereda a todas las propiedades interiores entonces nosotros no ponemos arriba de todo entonces pisa a todas las propiedades estamos bien empezados vale especializarse en WordPress conocer todo esto y super importante y que se puede sacar un partido bestial conocer la jerarquía de plantillas la jerarquía de plantillas o hoy en día las plantillas debuten que puede hacer el diseñador cuando conoce la jerarquía de plantillas saber que puedes hacer hay un esquema muy grande sobre esto igual si me voy a enseñar puedes hacer bueno puedes hacer un diseño específico para para cada una de las páginas por ejemplo si lo voy a ver si no mira se entiende mucho mejor se entiende mucho mejor lo que pasa es que no se va a ver mucho porque es un esquema muy grande y bueno, me parece que se anda la letra muy pequeña el sistema de WordPress ya contempla que puedes hacer un diseño específico para cada una de estas plantillas un tema tiene muchas plantillas o puede llegar a tener muchas plantillas entonces esta es la jerarquía de plantillas puedes hacer un diseño específico para una etiqueta es decir cuando el usuario esté visitando una receta que tenga cilantro me pintas el fondo de verde y cuando sea de canela me lo pintas de naranja cuando sea tal eso no lo haces pero a lo mejor haces otras cosas este es ese pero tú hay que enseñar sabes que WordPress permite esto y el maquetador te dice vale simplemente crea un archivo con ese nombre que se llame taggion canela el nombre de la etiqueta y te lo cambia es algo que no va a decir como haría yo para poner todas las recetas que tengan canela de un coro en narja el maquetador que sabe WordPress te dice vale es súper fácil porque ya WordPress contempla eso que me impide para eso entonces es impuro hay un problema para eso el archivo de eso y el maquetador siempre hay un line hay un line que es de su economía cuando ves para la etiqueta aquí es la etiqueta por eso hay que tener un nivel o si lo he listado de todas las etiquetas que no me lo crees uno nuevo y a lo mejor te permite ponerle una clase de CSS este es la clave del top para que tú le cuelgas las etiquetas para ti tienes que saber CSS por ejemplo TV si pero tienes que saber CSS lo que pregunta ella pero TV en las últimas actuaciones te da esta opción te da la opción de hacer un diseño para siguiendo las etiquetas es un editor maquetado visual que puedes diseñar una web sin mucha código no es lo más activizado pero para mí lo mejor es aprender CSS que no es tan difícil y aprender la jerarquía de plantillas que no es tan difícil pero te tienes que gustar y tienes que tener tipo para ello y no contar con un equipo mi experiencia cada uno tiene que hacer lo que más le guste mi experiencia a lo largo de estos años es que cuentes con los colaboradores adecuados para cada proyecto que le gusta trabajar sola que le gusta trabajar en el equipo y que solo hace lo que pueda hacer esa persona sola hay herramientas que te ayudan a hacer una web que tenga todas estas ventajas que aprovecha estas ventajas claro el código no va a estar todo optimizado que estarías si cuentas con un desarrollador que te daba medida pero bueno le puedes hacer como para la CSS es que perdona como aprenderías si te gusta pues a ver yo en mi caso particular cuando no sabía CSS yo me hizo un curso presencial para poder preguntar pero cuando has dicho que no se quede como ahora pero bueno para mí es que depende de si hay muchos cursos online y tutoriales yo particularmente varía un curso presencial sobre esto porque pero bueno es como todo también lo puedes aprender pero depende si estás acostumbrado a aprender este tipo de cosas tu solo o si te vale el curso online si te prefieres curso presencial los que sabes CSS como lo habéis entendido yo con algún libro al curso online y practicando practicando probando cursos claro con el que también he probado cursos pero fue muy malo porque copiaba el código no pasaba el código lo guardaba por si acaso lo guardaba por si acaso es que en el caso de CSS para mí sí que es importante aprender el paradigma y la cascada la especificidad creo que es mucho más práctico que alguien te lo explique que es año de rock hay cosas que no entienden muy bien por qué pasan un típico fes de la persiana si me cambia esto se le cambia todo claro es que pero hay talleres o es en plan de ir de la informática hay talleres es muy buena para aprender es un buen de 3D es un buen de 3D puede haber un favor a mi gente que compraba los talleres de programación tienes toda la información tienes un montón de ejemplos que puedes llevar en vivo que no me grabes si ya me dices un buen de 3D si te lo sé, no te tengas ya de el sitio de tu conocimiento de tu curso de CSS para hacerla pero si te dices te dices un buen de 3D o a ver no yo realmente no quiero ser más pertenece yo quiero tener nociones para tus cosas básicas para modificar alguna cosa de un tema o que sea para que puedo tomar y que no le vuelva la fuerza es que yo lo recomiendo siempre muchísimo es que siempre que estás haciendo la web sobre todo si eres el diseñadora como es tu caso y que varias cosas que para ti son incorrectas que están mal y que necesitas arreglarlas para poder tener el pan de espíritu para que no te divirtes es que el CSS ya te digo, no es tan complicado no hay que sacar un curso para que te divirtes alguien mini-tallés solo de CSS vale como entiendes que es una cascada vale vale y si en general también una forma muy muy educativa para aprender es por ejemplo, si el uvedor es escúlvar y ahí tienen para seguir filo o un libro si no lo somos en el libro pero una fuente donde puedas sacar todas las propiedades de CSS y digo vale me voy a para añadir algo de teatro no me gusta el tipo de fuente de ese para por ejemplo, yo me gusta el tipo de fuente de ese para vale que puedes ir directamente ¿que para eso no te ha gustado? en el último este el amamento no lo es el uvedor ahora tiene aquí tiene todo el código y abre y se tiene de CSS pero que tú no puedes editar claro es que no es como si mira, no está subrayado el pervínculo porque aquí pone test declaration no, yo sé que test declaration es la propiedad que se utiliza para decir que se subraya si yo desmargo esto, ya veo que se subraya anda no es en el momento es muy interesante es muy interesante una opción que se llama personalizador personalizador si la última opción o normalmente suele ser la última opción porque la opción se está fijando la opción es personalizar CSS en el que tú puedes meter CSS vale tu las quitando ahora el test declaration no os hará tú lo que clica a la clase bueno perfectamente puedes copiar el selector lo pones en el instruccionador en el instruccionador copieres y pega lo que has hecho me lo pones le das a borda y los cambios se deben ver entonces si tú quieres aprender a tocar un poco de CSS con menos miedo te metas aquí porque si tú por ejemplo coges en el DOM es algo fácil si te ha hecho con un golpe es que no es el caso y por ejemplo mirar una cosa como la tienen además aquí flota todas las opciones que puedo tener la propiedad text declaration los valores que tú lo puedes ver y lo vas viendo te doy una maqueta algo de maqueta pero siempre que te doy así te doy una maqueta 2 te doy ahí lo que te doy al final y eso es lo que a mí siempre me ha ayudado el mismo claro, si pero es verdad que la visita sabe primero la prioridad la prioridad es eso porque es muy normal que diga uy no funciona venga Pogul importa porque está valiendo mucho como la suya es maqueta 5 a ver si usted va a hablar de eso que es una mala práctica por ahí si si si para trastear porque ahí no está rompendo nada en la dosa del diseño de las propiedades vale entonces hay que diseñar todas las páginas o mejor dicho las plantillas no son la página de edición vale y una de las cosas que me decían estos cómplos de la memoria los formularios también se diseñan cada evento de la web puedes tener tu personalización no hay cosas estándar de no esto es un formulario como se llama formulario bueno todo está o bien diseñado por alguien o bien tiene las propiedades nativas del navegador entonces navegadores tiene unos estilos básicos si tú no le das ningún estilo a la web tiene tañino roman negro tiene unos tamaños estándar hay que personalizarlo todo vale pero el manual de identidad corporativa no es el sistema de diseño porque muchas veces el cliente te dice ah si la web diseñanla siguiendo el manual de identidad corporativa y en su manual el logotipo el tamaño mínimo que tiene que tener el papel y cuatro cosas más tienes que definir cómo hacer los botones en los pasos anteriores y posteriores la rejilla que vas a tener cuántas columnas vas a diseñar todo esto las plantillas del correo también las tenemos que pensar a ver cómo va a ser el correo que le va a llegar a los usuarios en el caso de por ejemplo un e-commerce y las páginas legales y el aviso de cookies también lo podemos personalizar cuando estás diseñando una web hay que pensar en que todo eso tenga la personalidad de la página web vale y luego una cosa también importante es maquitar toda la tipografía, utilizar el plugin de fuertes variables para quitar un escala global perfecta pero luego diseñar también cómo van a ser las listas el web, los ingestos antes de los números de la lista ordenada todo eso, cómo va a ser el bullet, va a ser un círculo negro o queremos darle un poco más interesante también podemos colocar un icono pensar siempre en personalizar y diferenciarnos los estilos de las imágenes voy a poner primero las imágenes todas en blanco y negro y que cuando sean de la categoría de cilantro que se pongan los filtros verdes todo eso se puede hacer y se hace con ccs nunca con Photoshop también por cierto también tenemos que darle un tratamiento tipográfico todos los elementos y luego el paso de desarrollo, ya por último con el desarrollador hay que hablar, hay que hablar el maquetador o desarrollador hay que hablar porque muchas veces no hay comunicación, yo trao la mayoría de los problemas que veo son por falta de comunicación hay una cosa que ocurre que es que el diseñador ha enviado un diseño el maquetador lo maqueta se lo da al diseñador para ver si está correcto y el diseñador que no tiene mucho que ver que hay cosas que el diseñador ve y el maquetador no ve porque no se pasa automáticamente ahora hay herramientas que lo hacen pero normalmente el maquetador está viéndolo y lo está escribiendo no es que le dea maquetar y se convierte lo ve y lo declara ahora si usamos Figma el maquetador puede ver exactamente los valores que tú has hecho pero si no usas Figma, si usas Photoshop el maquetador tiene que hacer una interpretación entonces a lo mejor ve que hay una distancia un elemento y otro o no ve que hay un color de fondo o una transparencia si pensamos que el maquetador puede que no lo vea, tenemos que decírselo y sobre todo hablar mucho en el responsive que es lo que suele tener más problema el maquetador pues explicarle directamente cómo queremos que se comporten los elementos en los distintos dispositivos y explicarlo y explicarlo con palabras vale, cuando enviamos las imágenes tenemos que enviar las imágenes en archivos aislados una vez más Figma nos exporta dos assets nos exportan las imágenes por separado no vale enviar diseño no importa las imágenes dentro o cosas así todo tiene que estar por separado y si se lo utilizamos para web eso es lo que se lleva también si nos pagan por eso si no nos han pagado no lo hacemos, pero si nos han pagado y queremos ser excelentes hay que tragarlos cosas correctamente las imágenes estén en rgb que no estén en sdm si tenemos que indicar algún color indicar algún sdm rgb o rgba si tienen algo de transparencia las fuentes hay distintos formatos de fuentes de walk, walk2 si no están tan utilizados como estos dos por menos que sean tf un formato para web que no sea un formato para la empresa o pasar el o pasar el enlace al servicio scan de donde se lo descartan o decir que en el plugin de fuentes variables utilizan estas fuentes vale y lo que rechater que me comentabas tu antes que no todas las fuentes tienen todos los diferentes, son los diferentes caracteres hay fuentes que están mal diseñadas que a lo mejor no tienen ellas o no tienen números tenemos que pensar cuando diseñamos en el final de la fuente que sea apropiada para nuestro diseño y no hay más repito, comunicación comunicaciones no más importante tanto con el cliente de las fases iniciales hablar mucho con el cliente preguntarle, se los confirmen como cuál es el desarrollo desarrollador en las fases en las últimas fases y para terminar, quiero acabar antes de que me pasemos a la fase de preguntas me vas a permitir que lea la moraleja de Carlos Longarela porque me parece que no podía saltarme ni una coma el mito de que los diseñadores y programadores nunca nos entenderemos es eso, un mito para entendernos tenemos los sistemas de diseño, las herramientas disponibles hoy en día para convertir de Photoshop, HTML y CSS y multitud de utilidades simplemente nosotros tendremos que dejar de contarle al diseñador que tenemos que hacer un rollback y después un push y que el diseñador no nos cuente que el diseñador necesita respirar que debemos ajustar el carril de la fuente y que el fondo debería ser un pantón en 16, 15, 46 y bincora intenso y abresoadero y llegaremos a entendernos con un lenguaje que estará en clave para el resto de mortales pero será común a ambos gremios me parece que resumen muy bien la comunicación, empatía el diseñador y que podemos hacer lo que podemos hacer vale tenemos todavía 10 minutos ¿verdad? 8 tenemos 8 minutos no sé si queréis hacerme alguna pregunta saliendo de la temática siempre hay que hacer al tipo de cliente no vale una fórmula para todo depende si cliente es pequeño o si cliente es mediano si cliente es pequeño o si cliente es mediano como comentaba antes si hacemos un presupuesto a tres pagos lo normal es el primer pago para empezar para decir que no me has contratado cuando me envía a ser justificante de transferencia me acabo de contratar antes no y no pasamos nada si hemos tenido una conversación y a lo mejor te ha avanzado mucho pero yo no he cogido nada así es una conversación o el segundo pago cuando se aprueba el diseño de la web o el que depende también del proyecto de que fase te vas a ocupar si vamos a hacer una web que tenemos contacto con tus colaboradores yo lo que hago es cuando me aprueba el diseño de la web segundo pago no, si a ver es que depende que solo vas viéndote si sería cuando haces el diseño y luego para la impreventación el tercer pago normalmente lo instalas y después decoras podría decir pagame y hago el despliegue en tu servidor porque no me fío de que me voy a desapagar pero yo prefiero fiarme y no cobrar a no fiarme y no sé si cobro y perder el dinero a decirle a una persona o cliente mío con el que llevo trabajando mejor 2-3 meses que no me fío de que me vaya a pagar el tercer pago prefiero equivocarme y no cobrar a tener esa tipo de relación con un cliente que esté trabajando hasta ahora todo he cobrado todo siempre pero bueno eso ya también lo vas bien, lo igual de ese nuevo pero cobrad primero y luego lo cobrad en tu servidor porque es verdad que hay casos de gente que está la abuela publicada en su servidor funcionando y que dice no es que hasta que no me cambies, no sé cuántitos no te pago pero a veces si a veces si no lo has detallado bien por eso el presupuesto es tan importante que detallar todo lo vas a hacer, lo que no vas a hacer como lo vas a hacer o sea el presupuesto tiene 6 páginas el primero te hagas mucho pero el segundo ya lo tienes hecho y si cambias algunas cosas y todo creo claro, por espíritu y cada vez que haya un cambio de presupuesto se revisa y se vuelve y entonces a finales negociaciones llegaron a acuerdo confianza y todo esto pero para empezar sobre todo no empezamos sino ya no porque no te fies es una manera civilizada y profesional si lo que ocurre con el tercero es que te pide cambios cambios y cambios y no te ha por finalizada la vuelta pero tú claro, eso se puede hablar bastante no, no, es que hasta que no me regles esto claro, ahí también hay que hacer mucho mucha estrategia comercial y de negociación con el cliente para que no abuse de ti porque es verdad que tú no vas a hacer nada ahora te pide cosas que consideras que tienes que hacer pero tienes que saber tener mano izquierda para fijar el límite y que esté de acuerdo con tu lado como tú pero sí es verdad que se puede largar mucho y que no de profundizado pero ya está, si esto ya es claro si no puede haber caso por eso hay que tener una buena razón personal también con el cliente para que no abuse de ti civilizadamente pues que se ha terminado el proyecto y que hay que pagarlo o sea que hay que estar siempre muy atento de eso si, cuando tú tienes colaboradores como hace o sea, tú te comunicás muy bien pero el echazo es supuestamente lo del cliente ellos supuestan a ti si, correcto, yo soy clienta de mis colaboradores claro, y cuando el cliente es una vez adentro de ver cosas claro, yo tengo que ni idea, pero a mí es que se me encanta yo le digo con colaboradores con clientes y hasta que, claro, claro es todo claro, sí, sí, sí y yo muchas veces a lo mejor lo haría gratis pero porque considero que hay que hacerlo y a un colaborador tiene otra opinión pues también eso es una negociación o al revés esto no se lo acordamos sí, sí también puede ser por un lado, o sea, de tanto positivo como negativo, claro pero sí, al final, lo más importante es tener una buena comunicación una buena relación personal hay gente que dice, yo separo lo profesional de lo personal yo no yo separo lo personal de lo personal yo separo lo íntimo de lo público pero no lo profesional de lo personal yo soy una persona y soy igual en lo personal que en lo personal tanto en palabra como en trato como si confías en mí para una cosa pero es confiar en mí para otras y me parece también muy importante sobre todo cuando somos autónomos si trabajas en una empresa bueno, mañana puedes estar en loca pero cuando eres autónomo tú tienes tu nombre tapellido y estás dando tu palabra y por eso hay que ser profesional tener un método, seguirlo dar tu palabra y vivirla y por eso sí si claro, hasta quedas con no bueno si, claro, tienes que confiar y si, claro, está dinero o me ha costado mucho el gusto o tener que inventarme cosas para no quedar yo quedo mal conmigo y si no quedo mal con el cliente tenía que hacer malavarismos para poder quedar bien o dinero o tener que hacer eso y tal pero bueno, al final es igual que en la vida pues el gente te falla o no vuelves a contar cosas pero bueno en la comunidad WordPress al final estamos todos muy expuestos entonces tengo que confiar porque me vas a ver en la misma workout y nos vamos a volver a ver entonces entre nosotros nos sabemos cuidar bien creo que ya hemos tenido agua y bien, justo gracias