Proyecto Web

Crearte

crearte
G a l e r í a d e A r t e
 Proyecto Web
Crearte

¿POR QUÉ CREARTE NECESITA UNA WEB?

Investigación
- por qué una web En primer lugar queremos tener una web porque internet se ha convertido en uno de los
- cliente medios de comunicación más usados, y accesible para todo el mundo.
- anális del sector Es importante poder mostrar una visión inmediata de la galería, y asi facilitar tanto la pro-
- posicionamiento
pagación de contenidos como la venta de obras desde cualquier lugar, tanto en España
- conclusiones
como en el resto del mundo.
Libro de estilos Se quiere promocionar nuestra actividad, las exposiciones, los talleres, concursos, ferias
- estructura y sobretodo a nuestros nuevos artistas.
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

CLIENTE DE CREARTE
Investigación
- por qué una web El público objetivo de esta galería de arte es toda persona con una gran inquietud artís-
- cliente tica, autores con ganas de proyectar sus ideas con el fin de comunicar al espectador, y
- anális del sector sobre todo a aquellas personas que aman el arte, coleccionistas y visitantes
- posicionamiento
Se centra básicamente en los jóvenes, estudiantes de arte que estén interesados en lan-
- conclusiones
zar sus proyectos para darse a conocer. Se dirige sin duda a un público tanto femenino
Libro de estilos como masculino, emprendedores con interés profesional, con carácter innovador y diná-
- estructura mico.
- secciones
- puntos fuertes
- tipologia web

Crearte
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

ANÁLISIS
Investigación
- por qué una web La mayor parte de las empresas están en la web, y ya no hablando sólo de mi sector, sino haciendo un
- cliente paso más amplio, como el sector de la moda, la gastronomía, la compra venta de productos... ¡Hoy en
- anális del sector día todo se encuentra en internet!
- posicionamiento Me basé en el buscador de google; galerías en Granada, y apareció un listado de todas elas y luego bus-
- conclusiones que galería a nivel nacinal e internacional; y por último páginas de posible interés para mi target
como web de fotógrafos, portfolios de artistas, compra de arte online y páginas de ferias como Arco.
Libro de estilos En general, de todas las que he ido analizando, comentaré las que me han resultado más interesantes.
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos

Páginas web de Granada:
- Centro José Guerrero
- Galerría Arte y Diseño
- Ceferino Navarro
- Taller Miguel Moreno
- Galería Granada Capital
- Galería Rincón del Arte
- Galería Sandunga
Páginas web a nivel nacional: Páginas web a nivel internacional:
- Galerría Arte 10 - Dulwich Picture Gallery
- Centro Atlántico de Arte Moderno - Hamiltons
- Espacio mínimo - Barbican Gallery
- La Fábrica - La Fábrica
- Galería Rafael Ortiz - Whitechapel Gallery
- Travesía cuatro - Wapping Gallery
 Proyecto Web
Crearte

GALERIAS EN GRANADA
Investigación
Centro José Guerrero
- por qué una web
- cliente Este centro se encuentra en el centro de Granada, es un espa-
- anális del sector cio público, donde es posible el acuerdo de los valores e ideas
- posicionamiento de la cultura contemporánea.
- conclusiones Sus funciones son las que se le exigen a un museo, convertirse
en un espacio de relación, en un lugar para el pensamiento críti-
Libro de estilos co, buscando nuevos modelos y meditando cuál es el papel del
- estructura arte con la sociedad actual.
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte
Estructura
Investigación
- por qué una web En la página de inicio te da la opción de elegir el idioma (español-inglés).
- cliente En el apartado de presentación hay una parte del texto que se mete en la
- anális del sector imagen, creando asi un fuerte contraste y rompiendo la lecutra.
- posicionamiento La página está dividida en tres partes, en el centro, con una columna más
- conclusiones estrecha, coloca el menú, los lados, están divididos con las mismas medi-
das y con una columna cada uno.
Según en la sección que estemos, lo marca con color rojo. La web tiene
Libro de estilos coherencia visual, tiene un diseño muy particular, aunque en alguna sec-
- estructura
ción rompe la división que mantiene en todos los apartados.
- secciones
- puntos fuertes
Valoración
- tipologia web
- distribución espacios - estrutura original y contenidos organizados
- navegación - navegación compleja
- interacción - colocación del menú poco funcional
- uso del color - estética limpia y ordenada
- tipografía - lógica visual
- recursos gráficos - scroll excesivamente largo
 Proyecto Web
Crearte

