• Author / Uploaded
• alejandra_lv

Citation preview

//briefing

PROYECTO

WEB

ClackClack shoes

//briefing

¿Porqué una web para ClackClack?

//briefing

En la actual era de la información y de tecnología, hay una aceleración del ritmo de trabajo y del estilo de vida. A todos nos gusta ser prácticos y obtener lo que queremos en el menor tiempo posible, y no es para menos cuando se trata de la información. Por ello es tan importante hacer una página web para ClackClack, y así poder mostrar esa información a sus clientes en el menor tiempo posible, mediante un medio rápido, barato e independiente. El sitio web le permitirá al cliente acceder a diferentes datos sobre la empresa y los productos, incluyendo imágenes, videos o descripciones.. También servirá para reforzar la imagen corporativa de la empresa. La web será creada para cumplir las siguientes funciones: Fidelización de clientes: mediante la página web, la empresa pretende que sus clientes formen parte del estílo de vida que representa ClackClack, manteniendo informados y actualizados a los usuarios en todo momento. La web servirá como herramienta para crear un espacio abierto en el que los usuarios podrán relacionarse entre sí y compartir sus experiencias, opiniones, fotografias...La empresa, de esta manera, conocerá mejor los gustos y preferencias de sus clientes. Captar nuevos clientes: otro fin de la web es dar a conocer a la empresa y sus productos, y así poder captar nuevos clientes. Un correcto posicionamiento y uso de internet provocará que nuevos usuarios se fijen en la empresa. Los nuevos usuarios lograrán contactar con la empresa desde la comodidad de su hogar o desde cualquier lugar del mundo en el que se encuentren. Por tanto, el objetivo de la empresa es crear una página web para captar nuevos clientes y fidelizarlos, y mantenerlos informados de forma fresca y renovada.

?

Análisis del sector ClackClack shoes es una empresa de caracter nacional. Encontramos empresas de su competencia que son nacionales o internacionales. Nos vamos a centar en investigar páginas web de diseñadores famosos de zapatos, ya sean españoles o de otro país, que tengan el mismo target que ClackClack.. También se analizarán otras empresas del sector aunque algunas no sean competencia directa de la empresa, aunque pronto lo serán. Empresas de zapatos de tacón: //Manolo Blahnik //Jimmy Choo //Louis Vuitton //Christian Louboutin Empresas relacionadas con el sector: //Christian Dior //Dolce & Gabbana // Victorio & Lucchino //Custo Barcelona //David Delfin

//briefing

Análisis del sector Empresas de zapatos de tacón: Manolo Blahnik: http://www.manoloblahnik.com/ Site Map: Home Biography The man The shoes Collection This season Stories Press News What´s new Where to buy Contacts

//briefing

Análisis del sector

//briefing

Empresas de zapatos de tacón: Manolo Blahnik: http://www.manoloblahnik.com/ Contenidos y servicios:

Publicidad:

Web del diseñador de zapatos de tacón. La web contiene una biografía del diseñador y otra de sus zapatos. Muestra sus distintas colecciones de zapatos, y portadas de revistas donde han salido. Noticias de actualidad sobre la marca, dónde están las tiendas, y un contacto. Hay poca cantidad de texto, y se estructura en columnas estrechas. La tipografía utilizada tiene un tamaño normal, y siempre aparece en color blanco.

No aparece ningun banner de publicidad en toda la web.

Jerarquia: La web cuenta con un menú lateral en la parte izquierda de la pantalla como sistema de navegación, y en la parte derecha se encuentran los contenidos desarrollados. Es una web diseñada para navegar por ella sin el uso del scroll lateral..

Uso del color: El color que más predomina es el gris, ya que ocupa todo el fondo de la página web, y el blanco, pues es el color de la tipografía. En la sección de collection, llama la atención el uso de los colores saturados de los zapatos, que contrastan mucho con la apariencia fría y seria que tiene toda la web.

¿Para quién va dirigida? Principalmente a su público más clásico, glamusoro y fiel.

Conclusiones: Es una web que funciona, técnicamente es efectiva y no aparecen dudas en su navegación. Es una web clara y limpia, no hay saturación de elementos gráficos, quizás demasiada poca saturación. Busca a un target clásico, por el uso de sus colores corporativos en la web.

