MÁSTER DE DISEÑO Y MAQUETACIÓN WEB

Transcripción

1 MÁSTER DE DISEÑO Y MAQUETACIÓN WEB 13 de NOVIEMBRE 2015 / 9 ABRIL h FROM COLOR TO CODE

2 DESCRIPCIÓN Y OBJETIVOS Este master nace de la necesidad que tiene la industria digital de contar con profesionales del diseño y la maquetación digital. Después más de 15 años sumergidos en el diseño y la programación hemos observado la falta de profesionales especializados en el diseño y la maquetación digital. Existe una enorme carencia de profesionales que sepan afrontar un proyecto desde sus inicios, con conocimientos de HTML y CSS que no solamente sean capaces de maquetar una página web, sino que sepan lo que el código puede aportar al proyecto. Qué tengan una visión mucho más amplia del proceso de diseño y un conocimiento y control total del proceso de creación. El objetivo de este máster es que cuando el alumno lo termine, sea capaz de realizar un proyecto digital de forma integral, desde el briefing hasta el código Html y CSS, pasando por todos las fases del diseño. Este master está pensado para personas relacionadas con el mundo del diseño: estudiantes, diseñadores que se quieran poner al día, maquetadores de HTML y CSS que quieran saber más sobre lo que viene antes del código, y en definitiva para todos aquellos que se quieran convertir en un profesional del diseño y la maquetación digital, from color to code. La novela definió la cultura del siglo XIX, el cine la del siglo XX, y la interfaz definirá la del siglo XXI.. Lev Manovich

3 INFORMACIÓN GENERAL Duración: 180h presenciales Precio: Lugar: Aula KSchool. Centro Ibercenter. Pza. Carlos Trías Bertrán nº 4, Madrid. Fecha de inicio: 13 de noviembre 2015 (Fin de Semana)- 16 de Noviembre 2015 (Entre semana) Fecha de fin: 9 de Abril de 2016 (Fin de semana)-12 de Abril de 2016 (Entre semana) Horario: FIN DE SEMANA: Viernes de 17 a 22h., sábados de 9 a 14h. ENTRE SEMANA: Lunes-Martes-Miércoles de a 21h. RESERVA DE PLAZA Si quieres matricularte en este programa, debes rellenar el formulario de inscripción que encontrarás en nuestra web. Una vez lo hayas enviado, te responderemos con las instrucciones necesarias para hacer el pago de la reserva y bloquear tu plaza*. Las plazas son limitadas! PAGO ÚNICO. Con 5% descuento! Precio inicial: Precio Final: 4.745,25 Reserva de plaza: 500 Plazo 1: 4.245,25 PAGO FRACCIONADO** Precio final: Reserva de plaza: 500 Plazo 1: 1665 Plazo 2: 1665 Plazo 3: 1665 *El importe de la reserva de plaza será íntegramente reembolsado hasta 7 días antes del comienzo del curso si finalmente decides no cursar el máster. **Los plazos son mensuales, a partir del mes de comienzo del curso. Los pagos fraccionados se abonaran mediante recibo domiciliado el día 5 de cada mes.

4 CALENDARIO OCTUBRE 2015 NOVIEMBRE 2015 L M X J V S D L M X J V S D DICIEMBRE 2015 ENERO 2016 L M X J V S D L M X J V S D FEBRERO 2016 MARZO 2016 L M X J V S D L M X J V S D ABRIL 2016 L M X J V S D

5 TEMARIO MÓDULO 1: INTRODUCCIÓN A LA TECNOLOGÍA (5H) Medios digitales Http, DNS Tecnologías de la información Soportes publicitarios digitales Terminología MÓDULO 2: ANÁLISIS DE PROYECTO (15H) Trabajando con briefings Diseño centrado en el usuario Conocer al cliente Objetivos, usuarios y criterios de evaluación Cómo conocer a la competencia El contenido manda El diseño adaptado al dispositivo Responsive, donde, como y porque Mapas, esquemas y prototipos Jerarquía de la información Workshop: Conociendo al cliente sin briefing (Aitor González) Estableciendo una metodología propia FASE PROYECTO: Presentación y análisis del briefing MÓDULO 3: INTRODUCCIÓN AL UX (10H) Qué es la experiencia de usuario y porqué es importante Psicología cognitiva y UX Fases del diseño de experiencia de usuario Planificando un proyecto de UX Investigación y técnicas de evaluación Diseño estratégico y storytelling MÓDULO 4: DISEÑO DE WIREFRAMES Y PROTOTIPADO (20H) La importancia de hacer wireframes Introducción al prototipado Elige tus herramientas Diseño de interacción con Axure (Luz De León) Dibujo de componentes Organización Importación de elementos Creación de prototipos multipágina Enlaces entre paginas Widgets

