¿POR QUÉ NECESITAMOS UN WEB SITE?

Motivarte cuenta ya con algunos clientes asociados (jóvenes artistas), y con varias
empresas patrocinadoras (galerías de arte, artistas consagrados...).

Obviamente, necesita ampliar el número de clientes para seguir creciento, lo que

lleva a seguir construyendo una imagen de marca fuerte, fiable y atractiva, para ello
es necesario estar presente y ser de fácil acceso en todo momento, cosa que sólo
se puede conseguir con un espacio en la web, además de que casi toda empresa, por
pequeña que sea, cuenta con un pequeño hueco en la red.

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.

A su vez, los usuarios podrán realizar consultas lo más comodamente posible, ya

que nos interesa que se sientas atendidos, eso hará la empresa más cercana, y llegará a
percibirse como amiga, lo que conlleva que sea consultada y recomendada.

La web será una herramienta complementaria de promoción de la empresa, además de

ser el medio más rentable por su bajo coste y mantenimiento.
 POSICIONAMIENTO
NECESIDADES Y OBJETIVOS DE LA EMPRESA
Es una empresa con un año de vida, con varios clientes y patrocinadores, pero con
poca fuerza aun ante la competencia.

Ha realizado varios talleres de reciclaje creativo, conferencias y exposiciones, con

un éxito moderado, pero aun se necesita promocionar más la empresa para captar
más clientes, no le basta con la oficina, la publicidad de calle y el producto editorial, debe
afianzarse un medio adaptado a los tiempos, en el que el boca a boca funciona a través
de redes sociales, correo electrónico, blogs..., así como un buen posicionamiento en los
principales motores de búsqueda.

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

Necesidades Necesidades Necesidades

Medio Impreso Publicidad: Organización de
Redes Sociales Redes Sociales Talleres
Campaña Gráfica Eventos, Talleres, Venta de Productos
Exposiciones... Reciclados
PÚBLICO OBJETIVO Y TIPO DE USUARIO
TIPOS DE USUARIOS

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:

// PROMOCIÓN DE JÓVENES ARTISTAS.

// EXPOSICIÓN DE JÓVENES ARTISTAS.
// PUBLICACIÓN EDITORIAL.
// TALLERES DE RECICLAJE CREATIVO.
// CONFERENCIAS SOBRE ARTE CONTEMPORÁNEO,
A CARGO DE ARTISTAS PROFESIONALES.
// TIENDA MOTIVARTE.
ANÁLISIS DE LA COMPETENCIA

El objetivo de nuestro análisis es conocer los puntos débiles de nuestros

competidores, así como sus estrategias de promocin, los servicios que ofrecen...

Para ello realizamos un análisis segmentario centrándonos en diferentes tipos de

empresas:

/ 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

TIPO DE WEB: Estática / Scroll Lateral.

TECNOLOGÍA: HTML.

TARGET: Gente interesada en cursar los estudios de

la escuela.

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.
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

TIPO DE WEB: Estática / Sin scroll.

TECNOLOGÍA: HTML / JAVASCRIPT.

TARGET: Artistas e interesados en el 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

TIPO DE WEB: Estática / Sin scroll.

TECNOLOGÍA: FLASH.

TARGET: Artistas e interesados en el

arte.

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

TIPO DE WEB: Dinámica / Scroll Lateral.

TECNOLOGÍA: HTML / FLASH.

TARGET: Artistas e interesados en el arte.

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

TIPO DE WEB: Estática / Sin Scroll.

TECNOLOGÍA: HTML / JAVASCRIPT.

TARGET: Interesados en el trabajo de este

artista.

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

TIPO DE WEB: Dinámica / Sin Scroll.

TECNOLOGÍA: HTML / JAVASCRIPT / FLASH.

TARGET: Clientes de la marca a nivel

internacional.

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:
Enlace a redes sociales.
NIKE.ES
TIENDA VIRTUAL

TIPO DE WEB: Estática / Con Scroll.

TECNOLOGÍA: HTML / JAVASCRIPT.

TARGET: Deportistas, gente que viste de sport.

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

TIPO DE WEB: Dinámica / Con Scroll Lateral.

TECNOLOGÍA: HTML / FLASH.

TARGET: Consumidores de alimentos 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

TIPO DE WEB: Dinámica / Sin Scroll Lateral.

TECNOLOGÍA: HTML / JAVASCRIPT.

TARGET: Jóvenes, amantes de Converse en

España.

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

TIPO DE WEB: Estática / Con Scroll Lateral.

TECNOLOGÍA: HTML / JAVASCRIPT.

TARGET: Interesados en el 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

TIPO DE WEB: Estática / Sin Scroll Lateral.

TECNOLOGÍA: HTML / JAVASCRIPT /

JQUERY.

TARGET: Admiradores de la banda.

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)

TIPO DE WEB: Dinámica / Con Scroll Lateral.

TECNOLOGÍA: HTML / JAVASCRIPT /

JQUERY.

TARGET: Interesados en el arte y la cultura de

México.

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

TIPO DE WEB: Estática / Con Scroll Lateral.

TECNOLOGÍA: HTML / JAVASCRIPT.

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: 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

CONTENIDO:
* 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:
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:
Asóciate.
Prensa.
Qué necesitas.
* 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, a 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 un paso de diapositivas. Ejm.: www.souedipo.es

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

R: 136 HEXADECIMAL: R: 192 HEXADECIMAL:

G: 181 #88b525 G: 192 #c0c0c0
B: 37 B: 192
R: 60 HEXADECIMAL: R: 255 HEXADECIMAL:
G: 60 #3c3c3c G: 255 #ffffff
B: 60 B: 255

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.
Papel reciclado arrugado y papel de cartón reciclado.
USO TIPOGRÁFICO
TITULARES
ULTRA
abcdefghijklmnñopqrstuvwxyz
abcdefghijklmnñopqrstuvwxyz 36 px (encabezado 1)
1234567890 32 px (encabezado 2)
“¡!”#%&/()=*,;.: 28 px (encabezado 3)

