You are on page 1of 41

BRIEFING

WEB para Sensuelle

Irene Ventura-Lucena Sancho


2ºB
BRIEFING WEB
CLIENTE > la empresa
Sensuelle es una empresa de-
dicada a la ropa interior feme-
nina, cuyo nivel económico es
elevado, se caracteriza por la
alta calidad de sus productos
y sobre todo su elegancia y
glamour.

-Exclusividad
-Calidad
-Valor económico

La empresa se situa en un
nivel alto, no es una marca al ropa in te ri or femenina
alcanze de qualquier persona
con una economía de nivel
medio.
Se trata de una empresa con
protagonismo principalmente
internacional.
En ámbito nacional la pode-
mos encontrar en la capital y
Barcelona.
BRIEFING WEB
CLIENTE > target
El público de la empresa son
mujeres de edad comprendida
entre los 24 y 45 años, de alto
nivel economico, con gusto
por la moda y la elegancia.

Mujeres dispuestas a gastar su


dinero en un producto intimo
de alta calidad, en el que prima
la elegancia, sin preocuparse
por el precio.
Activas en la vida laboral de
grandes ciudades.

Mujeres que han alcanzado el


éxito gracias a su esfuerzo:
abogadas, empresarias, escri-
toras...
o con algún don acompañado
de suerte:
cantantes, actrices o modelos... -aficionadas a la moda
-con trabajo estable
-reconocidas por su oficio
-inquietas
- vida sexual activa
-entrevistas profesionales
-opinión con valor e interés
BRIEFING WEB
CLIENTE > ¿por qué una web?
Una web es de vital importan-
cia para una empresa, internet refuerza la imagen de mantiene contacto
la empresa Una web con los clientes
es el medio de comunicación
mas usado hoy en día, y en él
podemos encontrar todo lo
que necesitemos. Amplia el target, capta expansión de mercado
nuevos clientes
Tener una propia web equiva-
le a darse a conocer mun-
dialmente y mantener contac-
to con los clientes. promociona la empresa negocio abierto 24h

-Quien no tiene web no está en


el mercado ventajas clientes VIP TIENDA ONLINE

-Estar en internet ya no es una


opción, es una necesidad.
un único catálogo para
VENDER todos

Intensifica la difusión de la empresa Punto de venta mundial


BRIEFING WEB
CLIENTE > target como usuario
Leyendo en internet y buscan-
do entrevistas encontramos
que las principales clientas
“referentes” afirman que sus
páginas más visitadas son las
redes sociales como twiter o
facebook, en las que hablan de
su trabajo y se promocionan a
si mismas.
Qué otras cosas hacen en la
red:
-Hacer la compra
-Estar siempre actualizado
-Noticias
-E-mail
-Novedades musicales
-Seguimiento de directores de
cine y actores, quieren ser las
primeras en saber si surgen nue-
vos proyectos
-Estar al día de las vanguardias
en moda
-Política
-Arte
-Teatro
-Siguen a diseñadores de joyas.
BRIEFING WEB
COMPETENCIA > 1ª investigación
Competencia directa de la
empresa:

En el sector del producto la


empresa cuenta con varias
empresas competidoras

-La Perla
-Victoria´s Secrets
-Nicole de Carle
-Les Jupons de Tess
-Armani
-Maison Closé
BRIEFING WEB
COMPETENCIA > 1ª investigación
VICTORIA’S SECRETS

Secciones:
-brasieres
-panties
-ropa de dormir home
-ropa
-calzado
-nadar
-belleza
-ofertas y especiales
-PINK
-lo nuevo indicador de sección primero publicidad
de marca
Estructura:

-Centrada.
-Cabecera en blanco con el
logotipo ala izquierda, campo
de búsqueda, ingresar, cuenta,
email, bolsa de compra.
-Menú superior rosa ocupando
el ancho de página.
-2 columnas verticales; estre-
cha para submenú y resto para
el contenido.
-Footer y menú inferior.


http://espanol.victoriassecret.com/
BRIEFING WEB
COMPETENCIA > 1ª investigación
VICTORIA’S SECRETS

Navegación:

Botones del menú superior,


submenú, menú inferior, pase
de páginas mediante flechas,
clickando en fotos.

Tipografía:

-Palo seco para texto base


-Mayúscula light para títulos
-Romana para el nombre de la
1º lista de productos
colección y publicidad.

Color: 2º ficha técnica del producto

Predomina el rosa pastel y el


