1 00:00:00,000 --> 00:00:22,560 Hola, hola, hola. Hola, ¿qué tal? Hola, hola. 2 00:00:22,560 --> 00:00:31,640 No, yo a ti no te escucho. Aunque escucho como un ruido así de estática. Un ruido 3 00:00:31,640 --> 00:00:50,960 de fondo, pero no... No escucho nada más. No sé si igual tengas que darle los permisos, 4 00:00:50,960 --> 00:01:00,720 porque a mí me ha saltado un aviso de darle permisos al micrófono. Ah, vale, pues entonces 5 00:01:00,720 --> 00:01:23,840 no lo sé. USB, micrófono... ¿Tú me escuchas ahora? Ahora, ahora sí. Y se oye bien, ¿no? 6 00:01:23,840 --> 00:01:30,160 Ahora debería irse bien. ¿Tú te escuchas tú doble? No. Vale, vale. Pues lo tengo en 7 00:01:30,160 --> 00:01:34,640 altavoz y a ver si se te va a meter otra vez en el micrófono el sonido. Sí, nada, de 8 00:01:34,640 --> 00:01:40,880 momento bien. A ver, déjame ver. Vale, por lo demás yo creo que está todo bien. 9 00:01:40,880 --> 00:02:09,440 Vale, pues bueno, pues yo creo que está todo bien ya para empezar. Vale, tendría 10 00:02:09,440 --> 00:02:14,640 que compartir la pantalla, ¿verdad? Sí, sí. Vamos, para enseñarme lo que tienes 11 00:02:14,640 --> 00:02:21,120 tú en el monitor y demás, pues sí tienes que compartir pantalla. Vale, a ver, un segundo. 12 00:02:21,120 --> 00:02:27,000 Te cuento así por encima, eso porque a nivel oficial pues eso nos piden que vuestra intervención, 13 00:02:27,000 --> 00:02:32,840 que la presentación sea de 15 minutos y luego 5 de preguntas. Esperamos que en mi caso hasta... 14 00:02:32,840 --> 00:02:38,720 Mira, son ahora las 4 y 3 el tiempo que te lleve. En principio, mientras no nos pasemos 15 00:02:39,440 --> 00:02:46,720 a la siguiente hora, no habría problema. Vale, bueno, la presentación tampoco es muy larga, 16 00:02:46,720 --> 00:02:52,200 no sé si la viste. Sí, bueno, yo pude ver todo lo que me habéis enviado, pero vamos, 17 00:02:52,200 --> 00:02:57,360 que el tiempo que te haga falta, pues digo, por si quieres abrir alguna cosa además de la propia 18 00:02:57,360 --> 00:03:02,800 presentación, no habría problema. Vale, vale, de acuerdo. ¿Ahora mismo la estás viendo? Sí, 19 00:03:02,800 --> 00:03:12,840 déjame ver si lo puedo ampliar. Si no, pues ábrete la que te envié, porque es la misma. No, 20 00:03:12,840 --> 00:03:20,600 ya aquí se ve perfecto, vamos a ver. Lo pongo a pantalla completa y ya está. Lo único que no sé 21 00:03:20,600 --> 00:03:26,880 si como estoy compartiendo pantalla, ¿se me ve la cámara o no? Pues no, sale en pequeñito, 22 00:03:26,880 --> 00:03:32,040 pero no se te ve. Sale solo con el logo este. Mira, ahora sí que se ve. ¿Ahora? Vale. Es que 23 00:03:32,040 --> 00:03:37,440 como no he usado el Jitsi nunca para compartir yo pantalla o cámara. Pues ahora sí que se ve y 24 00:03:37,440 --> 00:03:50,120 déjame probar. Así que quito yo la pantalla completa. Vale. Vale, pues así estaría. Bueno, 25 00:03:50,120 --> 00:03:54,160 y aparte de lo que te comentaba, nada, decir eso, que la grabación que se va a usar simplemente a 26 00:03:54,160 --> 00:04:00,160 nivel del departamento de imagen y sonido, ¿vale? Para temas de evaluación y que como mucho que lo 27 00:04:00,160 --> 00:04:05,520 pueden poner a nivel privado dentro de alguna de las obras virtuales que tenemos, pero ya digo que 28 00:04:05,520 --> 00:04:12,880 no sale del departamento. Vale, vale, sin problema. Y en principio, de los que estamos así obligados 29 00:04:12,880 --> 00:04:21,800 a contaros antes de empezar, creo que estaría todo. Vale, pues sí. Y bueno, sí, tengo aquí 30 00:04:21,800 --> 00:04:26,560 otra apuntada. Bueno, sí que lo de la rúbrica es la que está en el aula de proyecto, la rúbrica 31 00:04:26,560 --> 00:04:34,640 de evaluación y demás, que ya la habéis visto. Sí, lo vi, lo vi. Vale. Bueno, pues todo tuyo, 32 00:04:34,640 --> 00:04:41,320 vale. Ya me callo. Vale, nada, no te preocupes. Vale, pues bueno, mi nombre es Carlos de la Cruz 33 00:04:41,320 --> 00:04:50,280 Alonso y voy a hacer la presentación del proyecto de fin de ciclo. Y mi profesor tutor ha sido Israel 34 00:04:50,280 --> 00:04:58,280 Rodríguez Freire. Y nada, pues en mi TFG en concreto elegí el tema de diseño e ejecución de una 35 00:04:58,280 --> 00:05:03,560 identidad visual aplicada a un producto audiovisual, que en concreto también escogí una cadena de 36 00:05:03,560 --> 00:05:10,080 televisión. Y bueno, he dividido la presentación en cuatro puntos, que bueno, esta sería la primera, 37 00:05:10,080 --> 00:05:16,000 la definición de objetivos. Posteriormente estaría fase de desarrollo, que está dividida en seis 38 00:05:16,000 --> 00:05:24,000 puntos y luego serían dificultades y soluciones y finalmente unas conclusiones finales en relación 39 00:05:24,000 --> 00:05:30,720 a todo el trabajo. Así que voy a empezar con la definición de objetivos. Este punto en concreto, 40 00:05:30,720 --> 00:05:36,400 aunque pueden existir muchos más objetivos, he querido resumirlo en siete para que tampoco fuese 41 00:05:36,400 --> 00:05:42,360 muy extenso. Y bueno, pues voy a empezar y voy a contar también un poco lo relativo cada punto 42 00:05:42,400 --> 00:05:50,960 con mi trabajo. Vale, entonces, el primer punto consiste en crear una identidad visual distintiva. 43 00:05:50,960 --> 00:06:01,360 Esto sobre todo tiene relevancia en saber entender el mercado hacia el que te quieres dirigir en base 44 00:06:01,360 --> 00:06:07,640 también a los competidores existentes. En el propio trabajo, en el propio TFG, yo concretamente 45 00:06:08,160 --> 00:06:15,720 eludí a dos ejemplos, que uno era Tele 5 y otro Antena 3, y los comparé y expliqué un poco 46 00:06:15,720 --> 00:06:23,960 qué grafismos de realización televisiva utiliza cada uno y en base a esto también he creado mi diseño 47 00:06:23,960 --> 00:06:32,040 con un público objetivo. El punto dos sería reflejar la esencia y valores, que yo en este caso he querido 48 00:06:32,040 --> 00:06:40,400 eludir hacia una estética retro-vintage para que tenga cierta conexión emocional con generaciones pasadas 49 00:06:40,400 --> 00:06:52,560 y a su vez esto que cierta nostalgia. Además, por otro lado, es una tendencia que está bastante de moda ahora 50 00:06:52,560 --> 00:06:59,920 y ha habido un resurgir un poco de lo retro y creo que también puede conectar así con generaciones presentes. 51 00:07:00,320 --> 00:07:07,400 El punto tres sería establecer directrices coherentes, que esto se trata un poco de establecer ciertos objetivos 52 00:07:07,400 --> 00:07:17,600 ciertas metas que se puedan conseguir, que tampoco sean muy locas entre sí y que sea fácilmente accesible. 53 00:07:17,600 --> 00:07:26,880 El punto cuatro, atraer y retener la atención. Una vez hemos atraído al público objetivo del que hablaba antes 54 00:07:26,880 --> 00:07:35,080 la idea es retener el máximo a esta audiencia, tener su atención. Esto como veremos un poquito más adelante 55 00:07:35,080 --> 00:07:44,600 mi idea ha sido integrar en el propio grafismo redes sociales para que así el usuario o el consumidor 56 00:07:44,600 --> 00:07:52,200 forme parte de la emisión. El punto cinco sería incrementar el reconocimiento de marca, que este es un punto 57 00:07:52,200 --> 00:08:00,800 que va un poco más a largo plazo y la idea es que además de tu público objetivo, pues el resto de consumidores 58 00:08:00,800 --> 00:08:08,600 aunque sea de la competencia, pues también reconozcan tu marca y la entiendan. Y sería más o menos eso. 59 00:08:08,600 --> 00:08:16,960 El punto seis sería optimizar la usabilidad y experiencia de usuario, que este punto consiste un poco más en una vez 60 00:08:16,960 --> 00:08:25,080 que el producto, en este caso el rediseño, sale a la luz y los usuarios lo consumen y lo utilizan 61 00:08:25,080 --> 00:08:36,680 en base a su experiencia, pues nos marcamos y definimos ciertas mejoras. Por ejemplo, si un cliente o un consumidor 62 00:08:36,680 --> 00:08:43,760 dice que el tipo de letra es muy pequeña, que no se ve bien en televisión, pues hacemos otras iteraciones 63 00:08:43,760 --> 00:08:51,640 y corregimos y optimizamos el diseño para que la experiencia sea mejor todavía. O no hemos tenido tan en cuenta 64 00:08:51,640 --> 00:08:59,800 los colores para gente que pueda tener problemas de daltonismo, pues también intentamos mejorar esa experiencia 65 00:08:59,800 --> 00:09:09,400 en base a la crítica, si puede ser constructiva, del consumidor. El punto siete sería aumentar la interacción y el compromiso 66 00:09:09,920 --> 00:09:16,760 que tiene un poco que ver con el punto cuatro y también lo he querido llevar a ese campo de aumentamos la interacción 67 00:09:16,760 --> 00:09:26,400 en base a que el espectador o el consumidor forme parte de la propia retransmisión, aumentando también así el compromiso 68 00:09:26,400 --> 00:09:37,960 de él mismo. Esos serían los objetivos principales, que bueno, algunos de ellos también se pueden asociar con otros diseños 69 00:09:37,960 --> 00:09:47,400 y otras cosas, pero creo que también son muy relevantes en este campo. Ahora voy a hablar de las fases de desarrollo, que como he dicho antes 70 00:09:47,400 --> 00:10:00,800 son seis fases y bueno, el primer punto sería la investigación inicial, que consta pues de ver el mercado actual, el mercado existente, 71 00:10:01,040 --> 00:10:12,360 ver los competidores que hay, como por ejemplo he dicho antes de Antena 3 y Tele 5, que fue el caso en el que yo más me estudié y más me miré 72 00:10:12,360 --> 00:10:27,840 porque son dos de las cadenas que más audiencia tienen. Entonces, en base a ese estudio de los competidores, desarrollas tú tu enfoque 73 00:10:27,880 --> 00:10:38,440 que como he dicho antes, el de este diseño ha sido una estética retro-vintage, porque además considero que televisivamente ese enfoque 74 00:10:38,440 --> 00:10:49,440 actualmente no lo tiene prácticamente ninguna cadena y puede tener un target de público más específico. Y bueno, esto sería la investigación inicial. 75 00:10:50,040 --> 00:11:01,600 El punto dos de fases de desarrollo sería el diseño de la propia línea gráfica. En este caso aquí he mostrado una captura de lo que sería el grafismo de realización televisiva 76 00:11:01,600 --> 00:11:14,360 completo y bueno, voy a explicar un poquito lo que contendría y después me paro punto por punto a explicar algunas cosas más. Aquí arriba a la izquierda, no sé si se verá bien, 77 00:11:14,360 --> 00:11:26,480 está un hashtag de VintageVision para que puedan participar en redes sociales con comentarios y tal. Arriba a la derecha estaría VintageVision.es donde poder establecer también 78 00:11:26,480 --> 00:11:39,480 otro contacto a la carta para el consumidor. Aquí encima de los titulares, en el propio grafismo de realización televisiva, tendríamos un apartado para redes sociales 79 00:11:39,600 --> 00:11:53,600 que iría rotando entre distintas redes y tener así al usuario como parte de la experiencia, dando sus comentarios y siendo relevante. Debajo sería un titular que sería cambiante dependiendo del contexto. 80 00:11:53,600 --> 00:12:08,600 Luego tendríamos aquí un código QR para que también el propio usuario pueda expresar su opinión con otros consumidores del producto y poder establecer también una conexión entre sí. 81 00:12:08,720 --> 00:12:23,720 Y también se podrían hacer encuestas que el usuario pueda participar de forma activa y sencilla. Y luego aquí abajo a la derecha tendríamos el propio logo que he diseñado de la cadena y ya estaría todo. 82 00:12:23,840 --> 00:12:35,840 Esta sería con un desglose un poco más amplio. Como he dicho antes, he elegido una estética retro-vintage, entonces esta sería la paleta de colores retro que vamos a utilizar. 83 00:12:35,960 --> 00:12:58,960 Respecto a las redes sociales, esto es lo que he comentado antes. Aquí tendríamos por ejemplo Twitter OX, Facebook y TikTok. Como he mencionado, la idea sería que el propio presentador hiciese alusiones hacia comentarios de los propios espectadores para poder así hacer que formen parte de la emisión. 84 00:12:59,080 --> 00:13:13,080 Aquí tenemos también 5 logos que he diseñado distintos dependiendo de si alguno puede ser para redes sociales, para página web, pero manteniendo la esencia del propio nombre de la marca para que sea distinguible. 85 00:13:13,080 --> 00:13:27,080 Este de aquí elude hacia una estética un poco 3D, hacia estas gafas que son azules y rojas. Estos dos serían más normales con cambios de colores. Aquí y estos dos finalmente serían en blanco y negro. 86 00:13:29,080 --> 00:13:46,080 Aquí ahora tendríamos las letras de la propia cadena, Vintage Vision, para poder usarlo en banners o interfaces. Y aquí tendríamos el logo final con el propio diseño y las letras. 87 00:13:46,200 --> 00:13:53,200 Este sería ahora un logo animado, que a ver si se escucha. 88 00:13:53,200 --> 00:13:59,200 Sí, sí, se oye, sí. 89 00:13:59,200 --> 00:14:16,200 Se escucha, vale. Y este, ahí va, perdón que lo he abierto aquí. Este diseño consta un poco como de cómo se forman así las letras rompiendo un poco la imagen. 90 00:14:16,200 --> 00:14:36,200 Después tiene los distintos niveles de color como integrado para dar también ese toque vintage. Del fondo se escucha la estática de las televisiones antiguas y luego hace como un fade out hacia blanco para dar también esa nostalgia al pasado. 91 00:14:36,200 --> 00:14:52,200 Este sería el flujo de trabajo que he utilizado para hacer todos estos diseños. Empezando por una investigación, como comenté, hacia productos ya relevantes en el mercado. Es decir, la competencia actual y existente. 92 00:14:52,200 --> 00:15:07,200 Posteriormente sería un diseño en Figma o en Photoshop, dependiendo para qué. Figma en concreto lo he utilizado más para el grafismo de realización televisiva y Photoshop ha sido más para el diseño de iconos. 93 00:15:07,200 --> 00:15:15,200 Aunque el orden es un poco irrelevante porque he ido iterando entre ambos programas. 94 00:15:15,200 --> 00:15:36,200 El punto 4 sería presentación mediante Google Drives, que a esto me refiero mayormente a que he utilizado Google Drive como nube y disco duro personal para poder acceder a estos documentos en cualquier sitio, ya que también estaba haciendo algunos de los diseños en la empresa en la que estaba haciendo las prácticas en Tangram. 95 00:15:37,200 --> 00:15:58,200 Y el punto 5 sería si el diseño final ha funcionado, es decir, funciona en base a los objetivos que nos hemos marcado. Esto todo sería el flujo de trabajo para el diseño de los distintos iconos y grafismos. 96 00:15:58,200 --> 00:16:10,200 Seguimos con la fase de desarrollo, el punto 3 y 4. El punto 3 ya sería la implementación del propio diseño en la cadena y el 4 sería la evaluación y ajuste del mismo. 97 00:16:10,200 --> 00:16:32,200 Esto consistiría en, como dije antes al principio, una evaluación de si ha gustado o no a los usuarios que lo consumen y qué puntos se pueden mejorar. Si hay algún punto que mucha gente se queja en común, pues se reevalúa y se ajusta para que la experiencia sea óptima. 98 00:16:32,200 --> 00:17:01,200 La fase 5 sería la documentación y presentación, que esto sería básicamente como estoy haciendo ahora. Una documentación de todo el proyecto que consiste prácticamente en los puntos que he tocado en esta presentación, definición de objetivos, investigación de casos de estudio, el propio diseño, la presentación y luego una conclusión para también a futuro saber qué cosas han salido mejor y qué cosas han salido peor. 99 00:17:02,200 --> 00:17:30,200 La fase 6 ya sería finalmente la entrega del proyecto y se daría por finalizada la remodelación, teniendo siempre en cuenta que este tipo de diseños tienen que tener un enfoque adaptativo, es decir, adaptarte tanto a las nuevas tendencias como a lo que el propio público pide, teniendo así una evaluación continua, que aunque el proyecto esté terminado y esté entregado, siempre podemos cambiar cosas y mejorarlas. 100 00:17:32,200 --> 00:17:59,200 Ahora voy a tocar el tema de dificultades y soluciones que se me han planteado a la hora de abordar este trabajo. Principalmente sería el uso del propio software, que aunque yo ya había usado tanto Photoshop como Figma, Photoshop por ejemplo, el enfoque con el que yo lo había aprendido era más de edición de foto, que es un poco lo típico y he tenido que enfocarlo hacia el diseño de iconos 101 00:17:59,200 --> 00:18:25,200 y no era algo que yo sabía hacer, entonces las soluciones que he buscado ha sido básicamente buscar cursos online y buscar tutoriales que expresamente se metiesen en ese ámbito y luego también a veces he estado mirando en foros con preguntas concretas de herramientas concretas que no encontraba en tutoriales 102 00:18:25,200 --> 00:18:39,200 y luego por parte de Figma un poco parecido, mi experiencia con Figma era de hacer maquetaciones de webs y esto ha sido un poco más un enfoque hacia un grafismo de televisión. 103 00:18:39,200 --> 00:19:02,200 Y luego ya finalmente serían las conclusiones, mis conclusiones son eso, que creo que ha sido un éxito el rediseño y he aprendido bastante sobre estas dos herramientas, sobre Photoshop y Figma en lo relativo a los usos que le he dado aquí, ya que no era algo que había utilizado estos programas para ello. 104 00:19:03,200 --> 00:19:23,200 Y finalmente remarcar lo que dije antes también, que aunque el diseño esté concluido, siempre en caso de que esto por ejemplo se hiciese en una cadena de televisión real, siempre sería muy importante mantener un enfoque adaptativo y seguir relevante a las tendencias para poder tener una evaluación continua. 105 00:19:23,200 --> 00:19:27,200 Y ya estaría realmente. 106 00:19:28,200 --> 00:19:37,200 Vale, muy bien. Nada, yo te iba a preguntar, déjame ver si tengo yo aquí activo el altavoz o el micrófono. Sí, está todo bien. 107 00:19:37,200 --> 00:19:38,200 Sí, yo te escucho. 108 00:19:38,200 --> 00:19:49,200 Sí, que me había muteado antes aquí. No, si tendrías alguno de los programas por ahí para enseñarnos, sea Figma o sea Photoshop, alguno de los trabajos que habías hecho. 109 00:19:49,200 --> 00:20:10,200 Sí, lo que pasa es que estoy en otro ordenador, porque yo en mi ordenador tengo, que lo tengo aquí detrás, esto estoy con un portátil, entonces no sé si con la cámara se va a ver un poco cutre. 110 00:20:11,200 --> 00:20:17,200 Si no te lo puedo pasar, por ejemplo, el diseño de Figma, que lo tengo aquí abajo. 111 00:20:17,200 --> 00:20:21,200 A ver, si lo podemos hacer y si no, no te preocupes. 112 00:20:21,200 --> 00:20:26,200 A ver si me carga, porque es que creo que se va a ver un poco cutre. 113 00:20:26,200 --> 00:20:30,200 Ya, si no, si hacemos directamente desde la cámara. 114 00:20:31,200 --> 00:20:49,200 Claro, es que como no tengo en el sobremesa cámara, estoy usando un ordenador portátil, pero… vale, a ver, que no la estiméis. 115 00:20:50,200 --> 00:21:01,200 Si no, la otra opción que tenemos es que te cambies, claro, si no te es mucho rollo cambiarte ordenador aunque no tengas webcam allí, o sea, no haría falta… 116 00:21:03,200 --> 00:21:06,200 Vale, lo único que tengo que… 117 00:21:06,200 --> 00:21:09,200 Claro, tienes que iniciar sesión y todo el rollo, sí, a ver. 118 00:21:09,200 --> 00:21:13,200 Sí, tengo que salir, si no te puedo mandar ahora capturas o lo que tú consideres. 119 00:21:13,200 --> 00:21:17,200 Bueno, tú lo tienes encendido ahí todo, ¿no? El otro… 120 00:21:17,200 --> 00:21:25,200 Sí, lo que pasa es que ahora Figma está dando error, no sé por qué, o sea, dice server error, no sé si estará caído. 121 00:21:27,200 --> 00:21:30,200 Bueno, pues lo dejamos así, ya está, sí, sin problema. 122 00:21:31,200 --> 00:21:43,200 También, que se me había olvidado comentar, la animación del logo de las letras, eso lo hice con DaVinci. 123 00:21:43,200 --> 00:21:44,200 Vale. 124 00:21:44,200 --> 00:21:46,200 Lo único que sí que no lo tengo aquí porque lo hice en Tangram. 125 00:21:46,200 --> 00:21:47,200 Lo hiciste en Tangram, vale. 126 00:21:47,200 --> 00:21:48,200 Sí. 127 00:21:49,200 --> 00:22:01,200 Vale, no, pues simplemente era si tuvieras alguno de los trabajos por ahí disponibles para verlo directamente en programa y si no, pues nada, ya con todo lo que ya hemos visto ya es suficiente. 128 00:22:02,200 --> 00:22:07,200 Vale, pues ya te digo, lo de Figma, si quieres te lo mando ahora porque está dando error. 129 00:22:08,200 --> 00:22:10,200 Vale, bueno, pues no te preocupes. 130 00:22:10,200 --> 00:22:17,200 Así que si quieres te lo comparto ahora para que también lo tengas. 131 00:22:18,200 --> 00:22:20,200 Vale, ¿cómo me lo pasarías por…? 132 00:22:21,200 --> 00:22:28,200 Bueno, a mí el otro día ya te digo, cuando intenté subírtelo a lo de compartidos no me iba. 133 00:22:29,200 --> 00:22:38,200 Sí, ya sé por qué, si es que ya te digo, se lo han cambiado y ahora nos piden que demos autorización previa y todo eso antes de que podáis subir algo. 134 00:22:39,200 --> 00:22:41,200 Claro, es que me pedía permisos. 135 00:22:42,200 --> 00:22:43,200 Sí, eso es. 136 00:22:44,200 --> 00:22:46,200 Entonces, nada. 137 00:22:47,200 --> 00:22:52,200 Paso por WeTransfer o por WhatsApp o una captura, no sé lo que me digas. 138 00:22:53,200 --> 00:22:55,200 Vale, pues si quieres por WeTransfer y ya está. 139 00:22:56,200 --> 00:23:00,200 Me lo pasas por ahí y luego yo del correo ya me bajo con el link y listo. 140 00:23:01,200 --> 00:23:02,200 Vale, genial. 141 00:23:03,200 --> 00:23:05,200 Pues en principio sería esto. 142 00:23:05,200 --> 00:23:07,200 Vale, pues muy bien, muchas gracias. 143 00:23:08,200 --> 00:23:14,200 Y ya te digo, por el tema ya de las notas y demás, tenemos la evaluación el 25. 144 00:23:15,200 --> 00:23:21,200 No sé si lo podremos publicar antes, pero bueno, en cuanto lo tengamos te aviso. 145 00:23:22,200 --> 00:23:23,200 Vale, genial. Muchas gracias. 146 00:23:24,200 --> 00:23:25,200 Venga, gracias a ti. 147 00:23:26,200 --> 00:23:27,200 Hasta luego. 148 00:23:28,200 --> 00:23:29,200 Chao.