Академический Документы
Профессиональный Документы
Культура Документы
-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.
-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:
Tipografía:
GOOD:
BAD:
Estructura:
Navegación:
Tipografía:
Color:
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
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:
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
GOOD:
-Imágenes potentes
-Sección de agenda
-Posibilidad de comentar
BAD:
Secciones: Tipografía:
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
Estructura:
-Centrada
-Logotipo arriba, secciones
debajo, menú lateral a la izq.
-3 columnas: una para el menú
lateral, dos para contenido.
Tipografía:
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:
Estructura:
Color:
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:
Color:
Estructura:
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.
Estructura:
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
• Productos
• Información
• Contenido
• Vídeos
• Imágenes
• Catálogos
• Ventajas
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
Libro de
Proyecto WEB
Estilos
2.ASPECTOS COMPETITIVOS > punto fuerte
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
-Fondo: 600
Negro
960
Libro de
Proyecto WEB
Estilos
3.DISTRIBUCIÓN DE ESPACIOS > bocetos GUI
HOME
Libro de
Proyecto WEB
Estilos
4.SISTEMA DE NAVEGACIÓN > bocetos GUI
HOME
Libro de
Proyecto WEB
Estilos
4.SISTEMA DE NAVEGACIÓN > bocetos GUI
SUBMENÚ
NOVEDADES Y EVENTOS
Libro de
Proyecto WEB
Estilos