Galeria Sandunga
Investigación
- por qué una web Galería localizada en Granada, su actividad se centra entorno al
- cliente arte emergente o a dar a conocer la obra de artistas que no se
- anális del sector hayan mostrado con anterioridad en nuestro ámbito geográfico.
- posicionamiento Prestan especial interés por la imagen en movimiento celebran-
- conclusiones do anualmente el Festival de Cine Experimental, Video y Nuevas
Tecnologías.
Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación www.galeriasandunga.com
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

Estructura
Investigación
- por qué una web Esta web también se divide en dos partes, en la superior se encuentra
- cliente el menú, y en la otra el contenido, estructurado con una retícula de dos
- anális del sector columnas. Su navegación es sencilla, no se manejan muchos aparta-
- posicionamiento dos.
- conclusiones El diseño de esta página está cuidado, manteniendo un orden con
todo el contenido. Como fondo usa una imagen con baja opacidad, y
un recuadro blanco centrado para meter la información.
Libro de estilos En todas las secciones hay scroll, y en algunas también uno interno, y
- estructura
una pestañita en en borde inferior derecho para acceder a las imáge-
- secciones
nes.
- puntos fuertes
Es una página sin movimiento, únicamente se cambia el color del
- tipologia web
menú para marcar en que sección nos encontramos; y también cuan-
- distribución espacios
do accedemos a las obras, aparece una ventana emergente con todas
- navegación
las imágenes.
- interacción
El uso del color y la estética de la web mantiene coherencia en todo
- uso del color
momento.
- tipografía
- recursos gráficos
Valoración

- fácil navegación
- coherencia visual
- desaprovecha espacio
- scroll inerno demasiado pequeño
- respeta proporciones
- imágenes muy pequeñas
- ventana emergente
 Proyecto Web
Crearte

GALERIAS NACIONALES
Investigación
- por qué una web Travesía cuatro
- cliente
Esta galería es competencia menos directa, abrió sus puertas
- anális del sector
en el 2004, y está situada en el centro de Madrid, en el barrio
- posicionamiento
cultural. El principal objetivo de esta galería es representar y
- conclusiones
promover el trabajo de artistas emergentes y de media carrera
nacionals e internacionales.
Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color www.travesiacuatro.com/
- tipografía
- recursos gráficos
 Proyecto Web
Crearte
Estructura
Investigación
Esta página web es en clave alta, el menú está colocado en la parte
- por qué una web
superior izquierda, dividido en 5 secciones.
- cliente
No usa una retícula, pero el contenido está muy bien estructurado,
- anális del sector
manteniendo siempre las mismas proporciones.
- posicionamiento
Las imágenes se pasan horizontalmente, y debajo de cada una de
- conclusiones
ellas, el pie de foto. No tiene scroll en ninguno de los apartados, y al
acceder a más información se abre una ventana en el lado derecho.
Libro de estilos El movimiento de la página lo dan las imágenes pasando de una es-
- estructura quina a la otra
- secciones El color que usan en toda la web el negro y para marcar la sección en
- puntos fuertes la que estamos, el gris.
- tipologia web En general es una página con un buen diseño, contenido bien ordena-
- distribución espacios do, de fácil manejo para los usuarios.
- navegación
- interacción Valoración
- uso del color
- tipografía - fácil navegación
- recursos gráficos - poco uso del color
- buena ditribución de contenidos
- pase de imágenes
- respeta proporciones
- ventana emergente
 Proyecto Web
Crearte

La Fábrica
Investigación
- por qué una web Esta galería fue fundada en 2003, y desde entonces trabaja
- cliente para presentar en España a artistas nacionales e internaciona-
- anális del sector les de la máxima calidad, seleccionando a artistas consagra-
- posicionamiento dos y emergentes, con una clara vocación diferencial. Presen-
- conclusiones ta especial interés por los nuevos soportes, como el video y la
fotografía.
Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción www.lafabrica.com
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte
Estructura
Investigación
De todas la páginas analizadas hasta el momento, ésta es una de
- por qué una web
las más completas.
- cliente
Su retícula varía según en la sección que nos encontramos, pero
- anális del sector
siempre mantiene las proporciones, margenes, de manera que todo
- posicionamiento
queda muy bien estructurado.
- conclusiones
El uso del color es interesante, usa el negro y el gris en toda la web,
y para difererciar apartados les añade un color; en la sección de edi-
Libro de estilos torial el rojo, en galería el lila...
- estructura Otra cosa que está muy bien a la hora de seleccionar toda la infor-
- secciones mación, es que, en artistas, aparecen todos los nombres en recua-
- puntos fuertes dros, en los cuales puedes picar para ampliar la información.
- tipologia web Hace uso del botón volver en algunas secciones, por lo que hace la
- distribución espacios navegación mucho más rápida y sencilla.
- navegación Las imágenes se pueden reproducir para qe se pasen solas, o se
- interacción pueden ir viendo a modo del usuario, también, se pican en ellas para
- uso del color agrandar el tamaño.
- tipografía Otra cosa muy interesante que tiene es un buscador.
- recursos gráficos
Valoración