blanco. Cambio de retícula a dos estrechas
y una ancha en el centro (sección lo
Venta del producto: nuevo)

1º ofrece una galeria de fotos


en columnas horizontales, en todas las secciones
2º una vez que seleccionas una
foto pasa a una descripcion
específica del producto.
BRIEFING WEB
COMPETENCIA > 1ª investigación

GOOD:

-Fácil navegación, intuitiva


-Buena exposición del producto
-Limpia
-Facilidad para comprar
-Deja al usuario interactuar haciendo pruebas cambiando el color y estampados del pro-
ducto.

BAD:

-Submenú demasiado largo


-Nombres un poco ridículos en subsecciones
-Demasiada publicidad anteponiéndose a la búsqueda del producto
BRIEFING WEB
COMPETENCIA > 1ª investigación
LA PERLA

Secciones: interactuar con el usuario, por


eso la mayoría de secciones no
-novedades tienen una reticula clara sino
-marcas que utiliza imagenes y botones
-P/V 2011 emergentes principalmente.
-basics -En el catálogo utiliza dos blo-
moda baño ques verticales, uno para una
-noche fotografía hasta abajo y otro
-hombre de dos columnas para la infor-
-outlet mación.
-En novedades y eventos: 2
Menú de empresa: columnas, una mas ancha con
-El mundo La Perla scroll para la información y
-Registro una estrecha para acceder por
-Imágenes de campaña fecha al contenido.

Estructura:

-Centrada con fondo negro


-Cabecera arriba con dos me-
nús, buscador y logotipo a la
izquierda.
-Seguidamente una foto de
fondo ocupando el resto de
zona vertical de la web y foo-
ter al final.
-La página utiliza flash para http://www.laperla.com/es-es/
BRIEFING WEB
LA PERLA

Navegación:

-Menú superior desplegable,


cajas flotantes en flash para
submenús.
-Pase de imágenes y páginas
mediante flecha.
-Breadcrumbs
-Pasando el ratón solo se ilu-
mina el apartado a seleccionar.

Tipografía:

-Palo seco para el cuerpo de


texto y menú
-Títulos en palo seco light en
mayúscula.

Color:

Negro y un degradado de gris


a negro, más imágenes a color. Pase de diapositivas con movimiento
Texto en blanco.

Multimedia:
La sección “el mundo La Perla”
ofrece reportajes en vídeo y
se abre mas a los efectos en Galería de vídeos, se reproducen
flash. pasando el cursor
BRIEFING WEB
COMPETENCIA > 1ª investigación
LA PERLA

Venta del producto:

-1º catálogo en filas, con pase


de página.
-Puedes elegir orden por talla,
color, estilo, nombre, precio y
categoría.
-2º breve descripción del
producto pasando el cursor
encima.
-3º pinchando en el producto
se abre la ficha técnina con
una foto de cuerpo entero de
la modelo con el producto.
BRIEFING WEB
COMPETENCIA > 1ª investigación

GOOD:

-Buena exposición del producto, puedes elegir vista desde atras, zoom y frente
-Elegante
-Acorde con la empresa
-Deja al usuario interactuar haciendo pruebas cambiando el color y estampados del pro-
ducto.
-Importancia por la éstetica
-Estructuración de la web en dos grandes bloques, uno enfocado al producto y otro a la
empresa en sí, su historia en el mercado, novedades, eventos de la empresa, etc.
-Inclusión de vídeos y galería de imágenes.
-No hay publicidad

BAD:

-Complejidad en la navegación, fácil pérdida.


-Dificultad para volver atrás.
-Demasiado uso del negro
-Pocos recursos para indicar el marcador de sección
-No destacan contenidos, todos al mismo nivel.
BRIEFING WEB
COMPETENCIA > 1ª investigación
NICHOLE DE CARLE (página
sólo en inglés)

Secciones:
marco de la pagina, creando un
-home scroll dentro del cuadro.
-exclusive -Los artículos son la única
-collection sección en la que el cuadro
-stockists(puntos de venta) contenedor se adapta al con-
-wholesale(venta al pormayor) tenido
-shop -Galería y tienda en filas de
-about módulos cuadrados y texto
-press(prensa) abajo.
-diary(agenda)
-gallery
-film

Estructura:

-Centrada en un rectángulo
fijo sin scroll.
-Toda la información queda en
el rectángulo.
-Logotipo arriba, imagen de
campaña y menú abajo.
-En agenda: 3 columnas, una
para submenú ala izquierda,
y dos para el contenido del
reportaje.Siempre dentro del