6 Navegación Widgets avanzados Eventos Patrones Propiedades de la página Librerías Exportaciones Define tu retícula Prototipado digital Jerarquía y arquitectura de la información y tecnología Introducción a Sketch Jugando con Invision FASE PROYECTO: Wireframes y prototipo con Axure FASE PROYECTO: Testeando con usuario final MÓDULO 5: COMERCIO ELECTRÓNICO (5H) Características del interfaz para comercio electrónico La diferencia entre vender ropa, comida y coches El condicionan tecnológico: Que plataforma utiliza nuestro cliente? Análisis de un proceso de venta Plantillas básicas Venta en dispositivos mobile (analizando el responsive de un ecommerce) UX que vende más: clase de diseño de interacción Ciclos de testeo: mejorando la conversión Killer aplicacions: innovando en ecommerce, algunos casos prácticos MÓDULO 6: VISUAL DESIGN (35H) Teoria del color y color digital Color en el diseño de interfaz Tipografía aplicada al diseño digital Gestalt, diseño y psicología Legibilidad y priorización de contenidos Diseño de interfaz, web, tablet y moviles Layouts y composición Creatividad y dirección de arte Grids Copys and microcopies, los detalles importan Diseñando con Sketch FASE PROYECTO: Diseño FASE PROYECTO: Testeando con usuario final

7 MÓDULO 7: BRANDING (5H) Branding Hoy: Anatomía Digital de las Marcas Business Oriented Branding ( Pensar en la Marca ) User Oriented Branding ( Pensar en el Consumidor ) Behavioural Branding ( Pensar en el Cliente ) Construyendo Identidad Digital de Marca: Diseño vs Experiencia Casos de Éxito Workshop: Ideas de experiencias de marca MÓDULO 8: DESIGN THINKING ( AITOR GONZALEZ) (5H) Fundamentos del Design Thinking Las fases del DT Mapear: Definiendo las preguntas adecuadas Generar: Diseñando soluciones poderosas Prototipar: Probando, probando...y mejorando Entregar: Nuestro proyecto en manos del cliente MÓDULO 9: MAQUETACIÓN HTML Y CSS (40H) Qué es el HTML y de donde viene Creación de documentos HTML: Estructura y etiquetas Estructurar una web en HTML5 Introducción a CSS: Selectores y cascada Estilado básico con CSS Maquetación básica en CSS: El box model Maquetación básica en CSS: Posicionamiento Video en HTML5 Formularios Flexbox Animaciones CSS Transformaciones CSS Uso de tipografía y distribución de fuentes Recursos gráfico con CSS Grids Javascript básico jquery básico

8 FASE PROYECTO: Producción de un sitio web MÓDULO 10: RESPONSIVE WEB DESIGN (15H) El contenido es el rey Mobile first Media queries Adobe reflow FASE PROYECTO: Maquetación Responsive MÓDULO 11: SERVIDORES Y BACKEND (5H) Funcionamiento de un Servidor Web Sesiones y cookies Qué es una API? Bases de Datos Relacionales y No-relacionales Dónde alojo mi web? Cómo lo hago? Despliegues manuales y automáticos Cachés, balanceadores, CDNs y otros metales MÓDULO 12: GESTORES DE CONTENIDO Y WORDPRESS (10H) Introducción al uso de los CMS Crear y organizar información Temas de WordPress Trabajando con Plugins WordPress como CMS extensible Seguridad y migraciones MÓDULO 13: APLICACIONES MÓVILES (10H) Aplicaciones nativas, aplicaciones híbridas y todo lo que hay en el medio Herramientas, plataformas y frameworks más habituales Cómo funcionan las notificaciones push Los sensores más habituales de los dispositivos El proceso de publicación en las tiendas de apple y android Workshop phonegap