Análisis del sector Empresas de zapatos de tacón: Jimmy Choo: http://www.jimmychoo.com/ Site Map: Home Collections Spring/summer 11 Choo 24:7 bags Cruise 11 Choo 24:7 Choo 24:7 bags SS 11 Cruise 11 Choo 24:7 Hunter Ugg Mens Fragance Shoes Handbags Accesories Sale Choo Connection Fuera del menú, encontramos otros servicios como: Buscador / Iniciar sesión / Registrarse/ Encuentra la boutique/ Contacto/ Terminos Legales/ Cesta de la compra.

//briefing

Análisis del sector

//briefing

Empresas de zapatos de tacón: Jimmy Choo: http://www.jimmychoo.com/ Contenidos y servicios:

Uso del color:

Web del diseñador de zapatos de tacón. La web contiene mucha información, como todas sus colecciones de zapatos, bolsos, complementos, colonias.. Contiene una tienda virtual, donde comprar cualquier producto de los que nos ofrecen. También dispone de un acceso identificado para iniciar sesión, y así pertenecer a la zona ¨vip¨ de la página web, y de un buscador de contenidos. Hay mucha cantidad de información, aunque está bien estructurada El texto se encuentra centrado siempre que aparece. La tipografía utilizada tiene un tamaño normal, y siempre aparece en color negro o en el gris corporativo.

Los colores que predominan en la web son el blanco, el negro y el beige, que son los tres colores corpotativos de la empresa. El uso del color es muy importante en las fotografías de la web, son colores contrastados que hacen llamadas de atención sobre los productos. Es una página web cálida.

Jerarquia:

¿Para quién va dirigida?

En primer lugar, la web cuenta con una cabecera en la parte superior con el logotipo de la empresa. Debajo, cuenta con un menú superior, donde pinchando en cada sección se desarrollan los contenidos ocupando toda la página. También dispone de un footer en la parte inferior.

Principalmente a su público objetivo, chicas jóvenes y modernas, un tanto atrevidas.

La home no tiene scroll lateral, pero al entrar en cada una de sus secciones si lo encontramos, aunque no es muy extenso.

Publicidad: Aparece un sólo banner de publicidad en la página web de la própia empresa, y está situado en la parte inferior de la web, a modo de faldón. Sólo aparece en la home.

Conclusiones: Dado su público objetivo, pienso que es una web cláramente hecha para ellas, donde forman una comunidad, se puede comprar on-line y las mantiene informadas y a la última.

Análisis del sector Empresas de zapatos de tacón: Louis Vuitton: http://www.louisvuitton.com/ Site Map:

Home El universo de Louis Vuitton Tiendas Personalización E- Shopping

Fuera del menú, encontramos otros servicios como: Buscador / Su cuenta / Boletín electrónico/ Contacto/ Carreras profesionales/ Avisos legales/ Condiciones generales/ Mapa del sitio web/ Preguntas/ Medio Ambiente

//briefing

Análisis del sector

//briefing

Empresas de zapatos de tacón: Louis Vuitton: http://www.louisvuitton.com/ Contenidos y servicios: Web del diseñador de zapatos de tacón. Disponible en varios idiomas, elegimos uno que nos lleva a la home. La web contiene mucha información, como todas sus colecciones de zapatos, bolsos, complementos... Contiene una tienda virtual, donde comprar cualquier producto de los que nos ofrecen atraves de un registro de datos. También dispone de un acceso identificado para iniciar sesión, y así pertenecer a la zona ¨vip¨ de la página web, y de un buscador de contenidos. Hay un menú que pinchando sobre el nos lleva a una página donde el diseñador colabora con sus diseños con el medio ambiente. Esta página contiene sonido y animaciones flash. Hay mucha cantidad de información, aunque está bien estructurada. Más importancia a las imágenes que a los textos. No tiene scroll. Sí tiene música. Uso de Flash para animaciones en fotografías y menus. Uso de elementos gráficos corporativos de la empresa, como por ejemplo para el cursor cuando está cargando.

Jerarquia: La web se encuentra enmarcada dentro de un marco negro. En la parte superior izquierda, se encuentra el logotipo de la empresa. A su derecha, un pequeño menú. Debajo, está el top menú horizontal, y el buscador en la parte derecha.

En el resto de la página se situan los contenidos. También dispone de un footer en la parte inferior.

Uso del color: Diferenciación del menú por colores corporativos. Dependiendo de donde situemos el cursor, aparecerá de un color que se repetirá en el desarrollo de la sección. Los colores que predominan en la web son el blanco y el negro, que son los colores corpotativos de la empresa. Las fotografías están muy bien tratadas, y sus colores también.

Publicidad: No contiene publicidad de otras empresas ni de la misma.

¿Para quién va dirigida? Principalmente a su público objetivo, mujeres interesadas por la moda. El usuario puede interactuar con la web.