http://www.nicholedecarle.com/
BRIEFING WEB
COMPETENCIA > 1ª investigación
NICHOLE DE CARLE

Venta del producto:

-1º catálogo en una fila, clasi-


ficado por producto, modula-
ción cuadrada con nombre y
precio debajo de la foto.
-2ºCuando pinchamos en ella
se abre la ficha técnica.
-3º debajo de la foto aparecen
miniaturas del producto sin
modelo, si la seleccionamos se
abre una ventana emergente.
BRIEFING WEB
COMPETENCIA > 1ª investigación

GOOD:

-Imágenes potentes
-Sección de agenda
-Posibilidad de comentar

BAD:

-Sólo versión inglesa


-Cuadro delimitador para todas las secciones
-Imágenes no clickeables
-Ventanas emergentes.
-No permite interactuar eligiendo el color de las prendas
-Se desmonta la maquetación al pinchar en los artículos de agenda
-Pierde confianza, no mantiene relación con la calidad de los productos.
BRIEFING WEB
COMPETENCIA > 1ª investigación
EMPORIO ARMANI

Secciones: Tipografía:

-hombre/mujer -Palo seco para cuerpo de


-ropa texto y menú
-homepage -Palo seco light para nombre
-accesorios de sección
-fashion show
-reebok

Estructura: Color:
Página principal en la que se nombra las variantes de la
-Centrada con fondo blanco. Clave alta marca para llevarnos a la web específica de cada una.
-Cabecera con logotipo arriba. Texto base en negro
-Menú debajo ocupando el Menú, submenú y nombre de
ancho. sección en gris claro.
-Menú desplegable
-3 columnas, se utiliza una para
un menú lateral a la izquierda y
dos para el artículo o las foto-
grafías.
-Para mostrar el producto
ocupa todo el ancho las foto-
grafias de productos con un
scroll lateral

Home de Emporio Armani


BRIEFING WEB
COMPETENCIA > 1ª investigación
EMPORIO ARMANI

Venta del producto: Modo slideshow


-1º catálogo en una fila, clasifi-
cado por producto, se mues-
tran las prendas en un pase
de diapositivas lateral, que se
puede cambiar al modo cua-
drícula.

-2ºCuando pinchamos en una


de las fotografía, el contenido
se divide en 3 columnas, con Modo cuadrícula
la ficha técnica, el producto
en el centro y una columna
aconsejando productos para
combinar.

Detalles del producto


BRIEFING WEB
COMPETENCIA > 1ª investigación
CALVIN KLEIN underwear

Secciones: -Palo seco regular para cuerpo


de texo
-women
-men Color:
-sale
-CKU -Clave alta
subsecciones: -Franja negra superior y resto
-comprar por estilo en blanco
-comprar por colección -Tipografía en negro y en azul
-comprar por nivel de cober- la sección seleccionada.
tura Home
-comprar por mas vendidos

Estructura:

-Centrada
-Logotipo arriba, secciones
debajo, menú lateral a la izq.
-3 columnas: una para el menú
lateral, dos para contenido.

Tipografía:

-Palo seco mayúscula para


menú superior
-Palo seco bold para menú Videos
lateral.
BRIEFING WEB
COMPETENCIA > 1ª investigación
CALVIN KLEIN

Venta del producto:


Cuadrícula
-Eliges en el menú lateral
como ver los productos: por
estilo, colección, mas vendidos...

-2º vista en cuadrícula de las


fotografías en cuatro columnas

-3º pulsando en una de ellas


vemos una fotografía de cuer-
po entero con la ficha técnica
del producto. Ficha técnica

Distintas posibilidades de ver los productos


BRIEFING WEB
COMPETENCIA > 1ª investigación

GOOD:

-Diferente forma de catalogar los productos: por colección, por nivel de cobertura, por
estilo y por más vendidos.
-Sección para vídeos.

BAD:

-Poca variación tipográfica


-Poca relación con la imagen de marca
-No hay estrategia de color
-Poco contenido.
BRIEFING WEB
OTROS SECTORES > 2ª investigación
OTROS SECTORES

Analizo otras empresas de


diferente sector pero con el
mismo target, otro tipo de
productos que las clientas
siguen.
Calzado, joyas, ropa etc.
Marcas de alto nivel económi-
co reconocidas por la calidad y
lujo de sus productos.
Analizándolas a nivel estético
sin profundizar en las secciones
ya que no comparten servicios
en común con Sensuelle.
Sobre todo interesándonos en
el catálogo de productos.
Tambíen analizaré la página de
una tienda que vende las mar-
cas de la competencia.
BRIEFING WEB
OTROS SECTORES > 2ª investigación
LINGERIE SHOWROOM