9 PROFESORES FRANCIS RESTOY- SOCIO Y DIRECTOR INTERACTIVO REFR3SH Director de arte aplicado a proyectos de comunicación de marca, socio y director interactivo en Refr3sh, uno de los estudios más prolíficos de la producción web de Madrid. Inicie mi carrera como diseñador gráfico al uso, pero pronto descubrí mi pasión por el diseño web, móvil y la publicidad on-line, así como el branding y la imagen de marca y esa línea fina donde el mundo on-line se cruza con el mundo off-line. Tras trabajar para algunas de las más potentes agencias, en 2001 montamos nuestro estudio con un grupo de profesionales ecléctico y multidisciplinar. En Refr3sh trabajamos actualmente con casi todas las agencias de publicidad de la capital y se ha convertido en el referente a la hora de desarrollar los proyectos más complejos y creativos de la publicidad interactiva. En mi portfolio podemos encontrar una amalgama de marcas muy heterogéneas, que van desde firmas tan sobrias como Mapfre, Groupama, Ono o Televisión Española, hasta el tan opuesto mundo de la música con webs para Estopa, La Oreja de Van Gogh o El Canto del Loco. Asi como aplicaciones para moviles para Gol TV, Marula café y TCM. Con la aparición de nuevos soportes y las necesidades del mercado he ampliado mis conocimientos hacia otros campos como puede ser la usabilidad, navegabilidad, diagramas de flujo, wireframes, incorporandolos a la vida diaria como un arma más en mi trabajo. Otra faceta que vengo desarrollando en los últimos 3 años es la de docente, impartiendo clases de diseño web y responsive web design, en Mr Marcel Schooll y en la Kschool.

10 JOSEBA ALONSO-HEAD OF TECHNOLOGY EN REFR3SH Joseba Alonso lleva en el mundo del desarrollo interactivo desde sus inicios a finales de los 90. Multidisciplinar, ha trabajado desde el mundo de los CDs interactivos, las primeras generaciones de páginas web hasta las redes sociales y aplicaciones móviles actuales. Ha realizado producciones para la mayoría de las agencias de publicidad importantes de este país ganando varios premios en los festivales de publicidad en el proceso. También destaca su faceta de docente de nuevas tecnologías desde hace más de 10 años en diversas escuelas y universidades. Con 2 libros publicados en su haber ha colaborado junto con Adobe en el testeo y promoción de sus herramientas, dando varias conferencias en diversos congresos. Actualmente tiene su propia productora digital donde trabaja desde aplicaciones HTML5 a móviles nativas. Uno de sus proyectos, ASNativos, lleva funcionando como una comunidad de alto nivel muy reconocida en el sector. LUZ DE LEÓN- SOCIA FUNDADORA Y DIRECTORA CREATIVA DE DIGA 33 Es la socia fundadora y directora creativa de Diga33! una compañía dedicada a crear experiencias para el usuario desde el año Diga33! conforma desde el año 2010 el departamento de Arte de interactiv4, empresa líder en España en la consultoría y desarrollo de aplicaciones de comercio electrónico basadas en Magento. Habiendo diseñado en los 2 últimos años el interfaz de 26 tiendas on-line para sectores tan diversos como moda, electrónica, electrodomésticos, alimentación, libros (entre ellas: Mooimaak, el Ganso, Gisela, BQreaders, Ideavinos, Enterbio, Mercado de Fuencarral, Nonabox, retrofootball, Universe of Faith, Tacha...) Ha colaborado con la mayoría de agencias de Madrid en diversos proyectos, entre ellas Publicis Modem, Ogilvy, Wysiwyg, E-One Lorente,Click Marketing, Saatchi & Saatchi, Secuoyas, Grupo Havas, Intellygenz...