- estética coherente
- uso del color
- las proporciones se respetan
- buscador
- fácil navegación
- pase de imágenes
- botón de volver
- diseño impecable
- acceso a links de interés
- menú bien dividido
 Proyecto Web
Crearte

GALERIAS INTERNACIONALES
Investigación
- por qué una web Barbican Gallery
- cliente Esta galeria es un centro de arte situado en Londres, en el cora-
- anális del sector zón de Barbican Estate. Fue inaugurado en 1982, es uno de los
- posicionamiento más grandes de Europa. Alberga conciertos de música clásica y
- conclusiones contemporánea, reprtesentaciones teatrales, proyecciones cine-
matográficas y exhibiciones de arte.
Libro de estilos
- estructura www.barbican.org.uk/
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

Investigación Estructura
- por qué una web De esta página destacaré la colocacion y forma de las imágenes,
- cliente todas las secciones mantienen una coherencia visual, se respetan las
- anális del sector proporciones, y todas con un scroll vertical.
- posicionamiento Las imágenes son también las que marcan la jerarquía de las noticias,
- conclusiones en la parte superior a mayor tamaño, las dos noticias más relevantes,
y debajo, a menor tamaño, las tres siguentes.
Libro de estilos Para acceder a las imágenes de cada noticias, salta una ventana
- estructura emergente. Hacen mucho uso de botones para acceder, por ejemplo,
- secciones a más info, para pasar a la siguiente página, para ver imágenes,...
- puntos fuertes También tiene un buscador.
- tipologia web En general, la navegación es sencilla, pero a la vez muy amplia, y eso
- distribución espacios hace que en ocasiones te pierdas.
- navegación La retícula de esta web es de 4 columnas, en la parte superior imáge-
- interacción nes que a veces no respetan, y debajo el texto bien colocado.
- uso del color
- tipografía Valoración
- recursos gráficos
- estética coherente
- uso del color
- proporciones fijas
- buscador
- navegación demasiado amplia
- uso de botones
- tratamiento de imágenes
- demasiados links
- menú regular
- acceso a redes sociales
 Proyecto Web
Crearte

WEB DE INTERÉS PARA EL USUARIO

Investigación
- por qué una web Las Coleccionistas
- cliente
Las coleccionistas es un estudio de fotografía de Barcelona, que
- anális del sector
elabora y difunde proyectos visuales. Entienden la fotografía www.lascoleccionistas.com/orgv
- posicionamiento
como la interrelación entre la luz y la emoción como una forma
- conclusiones
de comunicar en su acepción más provocadora, que conecta
con la gente y transmite; pero también como una forma de par-
Libro de estilos ticipación, una herramienta que les ayuda a encontrar nuevos
- estructura significados y les acerca a interpretaciones alternativas de su
- secciones entorno.
- puntos fuertes
- tipologia web Valoración
- distribución espacios
- navegación - elementos corporativos
- interacción - menú
- uso del color - pase de imágenes hirizontal
- tipografía - tratamiento de imágenes
- recursos gráficos - uso del color
- estructura
- tipografías
 Proyecto Web
Crearte

Museo del Prado

Investigación
- por qué una web El Museo Nacional del Prado, ubicado en Madrid, es uno de los
- cliente más importantes y más visitados del mundo. Su origen se debe
- anális del sector a la afición coleccionista de las dinastías gobernantes a lo largo
- posicionamiento de varios siglos.
- conclusiones El Prado no es un museo enciclopédico, es una colección inten-
sa y distinguida, formada por unos pocos reyes aficionados al www.museodelprado.es
arte, donde muchas obras fueron creadas por encargo.
Libro de estilos
- estructura
Valoración
- secciones
- puntos fuertes - fácil navegación
- tipologia web - uso del color
- distribución espacios - proporciones
- navegación - diseño muy cuidado
- interacción - calendario con actividades
- uso del color - galería online
- tipografía - visita el museo
- recursos gráficos
 Proyecto Web
Crearte

