Successfully reported this slideshow.
Comunicacióncorporativa on line  Master Diseño Industrial Universidad  Nebrija_ Dra. Inmaculada del Rosal     1
WEB CORPORATIVA                 1                                                  característicasLa página Web de una emp...
DISEÑO WEBParte de supuestos gráficos relativos al mundo de la impresión peromodificando el formato y el medio de difusión...
DISEÑO WEB                                  2       Planificación de un sitioPlanteamientos antes de abordar el desarrollo...
DISEÑO WEB                           2                   Planificación de un sitio                                        ...
DISEÑO WEB                                         2                             Producción de un sitio                   ...
DISEÑO WEB                                  2                               Producción de un sitio                        ...
DISEÑO WEB                2                          Pasos en Proceso de                                           producc...
DISEÑO WEB                                 3                          Software de diseño web3.1SOFTWARE DE EDICIÓN        ...
DISEÑO WEB                        3                         Software de diseño web3.1CREACIÓN DE ANIMACIONESFlash de Adob...
ESTRUCTURA DE                                 DISEÑO WEBARQUITECTURA DE LA INFORMACIÓN EN UN SITIO WEB        - Se encarga...
ESTRUCTURA DE                         DISEÑO WEBARQUITECTURA DE LA INFORMACIÓN-libro-aplicación de software-musica-exibici...
ESTRUCTURA DE                                       DISEÑO WEBMODELOS DE ORGANIZACIÓN DE LA INFORMACIÓN ILINEALUn item inf...
ESTRUCTURA DE                                      DISEÑO WEBMODELOS DE ORGANIZACIÓN DE LA INFORMACIÓN I IMATRIZRetícula o...
ESTRUCTURA DE                             DISEÑO WEBPAGINA DE INICIO O PORTADA (Index)Guía toda la navegación del sitio.Si...
ESTRUCTURA DE                                          DISEÑO WEBPAGINAS DE SECCIONES O SUBSECCIONES         - Da acceso a...
ESTRUCTURA DE                   DISEÑO WEBHOSTING GRATUITOS:        www.260mb.com          Master Diseño Industrial Univer...
WEB 2.0El terminoWeb 2.0     (2004-presente) está comúnmenteasociado con un fenómeno social, basado en la interacción que ...
WEB 2.0¿Qué es la Web 2.0?El termino Web 2.0 (2004-presente) está comúnmente asociado con un fenómenosocial, basado en la ...
PUBLICIDAD                                                INTERACTIVA     Aquella que recurre al uso de medios interactivo...
PUBLICIDAD                                                    INTERACTIVAQUE NOS APORTA COMO COMUNICADORESLA PUBLICIDAD IN...
PUBLICIDAD                                               INTERACTIVAQUE NOS APORTA COMO CONSUMIDORES LAPUBLICIDAD INTERACT...
FORMATOS DE PUBLICIDAD EN                                  INTERNETFormatos Integrados - Banner: Horizontal - 468×60, 728×...
FORMATOS DE PUBLICIDAD EN                                            INTERNET   Formatos FlotantesPop Up: Aparece sobre lo...
FORMATOS DE PUBLICIDAD EN                                         INTERNETSpot-online Formatos y tecnologías específicas p...
PUBLICIDAD CONTEXTUAL    Adwords : Google muestra tu anuncio en las    consultas del buscador o inserta la publicidad    ...
PUBLICIDAD CONTEXTUAL   Adsense: es un programa gratuito que posibilita que los    editores online muestren en su Web ada...
Google GeoAds Publicidad contextual            Master Diseño Industrial Universidad            Nebrija_ Dra. Inmaculada de...
Todas la utilidades de Google paragestión de la información en la Web: Google Maps Gmail Blogger Búsqueda web Google Earth...
PUBLICIDAD EN REDESSOCIALES Los 10 mandamientos de las marcas en las re 30 videos virales que han marcado una época intern...
MARKETING DE GUERRILLASe colaboradorSe enredadoSe IntriganteSe sociableSe lúdico           Master Diseño Industrial Univer...
NUEVOS MEDIOSEstrategia de posicionamiento SEOEstrategias de Marketing on linehttp://www.youtube.com/watch?v=M5MhxSadJiM&f...
http://mashable.com/follow/topics/how-to/PROPUESTAS PARA IMPLEMENTARCOMUNICACIÓN ONLINEhttp://www.optimismodigital.com/ AR...
Upcoming SlideShare
Loading in …5
×

Comunicacion corporativa medios on line

545 views

Published on

