libro de estilos

PROYECTO

WEB
//libro de
estilos

Alejandra Lombardo
Estructura de la Web libro de estilos

La página web de ClackClackestará estructurada de forma que
tenga scroll horizontal.
Tedrá en la esquina superior izquierda de la página el logotipo, y a
su derecha un menú horizontal donde encontraremos las diferen-
tes secciones que va a tener la web. Dentro de estas categorias,
hay diferentes niveles de jerarquización.
En el menú principal tendremos:
-Catálogo.
.Colecciones(galería de imágenes de las diferentes
campañas publicitarias sobre las colecciones. Al hacer click sobre
los zapatos de las imágenes, nos llevará directamente a la tienda
virtual, en una nueva pestaña.)
-Diario pasar de una página a otra e ir viendo los contenidos (ej.tendencias), y por
-Fiesta
-Novias
.Catálogo descargable en pdf
-Blog (hecho en worpress, donde los usuarios podrán compartir
sus experiencias y comentar sobre moda y actualidad. También se abriran
hilos como ¨buscamos eslogan para ClackClack¨, y temas similares para
que los usuarios sientan que forman parte de la empresa)
-Contacto (formulario básico para enviar Newsletter a los usua-
rios)
-Acceso a redes sociales (Facebook, twitter, solo aparecerá el
logotipo)
Con esta estructura el objetivo que tiene la empresa es conseguir jerar-
quizar los contenidos de una forma clara y que el usuario llegue rápida-
mente a ellos. Por una parte tenemos una zona donde el usuario podrá
otra parte tendremos una zona donde el usuario podrá interactuar con la
página(ej. blog)

-Tienda Virtual.(hecha en prestashop, donde los artículos

que vende la empresa se verán de forma clara con su ficha técnica.
Al hacer click sobre ésta opción, se abrirá en una nueva pestaña
del navegador)
-Tendencias.(donde se hará un repaso sobre la moda
actual, colores, tejidos...)
-Mundo ClackClack.(se mantendrá informados a los
usuarios sobre todo lo relacionado con novedades en la empresa,
como apertura de nuevas tiendas, fiestas en discotecas...)

Justo sobre el menú principal, tendremos un submenú con las

siguientes secciones:
-¿Quienes somos? (historia de la empresa, porqué y por
quien fué creada...)
-Tiendas (mapa para encontrar tu tienda, donde al
hacer click sobre la cuidad se abrirá una pestaña con datos como
dirección, número de teléfono...)
Punto Fuerte de la web libro de estilos

El punto fuerte que va a tener la web es la promoción de sus pro-

ductos de forma persuasiva, y por consiguiente aumentar las ventas
online.
En esta parte se utilizarán los colores corporativos, para potenciar
la imagen de la empresa.
Distribución de espacios libro de estilos

¿Cómo va a ser la Web?

La web de ClackClack va a tener un diseño de 3072 px de
ancho(1024x3) por 600 px de alto. Nos aseguramos de que la
web no tenga scroll vertical, pero sí horizontal, donde se distribui-
rán las secciones del menú principal.
Se utilizará la tecnología Javascript para movernos por la página y el
desarrollo de los menus y Flash para introducir alguna animación.

La página se va a dividir en módulos de 108 px de ancho por 75px

de alto, y con un medianil de 20 px entre cada módulo. Así obte-
nemos 24 módulos horizontales por 8 módulos verticales, para
plantear la retícula que va a tener la web.
Distribución de espacios libro de estilos
Uso del color libro de estilos

La web va a estar diseñada en clave baja(fondo blanco, o alguna A parte usaremos los siguientes colores para cada sección:
textura pero muy sutil)
Utilizaremos en gran parte los colores corporativos de la empre-
sa, para darle más identidad al sitio web. Cada sección será de un
color diferente, y dentro de cada una de ellas destacará ese color
mas los colores corporativos de la empresa(negro/rosa/blanco).

Colores corporativos:

R: 233 G:27 B:119

HEX: E91B77

R: 1 G:1 B:1
HEX: 010101

R:255 G:255 B:255

HEX: F5FFF1
libro de estilos
libro de estilos