Estructura:

Centrada sobre fondo negro,


logotipo, menú superior, ima-
gen ocupando el ancho se-
guida de unos breves en tres
columnas.
Menú despegable.
La estructura cambia según la
sección de manera irregular.

Color:

Clave baja, negro


Tipografías en blanco

Multimedia:
No

Mucho contenido
Navegación fácil, buena organización del menú
No tiene tienda
Alterna demasiado la disposición del contenido
BRIEFING WEB
OTROS SECTORES > 2ª investigación
LACOSTE

Catálogo:

Los productos se muestran


mediante vídeos, con los mo-
delos desfilando delante de la
cámara.
Tú clickeas sobre la que te
interese y vuelve a desfilar
mostrando la ropa, con un
recuadro a la izquierda con la
información del producto con
la opción de ocultarlo o mos-
trarlo.

Color:

Clave alta, blanco. Tipografía en


negro.
Agradable muestra del producto
Estructura: Simplicidad.
Ocupando todo el espacio del
Poca información del producto
navegador, sin scroll.
No tiene tienda
BRIEFING WEB
OTROS SECTORES > 2ª investigación
FENDI

Estructura:

fondo con imágenes flotando y


menú horizontal abajo.
El home es una animación con
el logotipo y un menú en el
centro flotando que se mueve
según el cursor.

Color:
Clave baja, gris y negro
Tipografía en blanco y amarillo
(color corporativo)

Catálogo:
Fondo gris con las imágenes
flotando y movindose el con-
tendor con el raton.
Seleccionamos una y se amplia
con la información a la dere-
cha en un cuadro negro.

Original, simple y clara


Buena muestra del producto e interactiva

No hay información del producto


No tiene tienda
BRIEFING WEB
OTROS SECTORES > 2ª investigación
GUCCI

Estructura:

Logotipo con menú superior


arriba seguido de un fondo
simulando un escenario ocu-
pando todo el ancho del vane-
gador sin scroll.
El home tiene una columna
derecha para tres enlaces a
secciones.

Color:
Fondo e interfaz en tonalida-
des doradas, footer imagen de
madera oscura.

Catálogo:
Pase horizontal de modelos
con el producto mediante fle-
chas o scroll interno. Pulsando
en una imagen se abre la ficha Muy elegante, home sencillo
técnica con la opcion de com- Interactiva, opción de compra.
pra.Podemos seguir pasando
imágenes con la ficha abierta. Vídeos
BRIEFING WEB
OTROS SECTORES > 2ª investigación
BULGARI

Estructura:
Centrada con fondo degrada-
do. Logotipo, menú superior
sobre imagen, descripcion de
la sección a la izquierda y atajo
con imágenes a 4 productos.,
abajo el footer.

Color:
El color de fondo cambia se-
gún las secciones , algunas en
clave alta y otras en clave baja,
aunque la mayoría son con el
fondo dorado o plateado y la
interfaz en negro.

Catálogo:
Primero nos muestra una Elegante, fácil navegación, imágenes con
cuadrícula con los productos alta calidad de visualización para el zoom
en dos columnas, con un menú Diferentes opciones de catalogar los
lateral con baja opacidad a la productos.
izquierda que podemos mo-
verlo donde queramos si nos Variación cromática de las secciones y
molesta. Eligiendo una imagen subsecciones de manera gratuita.
se abre la ficha técnica más la Diferente manera de mostrar el produc-
opción de zoom con alta cali- to según la sección. No hay relación
dad.
BRIEFING WEB
OTROS SECTORES > 2ª investigación
CHOPARD

Estructura:
Imagen ocupando el ancho del
navegador con el logotipo arri-
ba centrado, un menú lateral
en vertical ocupando el alto de
la fotografía desplegable con
imágenes, abajo menú inferior
con las secciones y un pase
horizontal de atajos con más
fotografías.

Color:
Clave baja, en negro, la interfaz
y el fondo.

Catálogo:
Cambia la estructura de la
página, apareciendo un menú Estructura diferente, menú lateral intere-
superior. Primero una vista con sa por la originalidad y el movimiento.
pase horizontal de los produc-
tos en blanco, al seleccionar
uno se abre la información con
distintas fotos del producto y Navegación un poco compleja, cambio
zoom, el fondo cambia a negro. de estructura y posición del menú en
No hay precio ni opción a secciones. Si buscas un producto especí-
compra. fico es difícil llegar hasta él.
BRIEFING WEB
OTROS SECTORES > 2ª investigación
LOUIS VUITTON (joyería)