TEXTO BASE/ ENLACES/ MENÚ Leer Más 16 px (párrafo)

DROID SANS 14 px (párrafo)
abcdefghijklmnñopqrstuvwxyz Leer Más 12 px (párrafo)
abcdefghijklmnñopqrstuvwxyz
1234567890 Leer Más
“¡!”#%&/()=*,;.:

DESTACADOS DENTRO DEL TEXTO BASE Leer Más 16 px (párrafo)

DROID SANS BOLD 14 px (párrafo)
abcdefghijklmnñopqrstuvwxyz Leer Más 12 px (párrafo)
abcdefghijklmnñopqrstuvwxyz
1234567890 Leer Más
“¡!”#%&/()=*,;.:

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
“¡!”#%&/()=*,;.:

TÍTULO SECCIÓN RASTERIZADO Módulos de

FF Prater Block off Regular 80 px por 128 px
DISTRIBUCIÓN DE ESPACIOS

AGENDA
ARTISTAS
TIENDA
BLOG

Contacto | Revista
Patrocinadores:

MENÚ FLOTANTE DESARROLLO

CONTENIDO CONTENIDO

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
Cuatro artistas Motivarte (imágenes y nombre).
tipografía
* Título: FF Prater Block off Regular / Gris Medio.
* Encabezado 3: Ultra / 28 px / Rojo.
tecnología
HTML / CSS / FLASH / JAVASCRIPT.
Al pasar el ratón sobre la un artista, la imagen se convierte en
ilustración y el nombre cambia de color y se amplia (encabezado 1).
Al realizar un click en la ilustración, se abre la ficha del artista con
su biografía (con scroll vertical interno: flash), una pequeña galería
de obras que cambian de color al pasar el ratón sobre ellas (imagen
de sustitución). Al realizar click en alguna, se abre un pasador de
imágenes (Javascript: JQuery Fancybox) y enlace a descarga de
curricullum y sección en la tienda Motivarte.
DISTRIBUCIÓN DE ESPACIOS: TIENDA

TIENDA MOTIVARTE contenido

Como la empresa cuenta con pocos artistas, por lo pronto, se crea una Oferta y enlace a la página de la Tienda.
mini web aparte para vender los artículos (obras y artículos costumizados)
para afrontar los primeros pedidos, que contendrá: tipografía
* Título: FF Prater Block off Regular / Gris Medio.
* Fotografías del artículo (Visor de imágenes: JQuery Fancybox). * Encabezado 1: Ultra / 36 px / Blanco.
* Ficha del mismo: precio y características. * Encabezado 5: Neuton Regular / 26 px / Blanco.
* Visor del artículo (JqueryZoom). * Enlace Normal: Droid Sans / 12 px /Rojo Sobre etiqueta
* Formulario de pedido. Blanca: Transparencia 50 %.
Sobre: Droid Sans / 12 px / Gris Oscuro.
tecnología mini web
HTML / CSS / JAVASCRIPT. FONDO
Imagen césped.
USO CROMÁTICO
Igual que la web Motivarte. tecnología
HTML / CSS.
USO TIPOGRÁFICO
Igual que la web Motivarte.
DISTRIBUCIÓN DE ESPACIOS: BLOG

BLOG MOTIVARTE contenido

Será otra parte externa a la web, un Blog Wordpress personalizado, Noticias destacadas de Motivarte.
en el que el usuario tiene la opción de registraste para recibir las
actualizaciones y poder comentar. IMÁGENES
Una imagen por noticia / trazo 2 px Blanco.
VENTAJAS
* Gratuito. tipografía
* Fácil de Personalizar. * Título: FF Prater Block off Regular / Gris Medio.
* Fácil de Actualizar. * Encabezado 5: Neuton Regular / 26 px / Gris Medio.
* Enlace a Redes Sociales. * Enlace Normal: Droid Sans / 12 px /Rojo Sobre etiqueta
* Vídeos. Blanca: Transparencia 50 %.
* Imágenes. Sobre: Droid Sans / 12 px / Gris Oscuro.
* Registro de Usuarios.
tecnología
USO CROMÁTICO HTML / CSS.
Igual que la web Motivarte.

USO TIPOGRÁFICO
Igual que la web Motivarte.
DISTRIBUCIÓN DE ESPACIOS: CONTACTO

contenido JQuERY FANCYBOX

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).
* Encabezado 5: Neuton / 26 px / Rojo.
* Párrafo: Droid Sans / 12 px / Gris Medio.
* Cerrar: Droid Sans / 12 px / Gris Medio.

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.

tecnología
HTML / CSS / JAVASCRIPT.
DISTRIBUCIÓN DE ESPACIOS: REVISTA

PAPEL DE ESTRAZA contenido

Portada para presentar el último número de papel de ESTRAZA, esta Noticias destacadas de Motivarte.
página enlaza a la página de la revista.
tipografía
tecnología mini web * Título: FF Prater Block off Regular / Gris Medio.
HTML / CSS. * Encabezado 1: Ultra / 36 px / Verde.
* Encabezado 5: Neuton Regular / 26 px / Blanco.
USO CROMÁTICO * Enlace Normal: Droid Sans / 12 px /Rojo Sobre etiqueta
Igual que la web Motivarte. Blanca: Transparencia 50 %.
Sobre: Droid Sans / 12 px / Gris Oscuro.
USO TIPOGRÁFICO
Igual que la web Motivarte. FONDO
Papel de estaraza Rojo.

tecnología
HTML / CSS.