18
VISENTINI TATIANA 79173 [email protected] Trabajo Práctico 3: Creación de una marca COMUNICACIÓN INTERACTIVA III Arq. DANIELA DI BELLA COMUNICACIÓN WEB 02-A 01 - 2014 17.04.2014 1554100809

Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

  • Upload
    buidieu

  • View
    219

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

VISENTINI TATIANA

79173 [email protected]

Trabajo Práctico 3:

Creación de una marca

COMUNICACIÓN INTERACTIVA III

Arq. DANIELA DI BELLA

COMUNICACIÓN WEB 02-A

01 - 2014 17.04.2014

1554100809

Page 2: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

Diseño de Imagen y Sonido 2 + Comunicación Interactiva 3 / 2014_1 Docente: Arq. Daniela Di Bella Asistente: Damián Cukierman . . . . . . . . . . . . . . . . . . . . . . Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA EN CLASE Nº 5 / SE ENTREGA EN CLASE Nº 7 TRABAJO PRÁCTICO NRO 3 Objetivo: Introducir al alumno en los conceptos de aplicación del lenguaje visual, concepto y creación de una marca, tipos, componentes y aplicaciones.

Creación de una marca

Parte A.

Se parte de la situación supuesta donde un Cliente-Director de una Galería de Arte (ej: MALBA) les solicita el desarrollo del diseño la imagen web de su Agencia Interactiva, la que trabajará en vínculo con la Galería de arte:

1. Crear el nombre de la Agencia Interactiva, considerando que su actividad guarda relación con el arte contemporáneo (arte de siglos XX y XXI local e internacional).

2. Diseñar los signos gráficos de la marca: Logotipo y símbolo (isologo), con la inclusión optativa de un atributo secundario (o acento gráfico) Entrega: Croquis de estudio en papel a mano / Diseño en Illustrator / Impresión del logo en A4 y reducciones de 5cm y 2,5cm (de alto, ancho proporcional), en color y monocromo (hojas A4).

3. Definir colores de marca y colores institucionales (Entrega: Esquema de composición de color en Illustrator en versión hexadecimal, RGB y CMYK)

4. Fundamentación escrita de las decisiones de diseño (media carilla máximo).

5. Postear en el blog de la Cátedra, la selección y valoración escrita de dos links de la lista de Agencias Interactivas (que figuran al final del TP3), según una estimación de diseño de tipo opuesta (Positiva / Negativa, en relación con la composición y esquema cromático, síntesis formal, contenidos y conceptualización del sitio, claridad y comprensión, graficas utilizadas, etc). Parte B.

Crear contenidos para la agencia interactiva.

1. PÁRRAFO INSTITUCIONAL correspondiente a la definición de quiénes hacen la Agencia Interactiva, objetivos y espíritu que los alienta, actividades que organiza y lleva a cabo, servicios y público al que va dirigida (10 a 15 líneas de texto)��

2. Una INFOGRAFÍA ESTÁTICA CON INTENCIONES DE ANIMACIÓN PARA SER INTERACTIVA del proceso de trabajo considerando 4 etapas: Plan, Diseño, Desarrollo de producto, Lanzamiento, que incluya imagen (fotos, pictogramas, etc.) y textos breves. Desarrollar en Storyboard en

Page 3: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

croquis y diseños con herramientas digitales (Adobe Illustrator / Photoshop, etc)�NOTA

Los trabajos deberán rotularse según la normativa de la UP, consultar la web y bajar la información necesaria. BIBLIOGRAFÍA Chaves Norberto, Belluchia Raul. (2003). La marca corporativa. Paidós. Estudios de comunicación.

Dondis, D.A. La sintaxis de la imagen. Introducción al alfabeto visual, Barcelona, Ed. Gustavo Gilli, Ed.2003.

Gonzalez Ruiz, Guillermo. Estudio de diseño sobre la construcción e ideas y su aplicación a la realidad. Bs As, Emecé, 1994. Solicitar en biblioteca por código 745.4 GON Joan Costa. (1998). La esquemática, Visualizar la información. Paidós.