11 Han trabajado para: Repsol YPF, Iberdrola, Corte Inglés, ABC, Santillana, El País, la Universidad Complutense, Koipesol, Iberdrola, Construcciones aeronáuticas (CASA), Iberia, Opel, Peugeot, Citroen, BMW, Vodafone, Movistar, Jazztel, Makro, Edesa, Centro comercial Islazul, Grupo LAR, Carrefour, Heineken, Suavinex, Santillana, COPE y decenas de PYMES. Del año 2004 al 2007 Luz De-León publicó 13 libros de diseño gráfico y desarrollo web para la editorial Mac Graw Hill. AITOR GONZALEZ-FOUNDER AND MANAGER AT AITOR GONZALEZ BRANDING & DESING Diseñador, Director de arte, Emprendedor, inquieto, activo y sobre todo multidisciplinar. Ha ejercido en distintos campos como la ilustración, la fotografía, programación o el sector editorial que hoy, juntos, le ayudan en su propósito de construir marcas con valor. Amante del buen diseño. Inconformista, perseverante e implicado, es amante de idear, construir proyectos y hacerlos crecer. Ha dirigido, creado y vivido de sus propios negocios en la práctica totalidad de su vida laboral. Fundando varios proyectos en los últimos años como su propio estudio de diseño de marcas, bajo su propio nombre, o Ibiza Essentials Agency, junto al francés Olivier Geynet, una agencia con base en la Ibiza que ha podido producir distintas acciones especiales de éxito para algunas marcas como Vueling, Bershka, EMI Music entre otros y utilizando la isla como escaparate y elemento estratégico diferenciador. Dirigió en 2014 la segunda edición de Madrid Music Days, evento con base en la capital española cuyo objetivo fue reunir a los principales agentes del sector en jornadas repletas de música, ponencias, debates y masterclasses y en cuya primera edición contó con más de cien ponentes de distintas nacionalidades. Desarrolla actualmente su actividad en tres áreas principales: Proyectos de branding para pequeñas y medianas empresas, Diseño, y la consultoría de marca para artistas y empresas del sector musical.

12 MANUEL DE LA HIGUERA Manuel de la Higuera desarrolla experiencias online desde hace más de 15 años. Diseñador, programador, arquitecto, administrador de sistemas, barista... Cualquier cosa que sea necesaria para poner a funcionar un proyecto en Internet, desde su concepción hasta su puesta en producción. Manu lidera hoy el equipo de Experiencia de Usuario y Desarrollo Frontend de El Corte Inglés. ALVARO GÓMEZ-DESARROLLADOR FROND END Y CONSULTOR WORDPRESS - Helen Hou-Sandi (WordPress core lead developer) Inicio mi carrera profesional trabajando como director de arte online en distintas agencias internacionales (RNL, DDB, Wunderman). En 2008 me establezco como freelance, inicialmente para dar servicio de producción digital a agencias pero evolucionando progresivamente hacia el desarrollo web para clientes propios, siendo precisamente WordPress una herramienta clave en esta transición. "If I'm not embarrassed by the code I've written a year ago, I'm not learning enough" JOSÉ CARLOS RODRÍGUEZ-HEAD OF ART EN WYSIWYG José Carlos Rodríguez Rubio (1980), más conocido como Jhas, es un director de arte digital con doce años de experiencia en el medio online publicitario. Actualmente trabaja como Head of Art en Publicis/Wysiwyg donde supervisa campañas de comunicación, webs, aplicaciones y branding para algunas de las más importantes marcas nacionales e internacionales.

13 También ha liderado proyectos interactivos propios del territorio phygital y campañas de publicidad tradicional. El listado de clientes es de lo más variado y cuenta con campañas nacionales y globales con: Amnistía Internacional, Diesel, Barclays Bank, Burger King, Trina, Amstel, Mercedes-Benz, Ballantines, Absolut, Vodafone, Movistar, Turismo de México, Telefónica o Grupo Liberty Seguros. Sus campañas han tenido reconocimientos en festivales como El Sol, John Caples o New York Festival. RAÚL LÓPEZ DEL CASTILLO-DIRECTOR CREATIVO FULLSIX ESPAÑA Licenciado en Ciencias de la Información ( Publicidad y Relaciones Públicas ) Raúl se incorpora a FullSix en 2008 y colidera el equipo creativo desde la visión personal de 14 años de experiencia digital con marcas como Diesel, MTV Networks, Iberia, Turismo de Andalucía, Vodafone, Citibank, Diageo, L Oreal, Mondelez, El Corte Inglés y LG entre otras. Anteriormente ha trabajado en Publicis, Wunderman y Matchpoint. Cree en la creatividad como el contenido para acertar en el corazón de las personas; como las ideas y las historias que contienen las palabras imprescindibles en la vida, para comunicar conceptos y mensajes eficaces. ENRIQUE VIEJO-DIRECTOR CREATIVO DE FULLSIX Licenciado en Bellas Artes (España) / KommunikationsDesign ( Alemania ) Enrique se une a FullSix en 2011 y colidera el equipo creativo con la experiencia de 11 años trabajando en digital en España y Alemania, para marcas como Mercedes-Benz, Ballantine s, Audi, Mont Blanc, Swarovski, Openbank, Nokia, Diageo, Vodafone, Eroski y Mondelez. Anteriormente ha trabajado en