Conclusiones: Me parece una web muy interesante, ya que se hacerca a la estética de ClackClack y utiliza recursos diferentes otras páginas web de la competencia. Hace un buen uso de los espacios en blanco.

Análisis del sector Empresas de zapatos de tacón: Christian Louboutin:

http://www.christianlouboutin.com/

Site Map:

Home Louboutin world The collection Store locator Online shopping Loubi Blog&gossip The Louboutin times

Fuera del menú, encontramos otros servicios como: Find a boutique/ Where do i repair my Louboutins?/ Contact us/ Terms of use/

//briefing

Análisis del sector Empresas de zapatos de tacón: Christian Louboutin:

http://www.christianlouboutin.com/

Contenidos y servicios:

//briefing También aparece un cronómetro de cuantos dias quedan para que salga la nueva colección de invierno.Debajo, está el top menú horizontal. En el resto de la página se situan los contenidos. También dispone de un footer en la parte inferior.

Web del diseñador de zapatos de tacón. Disponible solo en inglés. La web contiene mucha información, como una parte donde habla solo del diseñador, otra de sus colecciones... Contiene una tienda virtual, donde comprar cualquier producto de los que nos ofrecen atraves de un registro de datos. También dispone de un acceso identificado. Me parece interesante la idea de hacer un periódico llamado The Louboutin Times, de 4 páginas, donde hace un repaso general sobre famosos, diseños...También contiene un blog. Esta página contiene sonido, que por cierto es muy incómodo y un abuso de las animaciones flash. Aparecen animaciones por toda la página, incluso al cliquear sobre alguna categoría del menú se mueven unos zapatos para llegar hasta él. No hay mucha cantidad de información. No dispone de scroll lateral ni horizontal.

Uso del color:

Jerarquia:

Conclusiones:

La web se encuentra enmarcada dentro de un marco rojo. En la parte superior se encuentra la cabezera, compuesta por el lgotipo de la empresa en la parte izquierda, y a su derecha un menú que hace referencia al blog, el periódico, mi cuenta y las tiendas.

Me parece una web cargada de animaciones flash, que entorpece y cansa al usuario. El sonido que utilizan es molesto y repetitivo. Pero me parece muy interesante lo del periódico, y que es la primera web de un diseñador que he visitado que contenga blog.

Diferenciación del menú por colores rojo y blanco. Los colores que predominan en la web son el negroy el rojo, que son los colores corpotativos de la empresa. Las fotografías son animaciones flash, donde aparece una feria de colores.

Publicidad: No contiene publicidad de otras empresas ni de la misma.

¿Para quién va dirigida? Principalmente a su público objetivo, y sobretodo con su público más joven. El usuario puede interactuar con la web a través del blog, la tienda...

Análisis del sector Empresas relacionadas con el sector: Christian Dior: http://www.dior.com/ Site Map: Home Pret-a-porter Colecciones Bolsos Calzado Marroquinería Accesorios Relojes Joyería Dior phone Baby Dior Ayuda y consejos Tiendas Contacto Newsletter Los universos dior Fuera del menú, encontramos otros servicios como: Los universos dior/ Política de privacidad/ Buscador/ Cesta de la compra.

//briefing

Análisis del sector

//briefing

Empresas relacionadas con el sector: Christian Dior: http://www.dior.com/

Contenidos y servicios: Web de la multinacional. Disponible en diferentes idiomas. En el index, podemos elegir entre moda y accesorios, perfumería y belleza, joyería y relojería. Para el análisis de la web, se analizará moda y accesorios. La web contiene mucha información muy bien estructurada por diferentes submenús. Contiene una tienda virtual, donde comprar cualquier producto de los que nos ofrecen atraves de un registro de datos. También dispone de un buscador. Uso de animaciones flash pero de manera responsable.

Jerarquia: La web contiene a su izquierda una columna con el logotipo de la empresa en la parte superior, y el menú lateral. En la parte superior derecha se encuentra el buscador y la cesta de la compra. El resto de la página está compuesto por los contenidos.

Uso del color: La home es de color negro con algunos matices en azul, utilizando el color blanco para tipografías, logotipos y demás elementos gráficos.

Al acceder a alguna categoría del menú, cambian los colores por completo, siendo el blanco en gran predominante y el color negro para la tipografía. Da una apariencia limpia, y buen uso de los contragrafismos.

Publicidad: No contiene publicidad de otras empresas ni de la misma.

¿Para quién va dirigida? Principalmente a su público objetivo, usuarios serios y convencionales.. El usuario puede interactuar con la web a través de la tienda, lasúltimas noticias...