Estructura:
Fondo en negro animado en
flash con estrellas que pasando
el cursor por encima muestran
las secciones unidas simulando
constelaciones con las subsec-
ciones.

Color:
Clave baja, en negro, cada
sección con un toque de color
diferenciador.

Catálogo:
Primero una breve animación
en la que las estrellas se reor-
ganizan y forman la silueta del
producto mientras la imagen la Muy elegante, original, buena exposición
va rellenando. del producto.
Una vez completa hace un
zoom y aparece la ficha técni-
ca en una columna a la izquier- Tiempo de carga
da, debajo un acceso a otros Salto a pantalla completa
productos. Aveces falla
No hay opción de compra. Menú poco visible.
BRIEFING WEB

Lingerie Showroom
Les Jupons de Tess
Nichole de Carle
Victoria’s Secrets

Emporio Armani

Louis Vuitton
Calvin Klein

Sensuelle
Chopard
La Perla

Lacoste

Bulgari
Gucci
Fendi
Catálogo 4 4 4 4 4 4 4 4 4 4 4 4 4

Galería imágenes 4 4 4 4 4 4 4
Vídeos 4 4 4 4
Noticias/eventos 4 4 4 4 4 4 4 4
Publicidad 4 4 4 4
Historia 4 4 4 4 4 4 4 4
Tienda 4 4 4 4 4 4 4
Registro 4 4 4 4 4 4 4 4
Clave de color alta baja alta baja alta alta baja alta baja baja baja baja baja baja
Prensa 4 4 4
BRIEFING WEB
CONCLUSIONES
COMPETENCIA DIRECTA OTROS SECTORES/CATÁLOGOS

-Estructura centrada -Ocupan el ancho del navegador O RANKING


-Mayoría sin scroll vertical -Mayoría sin scroll vertical
-Diseño poco interactivo -Pase de contenido horizontal
-Mayoría clave alta -Clave baja DISEÑO/ESTÉTICA
-Muestran el producto de -El protagonista es el producto
manera convencional. (La -Interactivas O LOUIS VUITTON
mayoría con una cuadrícula -Diseño más original
de imágenes) -Algunas con sonido O FENDI
-Menú menos convencional
Secciones en común: -Varias maneras de catalogar los O LA PERLA
Novedades, historia, colec- productos
ción, prensa, galería, contacto. -Diferentes puntos de vista
-Mayor sensación de lujo/elegancia. FUNCIONALIDAD/CONTENIDO
Algunas se dividen en dos
partes desarrollando la sec- O LA PERLA
ción de historia, dandóle
importancia animándola con O BULGARI
vídeos y multimedia.
O EMPORIO ARMANI
BRIEFING WEB
POSICIONAMIENTO
¿Qué ofrecerá la web?

Sensuelle tiene como objeti- La web ofrecerá contenidos


vo ser la empresa líder en el relacionados con el sector:
sector. eventos, novedades en moda
Sus ideales desde un princi- y actualidad en el mundo de
pio han sido caracterizarse belleza del target.
por el lujo y la elegancia, más Para crear confianza y acer-
la exclusividad de sus pro- camiento hacia el cliente se
ductos. Podemos decir que desarrollará un apartado
son los apellidos de la em- para la filosofía y trayectoria
presa. de la empresa al igual que las
Por eso debemos de cuidar empresas líderes de la com-
la éstetica de la marca para petencia.
no crear nunca sensación de
baja calidad o transmitir poca
profesionalidad en el sector.
La estrategia será seductiva.
Ya que la competencia peca
de estética pobre aunque las
fotografías sean muy poten-
tes.
El punto fuerte de la empre-
sa será el catálogo y la im-
portancia de los productos.
del BRIEFING
al LIBRO DE ESTILOS
1. ARQUITECTURA DE LA INFORMACIÓN

¿Qué busca el cliente en la web?

• Productos
• Información
• Contenido
• Vídeos
• Imágenes
• Catálogos
• Ventajas

¿Qué busca la empresa haciendo una web?

• Mostrar sus productos


• Vender
• Difusión de la marca
• Nuevos clientes
• Fidelizar clientes