14 Wysiwyg, Jung von Matt Hamburg y ElephantSeven Hamburg. Cree en la creatividad como el diseño de una idea, la imagen cultural de la vida, con su propia narrativa audiovisual; como lo nuevo que es posible encontrar en todas las personas y lugares del mundo, y en las tendencias en arte. LUIS HERRERO JIMENEZ-VISUAL DESIGNER EN PLEX, UX/ UI EN ISHOWS Luis lleva desarrollando interfaces interactivas por más de 15 años. Ha trabajado en varias agencias de publicidad realizando piezas de comunicación interactivas para múltiples clientes, además de compaginar su trabajo con temas de formación en diversas academias y clientes. En los últimos 2 años ha diseñado varias apps móviles entre las que destaca ishows. Actualmente trabaja en Plex. BONIFICACIÓN DE LOS CURSOS Todos nuestros cursos son bonificables a través de la Fundación Tripartita. Si estás interesado coméntanoslo al hacer tu inscripción y nosotros te lo gestionamos sin ningún tipo de coste adicional. Para más información sobre la bonificación y sus requisitos, ponte en contacto con nosotros. BECAS KS Las Becas KS son un proyecto de KSchool que surge de nuestro compromiso con nuestros alumnos y con el empleo. Este proyecto consiste en que durante 3 meses, dos alumnos de cada máster serán elegidos por distintas empresas del sector para beneficiarse de una beca remunerada. Esta beca estará subvencionada por KSchool.

15 Sólo podrán beneficiarse de las Becas KS los alumnos de los másters de KSchool, y será la empresa quien elija a los alumnos elegidos en función de sus necesidades y de los perfiles de los alumnos. BOLSA DE EMPLEO PRIVADA En KSchool disponemos de una bolsa de empleo privada para los alumnos de todos nuestros másters. Esta bolsa de empleo es una plataforma en donde empresas del sector buscan candidatos para cubrir sus vacantes. Gracias a la gran preparación con la que salen nuestros alumnos, cada vez son más las empresas que recurren a nosotros para buscar profesionales altamente cualificados en cualquiera de las áreas de influencia de nuestra formación: marketing online, analítica web, SEO y UX. CONTACTO Rocío Salinas rocio.salinas@kschool.com

16 EN KSCHOOL PENSAMOS ASÍ Si el sistema no está preparado para darnos el conocimiento que necesitamos lo vamos a conseguir por nuestra cuenta. Hoy, en ciertos sectores el valor no lo aporta un título. Lo aporta lo que cada profesional sabe hacer. Si dependemos de nosotros mismos, vamos a pensar por nosotros mismos. No queremos, ni podemos sentarnos a esperar a que alguien se fije en nosotros. No hay ningún mapa. Debemos hacer nuestro camino, y es un camino que muchas veces no ha sido explorado, pavimentado, ni señalizado. Nuestro conocimiento es la clave de nuestro desarrollo personal y profesional. Todo el mundo tiene algo que enseñar. Queremos aprender todos de todos. En el mundo del conocimiento, cuanto más se comparte más se tiene. Lo que aprendemos es lo que practicamos. Especializarse es ponerle un apellido a nuestra profesión. Es echarle especias a nuestro ingrediente principal. Queremos construirnos un futuro fuera del rebaño. Para eso vamos a pensar y hacer las cosas de forma diferente. No vamos a seguir instrucciones a ciegas, no vamos a ser pelotas, no vamos a mantener la cabeza agachada. Esas formas no van con nosotros. Vamos a estar siempre en movimiento. No vamos a parar de movernos. Somos inquietos, y nos gusta ser así. Como queremos resultados diferentes, vamos a hacer las cosas de forma diferente. Las pirámides son monumentos funerarios. Nos divierte verlas en los libros de historia, no sufrirlas en nuestro trabajo. Nuestro mercado no es el de los empleos. Es el de las oportunidades. Queremos colaborar con nuestras empresas a generar ingresos, no queremos tener un simple empleo. Queremos avanzar elaborando mejores recetas, no cocinando más. Queremos poner vida a los años, no solo años a la vida. Somos mucho más que un perfil y unas competencias. Somos algo más que las hojas de nuestro CV. Queremos levantarnos con ilusión los próximos 40 años. Queremos hacer las cosas con pasión, cariño y humanidad.