Conclusiones: Es una página web muy limpia donde el diseño está muy cuidado, lo cual está bien logrado porque saben transmitir a través de su web los valores que reflejan la marca. Me parece interesante el salto de color de la home a las categrorías del menú, ya que la hace más dinámica y han sabido lograr que siempre parezca que seguimos en la misma página web.

Análisis del sector Empresas relacionadas con el sector: Dolce & Gabbana:

http://www.dolcegabbana.es/ Site Map: Home Pret-a-porter Colecciones Bolsos Calzado Marroquinería Accesorios Relojes Joyería Dior phone Baby Dior Ayuda y consejos Tiendas Contacto Newsletter Los universos dior Fuera del menú, encontramos otros servicios como: Los universos dior/ Política de privacidad/ Buscador/ Cesta de la compra.

//briefing

Análisis del sector Empresas relacionadas con el sector: Dolce & Gabbana:

http://www.dolcegabbana.es/

Site map

//briefing

Análisis del sector Empresas relacionadas con el sector: Dolce & Gabbana:

//briefing sesión y unirte al club. El resto de la página está compuesto por los contenidos., donde se jerarquizan por el tamaño que ocupen en la página, siendo los más grandes los más importantes.

http://www.dolcegabbana.es/

Uso del color:

Contenidos y servicios:

La home es de color negro, utilizando el color blanco para tipografías, logotipos y demás elementos gráficos. como los filetes que separan los contenidos

Web de la marca, donde engloba todo el mundo que forma D&G. Disponible en diferentes idiomas. Cuenta con acceso a redes sociales, donde la marca participa activamente en ellas. Es una página web cargada de información, donde se utiliza el flash para cambiar algunas imágenes. El uso de las animaciones flash apenas se aprecia, se hace de manera muy suave. Pese a tanta información, está bien estructurada, el usuario no se pierde por los contenidos. También contiene una tienda virtual. Tiene scroll lateral y horizontal. La home contiene un vídeo que nos lleva directamente a youtube. También hay una sección que nos lleva, al igual que la página de Manolo Blahnik, a las portadas de la revista Vogue donde D&G a participado.

Jerarquia: La web contiene la cabecera, compuesta por el logotipo de la empresa en la parte izquierda superior. A continuación en la parte de abajo de la cabecera, aparece un menú compuesto por los cinco grandes bloques en que se divide la página. También aparecen en este menú los iconos de las redes sociales.En la parte derecha de la cabecera, aparece una opción para cambiar el idioma, iniciar

Publicidad: La publicidad que aparece son los logotipos de las redes sociales y de youtube, pero aparecen de una manera muy sutil.

¿Para quién va dirigida? Principalmente a su público objetivo, usuarios jóvenes y de clase social alta. El usuario puede interactuar con la web a través de la tienda, las redes sociales...

Conclusiones:

Es una página web dinámica, donde el diseño está muy cuidado, pero a la vez es rompedora con las demás webs de la competencia, lo cual está bien porque saben transmitir a través de su web los valores que reflejan la marca. Es la web más diferente que he analizado, por la distribución de sus elementos de forma reticular. Me parece interesante el recurso de participar en redes sociales, ya que las anteriores páginas web analizadas ninguna tiene este complemeto. También es la primera que me he encontrado que tenga en la home un video. Algo que no me gusta, es que en la home cuando quieres entrar en alguna caregoría se abre una ventana nueva.

Análisis del sector

//briefing

Conclusiones de la indagación: Utilización de marcos, para encuadrar la página web. El logotipo siempre aparece en la parte superior derecha de la página web, normalmente aparece en sus colores corpotarivos. Uso de elementos corporativos, como por ejemplo para las barras de cargando,o para flechas... También es importante el uso de colores corporativos en la web, tanto para el fondo de la home como para diferenciar contenidos en los menús. Casi todas tienen en común un buscador de contenidos dentro de la web, ya que contienen mucha información. Es raro que tengan scroll lateral, la mayoría procuran buscar otras soluciones diferentes. Todas tienen en común un elemento, el footer. También es importante el uso de animaciones flash, pero de forma responsable y no abusando mucho de este recurso.

Me parece raro que solo una página web de las analizadas tengan acceso directo y participe en redes sociales. Es común en casi todas una tienda virtual, acceso identificado y catálogo de productos de la empresa.

Posicionamiento de la web

//briefing

Público objetivo

//briefing

Necesidades de la empresa vs necesidades del usuario

//briefing