Académique Documents
Professionnel Documents
Culture Documents
Motivarte cuenta ya con algunos clientes asociados (jóvenes artistas), y con varias
empresas patrocinadoras (galerías de arte, artistas consagrados...).
Necesitamos un lugar donde posibles clientes y gente interesada por el arte de nuestros
jóvenes puedan estar informados constantemente de las últimas noticias, talleres,
exposiciones, conferencias, nuevos artistas, etc..., un lugar donde vender los
productos realizados por nuestros artistas, para conseguir más beneficios.
Necesidades
Necesidades Redes Sociales
Mostrar una imagen fuerte, Blogs
fiable y atractiva. Contacto
Objetivos Promocionarse Crear una imagen de Marca Ampliar el número de clientes Ser Omnipresente Conciencia Ecológica
TARGET_1:
¿qué buscan? Frecuentan la web...
Artistas jóvenes asociados con intención de Promocionarse 60 %
dedicarse profesionalmente al mundo del Exponer
arte, conambiciones, afán por aprender y gran Vender Obras Tipo de Usuario:
capacidad de trabajo. Aprender Avanzado
Conciencia Ecológica
Informarse de Eventos
Informarse de Talleres
TARGET_2:
Gente interesada en el mundo del arte, ¿qué buscan? Frecuentan la web...
Informarse de Ventajas 20 %
en asociarse y en conocer a las jóvenes Conciencia Ecológica
promesas de este siglo, en el reciclaje creativo, Informarse de Eventos Tipo de Usuario:
conferencias... Informarse de Talleres Avanzado
Contacto Motivarte
Comprar
TARGET_3:
Artistas consagrados y galerías de arte ¿qué buscan? Frecuentan la web...
Publicitarse 20 %
dispuestos a apostar por estos jóvenes, Exponer
ayudándoles en su futuro profesional. Apadrinar Artistas Jóvenes Tipo de Usuario:
Colaborar en Conferencias Avanzado
Conciencia Ecológica
SERVICIOS QUE OFRECEMOS
El punto fuerte que posee Motivarte es que es accesible, y actúa como lanzadera de
jóvenes artistas potenciando su creatividad con talleres y conferencias sobre el arte
contemporáneo, y promocionándolos a través de la organización de exposiciones.
Ayudándolos así a madurar como artistas y a evolucionar en su carrera profesional.
RESÚMEN:
/ ESCUELAS DE ARTE
/ GALERÍAS DE ARTE
/ CENTROS DE ARTE CONTEMPORÁNEO
/ WEB DE FOTÓGRAFOS
/ TIENDAS VIRTUALES
/ GRUPOS ECOLÓGICOS
/ OTROS
ESCUELA DE ARTE DE ALGECIRAS
escuela de arte
TECNOLOGÍA: HTML.
CONTENIDOS:
La Escuela / Actividades / Bachillerato de Arte
/ Decoración Cerámica / Fotografía Artística
/ Diseño Gráfico / Decoración de Interiores
/ Noticias / Historia / Secretaría / Preguntas
Frecuentes / Descargas / Contacto / Revista EAA!
POSITIVO:
Interface atractiva, limpia y bien estructurada.
Coherencia cromática.
Buen uso de la tipografía.
3 columnas.
Cuentan con una revista digital sobre la
escuela, donde promocionan a sus alumnos.
Metáforas visuales.
NEGATIVO:
Algunas páginas tienen demasiado scroll.
ARTE 21
GALERÍA de arte
CONTENIDOS:
Exposiciones (exposición actual, anteriores,
próximamente) / Artistas / Notas de prensa
/ Eventos / Contacto
POSITIVO:
Muestra Obras en el home.
3 columnas: el contenido se desarrolla de
izquierda a derecha en 3 niveles.
Interface muy limpia.
Uso de una sola familia tipográfica.
NEGATIVO:
El sonido se hace molesto.
Fondo de las cabeceras vibra y se hace
molesto.
Demasiado texto sin espacion entre
párrafos y cansa en la lectura.
GACMA
CENTRO DE ARTE
CONTEMPORÁNEO
TECNOLOGÍA: FLASH.
CONTENIDOS:
Gacma / Instalaciones /
Exposiciones / Fondo de arte /
Actividades / Publicaciones / Ferias /
Suscripción / Contacto / Patrocinio /
Prensa
POSITIVO:
Interface bien estructurada.
Buen uso de la tipografía.
Coherencia Cromática.
NEGATIVO:
Las páginas se abren en distintas
ventanas.
CAC MÁLAGA
CENTRO DE ARTE CONTEMPORÁNEO
CONTENIDOS:
Categorías / Exposición / Colección /
Agenda / Pedagógico / Blog / Tienda /
Prensa / Recursos / Patrocinadores /
Información / Honores / Contacto
POSITIVO:
Enlace a redes sociales.
Bien estructurada.
Los usuarios pueden comentar.
NEGATIVO:
Demasiadas tipografías.
Mucha variedad cromática.
El fondo mancha mucho.
Excesivo scroll en algunas páginas.
JULIÁN ROJAS
FOTÓGRAFO
CONTENIDOS:
Home / Acerca de / Galería / Blog /
Contacto
POSITIVO:
Enlace a redes sociales.
Bien estructurada.
Los usuarios pueden comentar.
Transición de fotografías.
NEGATIVO:
Algunos elementos están demasiado
pegados al margen.
CONVERSE.COM
TIENDA VIRTUAL
CONTENIDOS:
Shop / Create / Music / Basketball /
Skateboarding / Style / Help.
POSITIVO:
Muy original.
Imágenes en movimiento.
Combinación de imágen e ilustración.
Selección y organización de productos por
color.
Personalización de productos.
Visión de los productos en 360º.
Registro de usuarios.
Datos Artículos: Nombre, Precio, Color,
Referencia.
Buscador.
NEGATIVO:
Faltan redes sociales.
NIKE.ES
TIENDA VIRTUAL
CONTENIDOS:
Los mejores productos / Blog / Pedidos /
Tienda / Atención al cliente.
POSITIVO:
Bien estructurada.
Anuncio principal es una ilustración.
Otros productos.
Buscador.
El menú principal sale de la estructura
principal.
NEGATIVO:
Cada sección del home se abre en una
ventana diferente.
ORGANIC SUPERMARKET
TIENDA VIRTUAL DE PRODUCTOS
ECOLÓGICOS
CONTENIDOS:
Home / Go organic / Shop online / Hampers /
News / Contact / Wiew your Basket.
POSITIVO:
Bien estructurada.
Diseño original de la interface.
Buen uso tipográfico.
Animaciones en Flash.
Tratamiento original de las imágenes.
Utilización de recursos reciclados.
Los usuarios pueden comentar.
Enlace a redes sociales.
NEGATIVO:
Demasiada similitud a la apariencia de un blog.
Las páginas de comentarios tienen
demasiado scroll lateral.
CONVERSE.ES
web de marca
CONTENIDOS:
Catálogo / Community / Blog / Registro /
Contacto / Historia / Trabaja con nosotros
/ Prensa / Términos y condiciones /
Privacidad.
POSITIVO:
Fotografías originales, hacen de la
marca un estilo de vida.
Distribución de productos por colores y
estilos.
Galería de fotos y vídeos.
Enlace a redes sociales.
Blog de tendencias.
Coherencia cromática.
NEGATIVO:
No ofrece tienda online.
PEPENAFEST
FESTIVAL INTERNACIONAL DE RECICLAJE
CREATIVO
CONTENIDOS:
Home / Qué es pepenafest / Festivales
anteriores / 2010 / Contacto / Voluntarios /
Links / Noticias / Talleres / Foros.
POSITIVO:
Recursos gráficos.
Enlace a redes sociales.
NEGATIVO:
Formulario sin formato.
Tratamiento tipográfico inadecuado.
Apariencia de blog.
SOU EDIPO
GRUPO MUSICAL
CONTENIDOS:
Inicio / Discografía / Conciertos / Fotos /
Tienda / Contacto.
POSITIVO:
Enlace a redes sociales.
Transición de una página a otra.
Fondo con ilustraciones.
Recursos gráficos.
Muestra de imágenes de la galería.
NEGATIVO:
Se pierde el texto en
algunas páginas.
ADEFESIO
REVISTA DIGITAL DE MÉXICO (ARTE Y
CULTURA)
CONTENIDOS:
Portada / Arte y entretenimiento /
Comunidad / Artículos / In the city / Life / TV
/ Party / Exposiciones / Crónica.
POSITIVO:
Galería Superior.
Bien estructurada.
Enlace a redes sociales.
Buen uso tipográfico.
Coherencia cromática.
NEGATIVO:
Contacto y descripción de la web muy
escondidos.
MADINSPAIN
EVENTO DE DISEÑO Y CREATIVIDAD
TARGET: Diseñadores.
CONTENIDOS:
Cartel / Mad / Ponientes / Agenda / Situación / Entradas.
POSITIVO:
La web está hecha en una sola página.
Coherencia tipográfica.
Coherencia cromática.
Tratamiento imágenes (B/N sobre COLOR).
Construcciones tipográficas.
NEGATIVO:
-----
CONCLUSIONES GENERALES
SCROLL VERTICAL.
USO DE METÁFORAS VISUALES.
DISEÑO A 2 Y 3 COLUMNAS.
BUSCADOR.
LOS USUARIOS PUEDEN COMENTAR.
TECNOLOGÍA HTML.
ANIMACIONES FLASH.
JAVASCRIPT.
RECURSOS GRÁFICOS DISTINTIVOS.
ENLACE A REDES SOCIALES.
COMBINACIÓN IMAGEN-ILUSTRACIÓN.
CONCLUSIONES: CONTENIDO OTRAS WEBS
Preguntas Frecuentes
Enlace a Red Social
Atención al cliente
Patrocinadores
Publicaciones
Exposiciones
Instalaciones
Acerca de...
Pedagógico
Información
Suscripción
Descargas
Buscador
Recursos
Situación
Catálogo
Contacto
Honores
Registro
Noticias
Agenda
Historia
Artistas
Revista
Galería
Cursos
Prensa
Vídeos
Pedido
Tienda
Create
Ayuda
Ferias
inicio
Foro
Blog
Escuela de arte de Algeciras
Escuela de arte. x x x x x x x x
Arte 21
Galería de arte. x x x x x x x
Gacma
Centro de arte Contemporáneo. x x x x x x x x x x x x
CAC Málaga
Centro de arte Contemporáneo. x x x x x x x x x x x x x
Julián Rojas
Fotógrafo. x x x x x x
CONVERSE.COM
Tienda Online. x x x x x x x
NIKE.ES
Tienda Online. x x x x x x x
Organic Supermarket
Tienda Online Productos Ecológicos. x x x x x x x x
CONVERSE.ES
Web de Marca. x x x x
PEPENAFEST
Festival de Reciclaje Creativo. x x x x x x x
Sou Edipo
Web de Grupo Musical. x x x x x
Adefesio
Revista Digital. x x x x x
Madinspain
Festival de Diseño y Creatividad. x x x x x
CONTENIDO MOTIVARTE
x x x x x x x x x x x x x x x x x x x x
CONCLUSIONES: PUNTOS FUERTES
TIPO DE WEB: Dinámica, Sistema de navegación: Scroll Horizontal, proporciona más dinamismo a la web.
TECNOLOGÍA: HTML / CSS / JAVASCRIPT / PHP / FLASH.
CONTENIDO:
* HOME.
* AGENDA.
* GALERÍA DE ARTISTAS.
* TIENDA.
* BLOG.
* CONTACTO.
* REVISTA.
* PATROCINADORES.
DISEÑO: Web Persuasiva:
* Fondos de papel reciclado.
* Mezcla de imagen e ilustración.
* Web sin saturación de contenido, ofrece la información básica necesaria, proporcionando una
imagen limpia; el desarrollo y la interacción de los usuarios será a través del blog y los formularios.
TRATAMIENTO DE IMÁGENES:
* Combinación de ilustración y fotografía.
* Metáforas visuales para aprovechar espacios.
TRATAMIENTO CROMÁTICO:
* Colores corporativos (rojo/verde) + Escala de grises y blanco.
TRATAMIENTO TIPOGRÁFICO:
* Contraste tipográfico: Serif/Sans Serif; Color; Grosor; Tamaño.
RECURSOS GRÁFICOS:
* Imágenes llevadas a los colores corporativos.
* Ilustraciones lineales con los colores corporativos.
* Metáforas Visuales.
* Construcciones Tipográficas.
Estructura de la información (arquitectura): Organización
* HOME:
Calendario.
4 Noticias destacadas.
* AGENDA:
Talleres (arte y conciencia ecológica).
Exposiciones (promoción y venta).
Conferencias (Preparación en el mundo profesional).
* GALERÍA DE ARTISTAS:
Biografía.
Galería de obras.
Enlace a productos en la tienda.
Enlace a su sección en el blog.
* TIENDA (micro site):
Venta de Obras.
Venta de artículos customizados por los artistas.
* BLOG: Interacción con los usuarios, espacio para actualizar y desarrollar noticias.
* CONTACTO:
Quiénes somos (Descripción Motivarte).
Qué hacemos (Servicios Motivarte).
Dónde estamos (Datos de contacto, Mapa, Redes Sociales).
Formulario de Contacto:
* Información.
* Si eres Artista...
* Si eres Periodista...
* REVISTA: enlace a papel de estraza.
* PATROCINADORES.
DISTRIBUCIÓN DE ESPACIOS
SISTEMA DE NAVEGACIÓN
La web de Motivarte tiene un diseño en ancho fijo (960 px de ancho por 480 px de alto), lo que
facilitará que en dispositivos de gran tamaño no se corra el riesgo de que los elementos se distribuyan
a su antojo.
La web se mueve de izquierda a derecha (scroll horizontal) y con la tecnología Javascript, se verá
el transcurso de una página a otra, como si se tratase de una galería de imágenes.
HOME AGENDA GALERÍA ARTISTA/1 ARTISTA/2 ARTISTA/3 ARTISTA/4 TIENDA BLOG CONTACTO REVISTA
4 NOTICIAS TALLERES ARTISTAS BIOGRAFÍA BIOGRAFÍA BIOGRAFÍA BIOGRAFÍA PRESENTACIÓN PRESENTACIÓN DATOS PRESENTACIÓN
CALENDARIO EXPOSICIONES GALERÍA GALERÍA GALERÍA GALERÍA ENLACE ENLACE CONTACTO ENLACE
CONFERENCIAS ENLACE A TIENDA ENLACE A TIENDA ENLACE A TIENDA ENLACE A TIENDA VENTA DE OBRAS DESARROLLO FORMULARIOS
ENLACE A BLOG ENLACE A BLOG ENLACE A BLOG ENLACE A BLOG VENTA DE ART. NOTICIAS MAPA
CUSTOMIZADOS REDES SOCIALES
Retículas y módulos
16 px 32 px 960 px 16 px
32 px
16 px
32 px
480 px
16 px
USO DEL COLOR Y RECURSOS GRÁFICOS
color:
General.
La web está construida en Clave Alta, y se utiliza un contraste de color
mediante los colores corporativos de la empresa, dotando de más
identidad al sitio web.
Uso funcional.
Los colores principales serán el rojo y verde corporativos,
junto con el gris 80%, gris medio, gris claro y blanco.
R: 192 HEXADECIMAL: R: 128 HEXADECIMAL:
G: 8 #c0081f G: 128 #808080
B: 31 B: 128
recursos gráficos:
TRATAMIENTO DE imágenes. Puzzy
Llevadas a rojo y verde.
ilustración vectorial.
Imagen de sustitución en el menú de la sección de artistas.
IMÁGENES DE SUSTITUCIÓN.
Imagen de sustitución en la galería de cada artista.
metáforas visuales.
Icono del logotipo, para lo referente a la información de la
empresa.
FONDOS.
Papel reciclado arrugado y papel de cartón reciclado.
construcciones tipográficas.
FF Prater Block off Regular / Nombre Sección; Nombre Artista.
USO TIPOGRÁFICO
TITULARES
ULTRA
abcdefghijklmnñopqrstuvwxyz
abcdefghijklmnñopqrstuvwxyz 36 px (encabezado 1)
1234567890 32 px (encabezado 2)
“¡!”#%&/()=*,;.: 28 px (encabezado 3)
ENTRESACADOS 30 px (encabezado 4)
NEUTON 26 px (encabezado 5)
abcdefghijklmnñopqrstuvwxyz 22 px (encabezado 6)
abcdefghijklmnñopqrstuvwxyz
1234567890
“¡!”#%&/()=*,;.:
ENTRESACADOS 30 px (encabezado 4)
NEUTON ITALIC 26 px (encabezado 5)
abcdefghijklmnñopqrstuvwxyz 22 px (encabezado 6)
abcdefghijklmnñopqrstuvwxyz
1234567890
“¡!”#%&/()=*,;.:
AGENDA
ARTISTAS
TIENDA
BLOG
Contacto | Revista
Patrocinadores:
112 px 496 px
DISTRIBUCIÓN DE ESPACIOS: HOME
contenido
Cuatro noticias destacadas referentes a la empresa:
* Artista consagrado entrevistado.
* Exposición Artista Motivarte realizada.
* Taller Motivarte realizado.
* Tienda Motivarte, Nuevo artista...
tipografía
* Título: FF Prater Block off Regular / Gris Medio.
* Encabezado1: Ultra / 36 px / Rojo.
* Encabezado 4: Neuton Italic / 30 px / Gris Medio.
* Enlace Normal: Droid Sans / 12 px / Verde.
Sobre: Droid Sans / 12 px / Gris Medio.
tecnología
HTML / CSS / JAVASCRIPT.
DISTRIBUCIÓN DE ESPACIOS: AGENDA
contenido
Tres actividades:
* Exposición de un artista Motivarte + Enlace a desarrollo en el Blog.
* Taller de reciclaje creativo + Enlace a desarrollo en el Blog.
* Conferencia de un artista consagrado + Enlace a desarrollo en el Blog.
IMÁGENES
Una imagen por actividad / trazo 2 px Blanco.
tipografía
* Encabezado 3: Ultra / 28 px / Gris Oscuro.
* Encabezado 6: Neuton Regular / 22 px / Rojo.
* Párrafo: Droid Sans / 12 px / Gris Medio.
* Enlace Normal: Droid Sans / 12 px / Verde.
Sobre: Droid Sans / 12 px / Gris Medio.
tecnología
HTML / CSS / JAVASCRIPT.
DISTRIBUCIÓN DE ESPACIOS: ARTISTAS
contenido
Recursos metafóricos Icono 32 px por 32 px con esquinas redondeadas +
hoja del logotipo:
* Icono Rojo: Quiénes Somos. Click (Javascript: JQuery Fancybox).
* Icono Verde: Qué Hacemos. Click (Javascript: JQuery Fancybox).
* Icono Gris: Dónde Estamos. Click (Javascript: JQuery Fancybox).
Tres Formularios:
* Contacto Usuarios.
* Contacto Artistas interesados.
* Contacto Prensa.
tipografía
* Encabezado 2: Ultra / 28 px / Gris Oscuro.
* Párrafo: Droid Sans / 12 px / Gris Medio.
* Botón enviar: Droid Sans / 12 px / Verde. JQuERY FANCYBOX
* Encabezado 5: Neuton / 26 px / Rojo.
tecnología * Párrafo: Droid Sans / 12 px / Gris Medio.
HTML / CSS / JAVASCRIPT. * Cerrar: Droid Sans / 12 px / Gris Medio.
DISTRIBUCIÓN DE ESPACIOS: REVISTA
tecnología
HTML / CSS.