W. Kandisnky, Punto y línea sobre el plano. (Reedición 2003). Paidos. Beaird, Jason. (2007). The principles of beautiful web design. Sitepoint. Shneiderman, Ben y Plisant, Catherine. (2006). Diseño de interfaces de usuario. Pearson.

Joe Shepter. (2002). Personal Web Sites: Top Designers Push the Boundaries with Experimental Design and Graphics. Rockport publishers.

Joan Costa. La esquemática, Visualizar la información. Paidós. 1998.

www.adobe.com FLASH CS6- Help – Guía del usuario en castellano. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Agencia Interactiva ¿Qué hace?

El concepto es amplio.

Una Agencia Interactiva puede resolver distintos tipos de proyectos digitales: productos y servicios de creatividad, diseño gráfico y diseño web, publicidad, advertgames, experiencias sensoriales e interactivas, films digitales, motion graphics para web y TV, consultoría en web 2.0 y social media, comercio electrónico, acciones de marketing online y aplicaciones móviles entre otras.

¿Cómo es el equipo?

Los equipos son interdisciplinarios, se componen de creativos, desarrolladores, animadores, diseñadores, productores digitales, productores de films, directores, etc. que trabajan en la solución de distintos tipos de proyectos y experiencias digitales.

Links a distintas agencias interactivas http://www.iberpixel.com/ http://www.mas54.com/

Page 4: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

http://www.simbiosiz.com.ar/ http://www.tb-la.com http://www.genesinteractive.com http://ff0000.com/ http://www.resn.co.nz/ http://www.area17.com/ http://www.stinkdigital.com/en/work http://www.bogo.ai/ http://www.thatdayinlondon.com http://www.cron.com.ar/ http://heptagono.com.ve/ http://www.mass.com.co/ Más links http://www.topinteractiveagencies.com/ Páginas resueltas en Flash

Agencias, estudios y otros objetivos

http://gt3creative.com/

http://www.jonathanyuen.com/_main.html

http://www.media-mix.pl/

http://studio-mazaki.com/

http://disneyworld.disney.go.com/new-fantasyland/es

http://www.amautalab.com/

http://www.2advanced.com/#/work

http://www.2gh.de/#/kreation/GUJ/gala/

http://www.mooyouwin.ca/#/My-Carton-Mooooed

http://moodstream.gettyimages.com/

http://f0.byd.com/en/

http://waterlife.nfb.ca/#/

http://ge.ecomagination.com/smartgrid/#/landing_page

http://www.worldofteleware.com/#

http://www.thewhiterabbit.com.sg/

http://projects.sevenedge.be/bassevents/summerfestival2009/

http://www.thenavarasa.com/flash/

http://bocalupo.com.au/

http://mono-1.com/monoface/main.html

http://www.iam-studios.nl/

Page 5: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

http://www.start-the-change.org/

http://polarbearplunge.sandiegozoo.org/#/home

http://www.gotmilk.com/#/health-benefits

http://watchmenmotioncomic.com/

http://www.hoodieremix.com/#design

http://www.maxshaman.com/

http://incomplet.gskinner.com/index2.html#alphademo

http://ladio.ru/flash/en/index.html#

http://www.plasmacom.com.ar/

Page 6: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

Comunicación Interactiva III – TP 3 Parte A Tatiana Visentini (79173)

1

Trabajo práctico 3 – Parte A

Fundamentación de las decisiones de diseño

El nombre

A partir del estudio hecho durante el trabajo práctico no. 2 acerca de Kandinsky, he decidido

nombrar a la agencia interactiva vinculada con la galería de arte contemporáneo: “movingpoint”.

Mi elección ha sido influenciada por las consideraciones del artista sobre el punto y la línea. Por

un lado Kandinsky afirma que el punto “puede ser caracterizado como la más pequeña forma