Home de Caramel
Investigación
- por qué una web Es un joven estudio de animación de Barcelona especializados
- cliente en 2D y stop-motion. Soprende la calidad de sus trabajos, así
- anális del sector como la humildad con la que abordan su tarea. Entienden la ani-
- posicionamiento mación como un meticuloso proceso de artesanía, independien-
- conclusiones temente de las herramientas que se utilicen, ya sean analógicas
o digitales, que requiere tiempo, constancia y precisión.
Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color www.homedecaramel.com
- tipografía
- recursos gráficos
 Proyecto Web
Crearte
Valoración
Investigación
- tipografía
- por qué una web
- menú
- cliente
- navegación
- anális del sector
- tratamiento de imágenes
- posicionamiento
- uso del color
- conclusiones
- home
- estructura
Libro de estilos - ventana emergente
- estructura - blog
- secciones - contenidos interesantes
- puntos fuertes - acceso a redes sociales
- tipologia web - no marca sección en la que estoy
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

POSICIONAMIENTO DE CREARTE MEDIANTE SU WEBSITE

Investigación
- por qué una web Se quiere posicionar la web como un lugar de referencia para nuestros clientes, un lugar en el que
- cliente encontrar contenidos sobre el arte contemporáneo tanto en fotografía, como en escultura, pintura,
- anális del sector ilustración...
- posicionamiento Queremos promocionar a la propia Galería y a los artistas que exponen en ella, y sobretodo mostrar
- conclusiones la importacia que tiene nuestro espacio reservado para las nuevas promesas; esta sala se presenta
como una plataforma alternativa que da cabida al trabajo de jóvenes creadores que buscan un espa-
cio en el que poder llevar a cabo sus ideas y proyectos, un espacio donde mostrar sus inquietudes.
Libro de estilos
La web será un modo de promoción para capturar nuevos clientes y para fidelizar los que ya tene-
- estructura
mos. Deberá transmitir el carácter innovador y fresco que presenta la galería, pero también seriedad
- secciones
en contenido y forma.
- puntos fuertes
- tipologia web
- distribución espacios La web deberá ser:
- navegación
- interacción - reconocible: coherencia gráfica con la identidad de la empresa.
- uso del color - posicionamiento web: buen posicionamiento web en buscadores
- tipografía
- recursos gráficos - interfaz: sencilla y clara para que el usuario no tenga problemas en encontrar lo que busca
- intuitiva y directa: debe de persuadir ya que se está hablando de las diferentes artes y se prenten-
de vender las obras.

¿Como quiere Crearte ser percibida?

- espacio multfuncional
- experimental
- lanzadera
- novedosa
- especializada
- seria
- joven
 Proyecto Web
Crearte

CONCLUSIONES
Investigación
- por qué una web - en el home que aparezca el resumen del mes en imágenes
- cliente
- imágenes que sean links
- anális del sector
- posicionamiento - no scroll
- conclusiones
- que logotipo acceda al home
Libro de estilos - añadir algún color más a los corporativos para crear contraste de color
- estructura
- secciones - pase de imágenes horizontalmente
- puntos fuertes - menú con tipografía manual
- tipologia web
- distribución espacios - respetar proporciones de retícula de 4 columnas
- navegación - contenidos bien diferenciados para cada tipo de cliente
- interacción
- uso del color - estética limpia y ordenada
- tipografía
- recursos gráficos
- web en clave alta
- coherencia visual con la empresa
- menú funcional y facil de navegar
- funcionalidad en cuanto a la búsqueda de contenidos
- uso de botones (volver, + info)
- incorporar calendario
- añadir elementos corporativos
- división por ramas artísticas
 Proyecto Web
Crearte

ARQUITECTURA DE LA INFORMACIÓN
Investigación
- por qué una web La web según Crearte:
- cliente
- anális del sector 1º nivel-------------- crearte | exposiciones | actividades | comprar arte
- posicionamiento
- conclusiones 2º nivel-------------- suscríbete

Libro de estilos 3º nivel-------------- contacto

- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

La web según el cliente 1

Investigación (turisrtas/visitantes):
- por qué una web
- cliente 1º nivel-------------- exposiciones
- anális del sector
- posicionamiento 2º nivel-------------- crearte | contacto
- conclusiones
3º nivel-------------- actividades | suscríbete | comprar arte
Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

La web según el cliente 2:

Investigación (estudiante de Bellas Arte)
- por qué una web
- cliente 1º nivel-------------- crearte | actividades | suscríbete
- anális del sector
- posicionamiento 2º nivel-------------- exposiciones
- conclusiones
3º nivel-------------- comprar arte | contacto
Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