Libro de
Proyecto WEB
Estilos
1. ARQUITECTURA DE LA INFORMACIÓN
Por tipo de usurario: Por tipo de contenido:
Nuevo Usuario: Productos:
1. conocer 1. galería de imágenes
2. ver productos 2. catálogo
3. saber quin es la empresa 3. ofertas
4. fotografías 4. puntos de venta
5. comprar
Empresa:
6. puntos de venta
1. quíenes somos
Usuario Habitual: 2. historia
1. contenido (noticias, eventos) 3. contacto
2. novedades
Actualidad:
3. ventajas
1. promociones
4. promociones
2. noticas/eventos
5. catálogo
3. próximos productos
6. comprar
4. colaboraciones
Cliente Revendedor:
Ranking de interés común:
1. catálogo Fidelizar clientes: Ver productos
2. quién es la empresa 1. ofertas/descuentos Conocer la empresa
3. contacto 2. invitaciones Promociones y novedades
4. comprar 3. Vip

Libro de
Proyecto WEB
Estilos
1. ARQUITECTURA DE LA INFORMACIÓN> niveles
CUMPLIENDO LOS OBJETIVOS
-Captar nuevos clientes, dar-
les a conocer la empresa y
los productos, a través de las
imágenes y el catálogo de la
sección colección

-Fidelizar clientes, actuali- HOME


zación de contenidos para
usuarios frecuentes, con la
parte de novedades y even- COLECCIÓN MUNDO SENSUELLE CONTACTO
tos dentro de la sección Mun-
do Sensuelle • imágenes • historia REGÍSTRATE
-Ventajas para clientas regis- catálogo • novedades y eventos
tradas/socias, con la intención
de conseguir más clientas ha- 3novedades
bituales, a través de las pro- 2eventos
mociones dentro de Mundo
Sensuelle • promociones
-Para informar a los distri-
buidores así como usuarios
que por primera vez visitan la
web, mostrar el recorrido o
el posicionamiento de la mar-
ca dentro del sector, estará
reflejado en la sección historia

Libro de
Proyecto WEB
Estilos
2.ASPECTOS COMPETITIVOS > punto fuerte

EXCLUSIVIDAD, contenido y tratamiento de la página


EXPOSICIÓN DEL PRODUCTO, diseño que guarde la identidad
ESTRATEGIA SEDUCTIVA, imágenes potentes y diseño cuidado

El punto fuerte de la web


será la sección del catálogo,
tendrá mayor protagonismo
y un diseño más interactivo,
ya que es el principal interés
del cliente. Se mostrará el
producto de forma original
alejándonos del diseño está-
tico en cuadrícula de algunas
empresas de la competencia.

Libro de
Proyecto WEB
Estilos
3.DISTRIBUCIÓN DE ESPACIOS

-Tipología:

Fluida
La web irá casi a pantalla
completa, por eso elegimos
una maquetación fluida para
que se adapte a la anchura
del navegador

-Estructura

Se diseñará en una dimen-


sión de 960x650px dividido
en 12 columnas de 60px
aunque luego se conviertan
en porcentajes

-Fondo: 600

Negro

960
Libro de
Proyecto WEB
Estilos
3.DISTRIBUCIÓN DE ESPACIOS > bocetos GUI

HOME

-Header estrecho con el


logotipo de la empresa y un
acceso en la esquina derecha
a contacto y a la sección de
registro.
-Abajo una imagen ocupan-
do todo el ancho con el
menú lateral encima.
-En la parte inferior 4 acce-
sos directos a distintas sec-
ciones.

Libro de
Proyecto WEB
Estilos
4.SISTEMA DE NAVEGACIÓN > bocetos GUI

HOME

-Los botones del menú se


alargan convirtiéndose en
imagen cuando pasa el cur-
sor por encima, al clickar
entramos en la sección.

-Los accesos directos apare-


cen desaturados y con baja
opacidad, al pasar el cursor
por cada uno aumenta la sa-
turación y aparece un texto
informativo

Libro de
Proyecto WEB
Estilos
4.SISTEMA DE NAVEGACIÓN > bocetos GUI

SUBMENÚ

-En spry, al pasar el cursor


sobre el nombre de la sec-
ción baja la opacidad del
botón, se mantiene igual si
entramos en esa sección.

NOVEDADES Y EVENTOS

-5 divisiones, 4 del mismo


tamaño y una mayor para la
noticia más importante.

-Cada cuadro será una ima-


gen desaturada con texto 1 2 3
encima que al clicklar se abre
la noticia desarrollada.
A esta información también
se accede directamente des- 4 5
de las miniaturas del home.

Libro de
Proyecto WEB
Estilos