elemental” que aunque es “idealmente redondo” “desde que se materializa, su tamaño y sus

limites se vuelven relativos” y sus “posibilidades formales [..] son ilimitadas”; por otro el pintor y

teórico del arte afirma que la línea representa “un ente invisible”, “la traza que deja el punto al

moverse” (Kandinsky, 2003). De ahí el nombre que he elegido para la agencia interactiva:

movingpoint, en inglés, que en castellano se puede traducir “punto en movimiento”; además el

adjetivo moving en inglés también puede usarse en el sentido de “emotivo” y por lo general una

obra de arte logra producir emociones en su público. Por esta doble interpretación, entonces,

he preferido utilizar el idioma inglés para el nombre.

Color y forma

Con respecto a la definición de los colores institucionales he elegido principalmente al rojo

“puro” (RGB 255 0 0; CMYK 0 100 100 0; HEX #FF0000), que probablemente se combinará

con el blanco y el negro, según la necesidad.

La elección del rojo surge por el hecho que este color primario cálido puede transmitir “fuerza,

energía, impulso, decisión, alegría, triunfo, etc.” y al mismo tiempo “es como una pasión

incandescente y constante”, “arde” y tiene un carácter “muy activo” (Kandinsky W. , 1989). Al

partir de esto concepto, entonces, creo que este color bien pueda representar a la acción y la

pasión que imagino involucrarán los proyectos que realizará la agencia interactiva: movingpoint

en mi imaginación es un ente muy vivo.

Bibliografía Kandinsky, W. (1989). De lo espiritual en el arte (5ª ed.). Tlahuapan, Puebla, México: Premia editora de libro, S.A.

Page 7: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

Comunicación Interactiva III – TP 3 Parte A Tatiana Visentini (79173)

2

Kandinsky, V. (2003). Punto y línea sobre el plano. Contribucion al análisis de los elementos pictóricos. (1ª ed.). Buenos Aires: Editorial Páidos.

Page 8: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

Creación de una marca TRABAJO PRÁCTICO 3 – PARTE A

Logotipo definitivo

Page 9: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA
Page 10: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

Creación de una marca TRABAJO PRÁCTICO 3 – PARTE A

Logotipo: estudios y versiones anteriores

Page 11: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA
Page 12: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA
Page 13: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA
Page 14: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA
Page 15: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA
Page 16: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

Comunicación Interactiva III – TP 3 Parte B Tatiana Visentini (79173)

1

Trabajo práctico 3 – Parte B

Párrafo institucional movingpoint es un agencia interactiva constituida por un equipo dinámico de creativos,

comunicadores, diseñadores y desarrolladores expertos en campañas de comunicación y

marketing digital, contenidos web y audiovisuales, experiencias sensoriales y proyectos

interactivos.

En movingpoint el arte nos impulsa y se une a la tecnología para brindar productos capaces de

tocar su público en el alma.

Ofrecemos nuestra competencia profesional para crear, organizar y mantener una solida

presencia online tanto para artistas como para instituciones culturales, museos, galerías de arte

y todos aquellos que buscan mostrar sus imagen y objetivos de una forma innovadora y

personalizada. También nos encargamos de animar sus eventos elaborando con minucia de

detalles los colores, la música y la interacción más aptos para convertirlo en un éxito total.

Nuestros servicios:

• Diseño y desarrollo web

• Diseño de marcas e identidad corporativa

• Campañas de comunicación y marketing digital

• Diseño y desarrollo de aplicaciones interactivas

• Elaboración de contenidos web y audiovisuales

• Video mapping (proyección de imágenes audiovisuales en 3D sobre la fachada de

edificios)

Page 17: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA

Creación de una marca TRABAJO PRÁCTICO 3 – PARTE B

Infografía.

Page 18: Trabajo Práctico 3: Creación de una marca - …fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/19256_63020.pdf · Es indispensable pertenecer al Blog de la Asignatura SE EXPLICA