La web según el cliente 3:

Investigación (coleccionistas/amantes del arte)
- por qué una web
- cliente 1º nivel-------------- comprar arte | crearte
- anális del sector
- posicionamiento 2º nivel-------------- contacto
- conclusiones
3º nivel-------------- actividades | suscríbete | exposiciones
Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

ORGANIZACIÓN DE CONTENIDOS
Investigación
- por qué una web - Home - Actividades
- cliente Quiénes somos
- anális del sector
Talleres
- posicionamiento
Este mes... Concursos
- conclusiones Contacto Ferias
- Exposiciones Conferencias
Libro de estilos Actuales - Comprar arte
- estructura Próximas lustración
- secciones - Crearte fotografía
- puntos fuertes lustración
- tipologia web
pintura
- distribución espacios
fotografía escultura
- navegación pintura audiovisual
- interacción escultura - Suscríbete
- uso del color audiovisual
- tipografía
- recursos gráficos
crearte | actividades | exposiciones | comprar arte | suscríbete contacto | quienes somos

Iustración Talleres Actuales Iustración

Fotografía Concurso Próximas Fotografía
Pintura Ferias Pintura
Escultura Conferencias Escultura
Audiovisual Audiovisual
 Proyecto Web
Crearte

PUNTOS FUERTES DE LA WEB

Investigación
- que se conozca a nuestros artistas nóveles
- por qué una web
- cliente
- anális del sector


- posicionamiento
- conclusiones
- informar sobre las diferentes actividades

Libro de estilos - dar a conocer la Galería

- estructura
- secciones
- puntos fuertes - vender arte
- tipologia web
- distribución espacios
- navegación - mostrar más contenidos
- interacción

fidelizar clientes y captar nuevos.

- uso del color
- tipografía -
- recursos gráficos
 Proyecto Web
Crearte
Proporciones:
Investigación
- por qué una web - 960px de ancho y 560px de largo
- cliente
- anális del sector Tipología web:
- posicionamiento
- maquetación de ancho fijo para así poder tener mayor control sobre
- conclusiones
donde colocar los elementos ya que será una web con mucha carga
gráfica y elementos multidedia
Libro de estilos
- estructura - ditribución de espacio cerrado
- secciones
- puntos fuertes Retículas y módulos:
- tipologia web
- distribución espacios - el ancho de la página se divide en 12 columnas de 60 px
- navegación - medianil 20 px
- interacción - 4 módulos horizontales
- uso del color
960
- tipografía
1024 60 px 20 px
- recursos gráficos
Proyecto Web
Crearte

BOCETOS GUI
Investigación
- por qué una web Home
- cliente - seis columas dedicadas al artista principal (2 módulos)
- anális del sector - tres columna para los otros dos artistas (1 módulo)
- posicionamiento - tres columnas para las actividades (1 módulo)
- conclusiones

Libro de estilos
menú fijo, pasan-
- estructura do el raton por
- secciones sección se abre
- puntos fuertes un desplegable
- tipologia web
- distribución espacios imagen en blanco
- navegación y negro, y cuan-
do pasa el ratón
- interacción
color.
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte
Sección principal (Crearte)
Investigación - tres columas para la biografía (1 módulo)
- por qué una web - 9 columnas para el pase de imágenes (3 módulos)
- cliente
- anális del sector
- posicionamiento
- conclusiones

Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción botón pasar
imágenes
- uso del color
- tipografía acceso rápido
- recursos gráficos a fotos
 Proyecto Web
Crearte

Menú principal
Investigación - pasar el ratón por una de las secciones
- por qué una web - despliegue del submenú automáticamente
- cliente
- anális del sector Submenú
- posicionamiento - picar en una de las secciones desplegadas para acceder a ella.
- conclusiones
imágenes del Home
Libro de estilos - al picar en ellas también nos llevan a la sección, pero directamente al evento o artista que
- estructura hayamos escogido.
- secciones
- puntos fuertes Logotipo
- tipologia web - acceso rápido a información de la empresa (contacto, quienes somos y presentación del
- distribución espacios mes)
- navegación
- interacción Footer
- uso del color - acceso al contacto
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

Investigación
- por qué una web
- cliente
- anális del sector
- posicionamiento
- conclusiones

Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos
 Proyecto Web
Crearte

Investigación
- por qué una web
- cliente
- anális del sector
- posicionamiento
- conclusiones

Libro de estilos
- estructura
- secciones
- puntos fuertes
- tipologia web
- distribución espacios
- navegación
- interacción
- uso del color
- tipografía
- recursos gráficos