Comunicación corporativa medios on-line
Inmaculada del Rosal
Identidad corporativa y valor añadido
Master Diseño Industrial
Universidad Nebrija (Madrid)

Published in: Education
  • Be the first to comment

  • Be the first to like this

Comunicacion corporativa medios on line

  1. 1. Comunicacióncorporativa on line Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 1
  2. 2. WEB CORPORATIVA 1 característicasLa página Web de una empresa se convierte en la actualidad en un elementofundamental de comunicación corporativa:Proporciona información de la empresa y facilita el acceso a sus servicios.Permite ampliar el espacio de venta físicaFacilita la interacción con el usuario del servicio empresarial.Permite el acceso al usuario a otros servicios Web de la empresa: consultas, redsocial corporativa…Amplia los elementos de comunicación de la empresa: distribución deinformación, newsletters, notas de prensa.Permite mantener actualizada la información de la compañía.Sirve de registro de contenidos relativos a la empresa. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 2
  3. 3. DISEÑO WEBParte de supuestos gráficos relativos al mundo de la impresión peromodificando el formato y el medio de difusión.Se trabaja no sobre soporte matérico ( papel) sino sobre soporte electrónico( píxeles de luz )Los documentos se generan a partir de un leguaje de programación en códigoHTML.La información no se presenta exclusivamente de una manera lineal. Laposibilidad de generar hiperenlaces facilita la navegación multidirecciónal porel documento de hipertexto.La ejecución de la producción de documentos digitales para la Web es másrápida y dinámica en comparación con producciones gráficas impresasLos costos de difusión de la información generada son más baratoscomparados con otros medios.Los costes de producción se reducen también en relación a otros modos de
  4. 4. DISEÑO WEB 2 Planificación de un sitioPlanteamientos antes de abordar el desarrollo de un sitio Web Web IDENTIFICACIÓN DEL PUBLICO OBJETIVO - Mensaje básico que se quiere transmitir a los visitantes de la pg Web - A que público va dirigida: edad, intereses, producto - Como se comporta la competencia para mostrar los contenidos al mismo público objetivo. - Que es lo que la va a hacer mas atractiva para mi publico objetivo DEFINICIÓN DEL SITIO WEB - Modelo de definición de la página: dinámica / Estática. - Como refuerza la imagen que el público visitante tiene de la empresa - Que elementos y en que proporción de la imagen corporativa de la empresa debe recoger. - Que grado de uniformidad debe mantener con los otros elementos de comunicación de la empresa - Que elementos de la competencia funcionan adecuadamente y como se pueden emular en mi diseño Web. CONTENIDO DEL SITIO WEB - De que secciones se va a componer, como se van a organizar los contenidos - Que materiales están a mi disposición y cuales debo producir aparte. -imágenes, videos, animaciones, documentos y archivos - Quien y como se va a generar el material: producción externa o interna dentro de la Master Diseño Industrial Universidad empresa de desarrollo Nebrija_ Dra. Inmaculada del Rosal 4 - Quien valida la pertinencia de los contenidos
  5. 5. DISEÑO WEB 2 Planificación de un sitio WebDETALLES TÉCNICOS - Que plataformas se van a usar - Incorpora una base de datos: especificar la base de datos y el sitio hosting donde se va a alojar - Que transacciones se van a realizar: datos bancarios, datos personales…ETRATEGIAS DE MARKETING-COMUNICACIÓN - Como se va a promocionar el sitio: promoción externa, promoción internadentro de la empresa - Como se va a financiar el sitioDATOS ADMINISTRATIVOS - Cual va a ser el proceso de actualización del sito Web - Quien va a ser el responsable - Datos de contacto de los responsables - Registrar el nombre de dominio - Determinar la fecha de lanzamiento - De cuanto presupuesto se cuenta para desarrollar el sitio web ysu Master Diseño Industrial Universidadpromoción Nebrija_ Dra. Inmaculada del Rosal 5
  6. 6. DISEÑO WEB 2 Producción de un sitio Web2.2 PARTICIPANTES EN UN PROYECTO WEBNo son tareas exclusivas pero si interesa que los profesionales sean especializados. En el mundo de la edición digitallas fronteras de la especialización están cada vez mas difusas, atendiendo al concepto de “Renacimiento Digital”DIRECTOR DEL PROYECTO: - Relación con el cliente y seguimiento del desarrollo de la página en todos sus pasos - Solución de los problemas en el desarrollo - Coordinar los trabajos de los diferentes miembros del equipoDIRECTOR DE ARTE / DISEÑADOR - Diseñar la imagen gráfica de la página - Generar y coordinar los elementos gráficos que definirán la página adecuándolos a los condicionantes del medio: imágenes, composición, animaciones, botones - Debe conocer teoría sobre plataformas de navegación y editores Web, html y CCS ( hojas de estilo en cascada) - Debe manejar conceptos relativos a Internet: hipertexto, usabilidadTemplates gratuitos: http://www.wix.com , http://www.artisteer.com/EDITOR Y REDACTOR - Encargado de ajustar los textos al formato de navegación: enlaces, motores, scrolls - Adecuar el texto al formato de lectura: textos breves, de fácil visualización y lectura. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del RosalPara textos más largos adjuntar en otro formato de documento: PDF, Libro digital: (Wobook, ISSUU), (Wobook, ISSUU), 6Presentaciones digitales: Slideshare, Scrib Slideshare,
  7. 7. DISEÑO WEB 2 Producción de un sitio Web2.2 PARTICIPANTES EN UN PROYECTO WEBCODIFICADOR HTML - A partir del trabajo desarrollado por el director de arte llevará a cabo la programación en lenguajes HTML( programación HTML o Software específico de edición) y aplicación de estilos CSS para el desarrollo de la pagina - Velará por una descarga rápida de las paginas del sitio - Buscará que sean accesibles para todo tipo de usuario: accesibilidad webPROGRAMADOR- INFORMATICO - Se encargará de las tareas de interacción complejas: integración de bases de datos, transaciones electrónicas ( PHP o APS) Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 7
  8. 8. DISEÑO WEB 2 Pasos en Proceso de producción de un sitio Web2.3MAPA DEL SITIOCALENDARIO DE TRABAJOACTUALIZACIÓN DEL SITIOCOMPROBACIÓN DEL FUNCIONAMIENTO DEL SITIO Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 8
  9. 9. DISEÑO WEB 3 Software de diseño web3.1SOFTWARE DE EDICIÓN - Código fundamental de creación de paginas web es HTML (hiper text mark lenguaje)( lenguajede etiquetado de hipertexto) Programa NOTEPAD - Las aplicaciones comerciales para desarrollo Web son : - Dreamweaver Macromedia: une funcionalidades de diseño y posibilidad de introducir elementos dinámicos. - Genera Código html directamente - Permite trabajar el código directamente - Front-page Microsoft - Softpress ( para Mac)EDICIÓN DE IMÁGENES - Las imágenes fotográficas deben ser tratadas con un programa de retoque de imagen: Photoshop (Adobe) o Fireworks ( Macromedia) o programas gratuitos: Paint Shop Pro. - Permiten bajar la resolución y el tamaño del archivo necesario para poder editar imágenes en Internet con poco peso digitalDiseño Industrial Universidad Master ( recomendamos formato GIF 72 ppp de resolución) o en JPEG de baja resolución Nebrija_ Dra. Inmaculada del Rosal 9
  10. 10. DISEÑO WEB 3 Software de diseño web3.1CREACIÓN DE ANIMACIONESFlash de Adobe es el programa comercial estándarPermite realizar animaciones de poco peso digital que facilitan lainteractividad .Permite agregar audio y video a las animaciones. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 10
  11. 11. ESTRUCTURA DE DISEÑO WEBARQUITECTURA DE LA INFORMACIÓN EN UN SITIO WEB - Se encarga de la planificación , análisis, estudio y selección // organización disposición y estructuración de espacios de información - Se encarga de la presentación ordenada de los datoscontenidos en los sistemas de información interactivos.1 PAGINA DE INICIO O PORTADA2 PAGINAS DE SECCION3 PAGINAS DE CONTENIDOS: CATALOGO FORMULARIOS FICHAS DE PRODUCTO Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 11
  12. 12. ESTRUCTURA DE DISEÑO WEBARQUITECTURA DE LA INFORMACIÓN-libro-aplicación de software-musica-exibición-sitio web ….DISEÑO DE LA INFORMACIÓNHace referencia a la organización de los datos en estructuras informativa:-Mapa-Texto-Partitura-Diseño-Página web…ORGANIZACIÓN ESTRUCTURADA DE DATOS-Frase-Esquema-Modelos numéricos-Gráfico-Sistemas de señales… Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 12
  13. 13. ESTRUCTURA DE DISEÑO WEBMODELOS DE ORGANIZACIÓN DE LA INFORMACIÓN ILINEALUn item informativo es correlativo al anterior: ej. Presentación de obras de un museoJERARQUICOInformaciónes secundarias dependen jerárquicamente de la primera : ej. OrganigramasRETICULARItems informativos están interrelacionados: ej. Juego interactivoPARALELOLas informaciones se presentan de forma simultanea y todas tienen la misma importanciainformativa: parrilla televisiva Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 13
  14. 14. ESTRUCTURA DE DISEÑO WEBMODELOS DE ORGANIZACIÓN DE LA INFORMACIÓN I IMATRIZRetícula organizada de acceso a informaciónZOOM JERARQUICOA partir de una micro información contenida en una pagina pasamos al siguiente item deinformación que supondrá una ampliación de la página previa Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 14
  15. 15. ESTRUCTURA DE DISEÑO WEBPAGINA DE INICIO O PORTADA (Index)Guía toda la navegación del sitio.Sirve de localizador principal del sitio. - Pagina de entrada - Marca el diseño general del sitio Web - Debe ser atractiva para invitar a entrar en el sitio - Se debe facilitar información para acceso a las paginas de secciones del sitio. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 15
  16. 16. ESTRUCTURA DE DISEÑO WEBPAGINAS DE SECCIONES O SUBSECCIONES - Da acceso a artículos relacionados - Se deben distinguir las distintas secciones : uso del color o esquemas gráficos. - Deben ser de fácil actualización.PAGINA DE CONTENIDOS O ARTICULOS - Claridad expositiva - Texto importante frente a imagen. - Se debe evitar volver a paginas de nivel superior para avanzar en la navegación - Su diseño puede estar basado en Frames ( marcos) Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 16
  17. 17. ESTRUCTURA DE DISEÑO WEBHOSTING GRATUITOS: www.260mb.com Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 17
  18. 18. WEB 2.0El terminoWeb 2.0 (2004-presente) está comúnmenteasociado con un fenómeno social, basado en la interacción que se diferentes aplicaciones Web,logra a partir deque facilitan la interoperatividad El diseño está centrado en el usuario Se basa en el trabajo colaborativo en la World Wide Web .Su finalidad es compartir información creada por el usuario. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 18
  19. 19. WEB 2.0¿Qué es la Web 2.0?El termino Web 2.0 (2004-presente) está comúnmente asociado con un fenómenosocial, basado en la interacción que se logra a partir de diferentes aplicaciones Web,que facilitan el compartir información, la interoperatividad, el diseño centrado en elusuario y la colaboración en la World Wide Web .Fue bautizado por Tim OReilly en 2004 para referirse a una segunda generación enla historia de la Web basada en comunidades de usuarios y una gama especial deservicios, como las redes sociales, los blogs, los wikis, que fomentan la colaboracióny el intercambio ágil de informaciónNos da una nueva visión de Internet en la que el usuario participa en la elaboraciónde los contenidos.Está basado en el uso de un conjunto de herramientas de Internet pensadas para laparticipación del usuario. La mayoría son fáciles y gratuitas.En la web2.0 los contenidos se redistribuyen y todo se comparte por el usuario,perdiendo el monopolio el creador de contenidos.
  20. 20. PUBLICIDAD INTERACTIVA Aquella que recurre al uso de medios interactivos para dar aconocer un producto recurriendo a una comunicación bidireccional. Utiliza medios que permitan la interactividad con el usuario: - Internet - TV interactiva - Dispositivos de telefonía móvil En la publicidad interactiva el receptor de la comunicación no es un sujeto pasivo de los elementos de comunicación que conforman el mensaje ( texto, video …) Se convierte en el desencadenante de la comunicación por opción propia al activar los elementos que la conforman: acceso a la información, petición de información, incorporación a la base de datos de la empresa. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 20
  21. 21. PUBLICIDAD INTERACTIVAQUE NOS APORTA COMO COMUNICADORESLA PUBLICIDAD INTERACTIVA:• Potenciar la imagen del producto y de la marca• Captar clientes potenciales• Segmentar a los usuarios• Crear bases de datos• Conseguir tráfico hacia una Web• Desarrollar promociones· Crear fidelidad hacia una marca· Apoyar el lanzamiento de un producto· Generar experiencias de consumo con un producto Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 21· Obtener información sobre la percepción de producto del consumidor
  22. 22. PUBLICIDAD INTERACTIVAQUE NOS APORTA COMO CONSUMIDORES LAPUBLICIDAD INTERACTIVA: • Conocimiento del producto y de la marca • Selección de la oferta informativa • Selección de la oferta de producto • Incorporarnos a una red de información y ofertas de producto. • Fidelidad en la obtención de información de un producto • Optimización de recursos = ventajas en del precio de compra Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 22
  23. 23. FORMATOS DE PUBLICIDAD EN INTERNETFormatos Integrados - Banner: Horizontal - 468×60, 728×90: gif, flash, jpeg. - Rascacielos: Vertical - 120×600, 160×600: gif, flash, jpeg. - Robapáginas: 300×250, 200×200: gif, flash, jpeg. Peso: 20k. - Botón: 120×60, 120×90, 120×120, 150×60, 150×150, 180×150. - Enlace de texto: Texto de enlace a otras secciones, páginas,... Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 23
  24. 24. FORMATOS DE PUBLICIDAD EN INTERNET Formatos FlotantesPop Up: Aparece sobre los contenidos o páginas web - 300×250, 200×200, 250 x 250: gif, flash, jpeg.Pop Under: Aparece debajo del navegador (debajo de la página web que se está visitando) - 300×250, 200×200, 250 x 250: gif, flash, jpeg.Layers: Recurre a distintas tecnologías, permitiendo la movilidad del anuncio por la pantalla, pudiendo o no partir de un formato integrado (se incluyen dentro de esta categoría los banners desplegables).Cortinillas o interstitials: Se muestra en una ventana completa para presentar su mensaje y que tiene una duración breve para que el usuario llegue al destino que desea en unos segundos. Conocida como publicidad de tránsito. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 24
  25. 25. FORMATOS DE PUBLICIDAD EN INTERNETSpot-online Formatos y tecnologías específicas para cada soporte: Tecnología que usa cada soporte para poder mostrar spots en Internet desde su sitio web. Todos los formatos estandarizados por IAB-Spain son susceptibles de llevar un spotAcciones especiales Patrocinios e integraciones: Integración de publicidad o contenidos a medida para el anunciante.Formatos exclusivos - Formatos específicos de cada soporteEmailing - Newsletters/Boletines: Publicidad que aparece en los boletines. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 25
  26. 26. PUBLICIDAD CONTEXTUAL Adwords : Google muestra tu anuncio en las consultas del buscador o inserta la publicidad en el correo electrónico que tenga referencia conlos temas de interés del usuario.búsqueda de etiquetas para posicionamiento Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 26
  27. 27. PUBLICIDAD CONTEXTUAL Adsense: es un programa gratuito que posibilita que los editores online muestren en su Web adaptados a los intereses de su público Se obtiene beneficio económico por clic de usuario. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 27
  28. 28. Google GeoAds Publicidad contextual Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 28
  29. 29. Todas la utilidades de Google paragestión de la información en la Web: Google Maps Gmail Blogger Búsqueda web Google EarthGoogle Chrome iGoogle YouTube Street View Picasa Google AppsNuestro Blog Barra de Google Google Docs Google AnalyticsGoogle Buzz Google Calendar Google Traductor Google para móvilesForo de Ayuda de Google Google Reader Google SketchUp AndroidGoogle Latitude Local Business Center Map Maker AdSenseFriend Connect Google Sidewiki Google Sky Google TransitGoogle sites Modelador 3D de edificios Panoramio google.org BuzzBúsqueda de libros Google Alertas Google Gears Google ModeratorGoogle Talk Google Translator Toolkit Google Wave SketchUpWebsite Optimizer Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 29
  30. 30. PUBLICIDAD EN REDESSOCIALES Los 10 mandamientos de las marcas en las re 30 videos virales que han marcado una época internet 10 ejemplos de Crowdsourcing• Como diseñar para redes sociales Pon la mesa con Fairy Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 30
  31. 31. MARKETING DE GUERRILLASe colaboradorSe enredadoSe IntriganteSe sociableSe lúdico Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 31
  32. 32. NUEVOS MEDIOSEstrategia de posicionamiento SEOEstrategias de Marketing on linehttp://www.youtube.com/watch?v=M5MhxSadJiM&feature=reComo Internet cambio la publicidad.http://www.youtube.com/watch?v=ZWPVm1MVaDw&feature=BRAND CONTENThttp://www.puromarketing.com/44/11430/content-nueva-publicidad-fenomeno-auge-entre-empresas-marcas.htmlhttp://www.youtube.com/watch?v=hc7TllPBbW0&feature=relmfuComo ha cambiado el marketing con Internethttp://www.youtube.com/watch?v=Mc0ggyHcQBk&feature=relmfuRosal Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del 32
  33. 33. http://mashable.com/follow/topics/how-to/PROPUESTAS PARA IMPLEMENTARCOMUNICACIÓN ONLINEhttp://www.optimismodigital.com/ ARTICULOSSOBRE COMUNICACIÓN EMPRESARIAL ENNUEVOS MEDIOS. Master Diseño Industrial Universidad Nebrija_ Dra. Inmaculada del Rosal 33

×