19
Briefing proyecto web

briefing web

Embed Size (px)

DESCRIPTION

briefing web

Citation preview

Page 1: briefing web

Briefing proyecto web

Page 2: briefing web

¿Y para qué una web de Things?

Se propone hacer una web para la marca Things, pero entonces surge la cuestión:¿Para qué? ¿Que gana Things? ¿Y sus clientes? ¿Qué se pretende hacer?

Things, a pesar de ser una marca española, aspira por encima de todo llegar a ser una marca iternacional. Hay es dónde entra en juego la www:

- Se conseguirá llegar a muchas partes del mundo, mucho más de lo que se podría esperar si sólo se tiene una tienda física.

- Se puede vender directamente desde allí y recibir pedidos, de forma mucho más rápi-da que a base de ir a la tienda física.

- Promoción: Una marca con aspiraciones internacionales sin web no se le augura un gran futuro. Things necesita llegar a todo el mundo.

- Información para los clientes: Los clientes podrán estar al tanto de lo que se cue-ce en Things, y seguir los eventos que patrocine y los nuevos productos que van llegando a la marca.

. Comercio electrónico: Abrirá muchas pueras a Things.

- Fidelización e incluso descubrimiento de nuevos clientes.

Page 3: briefing web

¿Qué hace la competencia?

Analicemos pues el sector de Things. Esta marca es una marca de peluches y comple-mentos hechos a mano, y se vió que no había muchas marcas que se dedicaran a esto. No obstante, dentro de la web podemos encontrar competencia más o menos directa, y tras hacer una búsqueda de sus webs, se han clasificado en 5 clases:

- BLOGS: La mayoría de artesanos lo tienen como forma de promoción y puerta de acceso a sus pequeñas tiendas virtuales. cosasdechu.blogspot.com

- SITIOS WEBS “LUGARES DE ENCUENTRO“: Webs que ofrecen una tienda virtual a artesanos por pocas comisiones o incluso gratis. www.etsy.comwww.dawanda.com

- MARCAS: Marcas de peluches y muñecos, con su merchandising. www.stoksdidactic.comwww.sanrio.comwww.lahabitaciondenekane.com

- JUGUETES DE VINILO: Un gran mundo del cual existen muchos diseñadores. “Haz tu pro-pio muñeco“kidrobot.eumyplasticheart.com

- HECHO A MANO: Gente o comunidades de gente que cose y teje sus muñecos y los ex-ponen la venta

mariskavos.nlmaypapercrane.com

cosasd

echu

.blo

gsp

ot.com

ww

w.e

tsy.c

om

ww

w.d

aw

an

da

.com

ww

w.s

toksd

ida

ctic.c

om

ww

w.s

an

rio.c

om

ww

w.l

ah

abit

acio

nd

eneka

ne.c

om

ww

w.k

idrobot.

eu

ww

w.m

yplast

ich

eart.

com

ww

w.m

aris

kavos.

nl

ww

w.m

aypa

percran

e.com

Page 4: briefing web

¿Qué hace la competencia?

BLO

GS

Se basan en plataformas como wordpress o blogger en su mayo-ría. Este en concreto, basado en blogger, destaca por su limpieza y lo bien organizado. Consta de dos columnas principales, una con todas las entradas a la izquierda y otra a la derecha con ser-vicios de busqueda, RSS, directorio de etiquetas, enlace a la tien-da virtual...

A esta artesana le sirve para promoción, pero como todo blog tiene sus limitaciones, no se está creando una página propia para el ven-dedor (viene prehecha, sólo puedes cambiar la plantilla), y además obliga continuamente a salir del blog para acceder ala galería de imágenes (flickr) o a la tienda (en la mayoría de casos así, etsy o dawanda, en este caso concreto no)

cosasdechu.blogspot.com Diseño: ancho fijo Tamaño: 969 px y scroll

Page 5: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

Etsy es la mayor comunidad de artesanos en la web. Ofrece la posibilidad que crear una tienda gratuita y se lleva una pequeña comisión por venta. El sitio web está formado por dos columnas principales, la principal a la derecha. El home se compone princi-palmente de imágenes de artesanos , muy bien ordenadas. Tiene una cabecera en la parte superior con un menú deplegable princi-

pal, el login y un buscador. Este sitio web está muy bien gestiona-do, permite la búsqueda sencilla de miles de artesanias por color, o la técnica que se ha utilizado para realizarla, así como por un montón de categorías. El home se parte a la mitad para cambiar del “treasury“ principal a los artesanos destacados y las nuevas artesanias que se suben vistas por streaming.

www.etsy.com Diseño: ancho fijo Tamaño: 996px y scroll

Page 6: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

Dawanda, al igual que Etsy, es otro lugar que ofrece la posibilidad que crear una tienda gratuita a los artesanos. Este sitio web ofre-ce casi las mismas opciones que Esty, pero está peor distribuido, las imágenes se hacen algo caóticas en el home y además apare-ce el scroll horizontal. Por otra parte, guarda concordancia con los recursos gráficos en toda la web y mantiene la idea de lo artesa-

nal. También sigue la estrategia de dejar la primera parte del home fija y la segunda con pase de imágenes en streaming.

www.dawanda.com Diseño: ancho fijo Tamaño: 983 px y scroll

Page 7: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

Stoksdidactic es una web de venta y promoción de juguetes para niños. Es una web muy limpia, simple y efectiva, con css bien uti-lizado. En el home vemos un banner hecho de imágenes que van pasando, categorias principales y productos destacados. Todas las páginas de esta web guardan coherencia. Quizás esa simplificidad en algunos casos es excesiva, ya que no tiene demasiados ele-

mentos corporativos que nos indique que estamos ante una web de juguetes infantiles.

www.stoksdidactic.com Diseño: ancho fijo Tamaño: 1008 px y scroll

¿Qué hace la competencia?

MA

RC

AS

Page 8: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

Sanrio presenta a “hello kitty“ y otros personajes haciendo que el sitio web tenga un alto branding. Se compone de un menú prin-cipal superior después de la cabecera de sanrio. Como es básica-mente una tienda de peluches y merchandising vario, se muestra en el home imágenes promocionales de estos productos. Algunas de las secciones resultan algo agobiantes por la cantidad de re-

cursos gráficos que presentan, imágenes, flash, muñequitos que se mueven... Uso de Css muy pobre.

www.sanrio.com Diseño: ancho fijo Tamaño: 975 px y scroll

¿Qué hace la competencia?

MA

RC

AS

Page 9: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

La habitación de nekane es una marca española de diseño de pe-luches originales, y más recientemente, también merchandising. Divide los peluches en colecciones que se pueden ver en su web. Ésta está enteramente hecha con flash y aunque es rica grafica-mente y va manteniendo la misma imagen de marca, resulta algo pesada para navegar por ella. Los botones no están claros, y cada

vez que se seleccionea algo se abre en un blank (ventana nueva), y esto no permite ir hacia atrás. Además tiene acceso a una tienda algo más ordenada que el resto de la web. Aunque está diseñada con ancho fijo, la tienda mantiene algunos elementos que si se comportan de forma elástica.

www.lahabitacióndenekane.com Diseño: ancho fijo Tamaño: 968 px

¿Qué hace la competencia?

MA

RC

AS

Page 10: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

www.lahabitacióndenekane.com Diseño: ancho fijo Tamaño: 968 px

¿Qué hace la competencia?

MA

RC

AS

Tienda nline

Page 11: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

Kidrobot es una web de muñecos de vinilo, muñecos que se venden en blanco y dseñadores diferentes los pintan y customi-zan. En esta web, a parte de vender las obras, se dan a conocer a los diseñadores y también se iforma de eventos relacionados. Es una web muy bien gestionada con buen uso de css, dividida en 3 columnas que se utilizan en toda la web de forma más o menos

igual, excepto en algunos sitios que utilizan la derecha de forma accesoria.

www.kidrobot.eu Diseño: ancho fijo Tamaño: 930 px y scroll

¿Qué hace la competencia?

VIN

ILO

Page 12: briefing web

¿Qué hace la competencia?

LUG

AR

ES D

E

ENC

UEN

TRO

My plastic heart es una tienda y galeria de muñecos “de colec-cionista“, ya sean de vinilo o peluches, con su correspondiente merchandising. Una web muy bien estructurada, con 3 columnas desiguales, la primera para el menú, la segunda para el grosso de la página y la tercera accesoria. Se mantiene el branding por todo el sitio web y es fácil la búsqueda de eventos relacionados o de

un producto en concreto.

www.myplasticheart.com Diseño: ancho fijo Tamaño: 1000 px y scroll

¿Qué hace la competencia?

VIN

ILO

Page 13: briefing web

¿Qué hace la competencia?

Flullels es un sitio web que sirve para dar a conocer la marca y como tienda. Es una web tremendamente sencilla (hecha segura-mente con plantillas predeterminadas editables), que no utiliza para nada el css. Se compone de una galeria y una tienda. Todo está más o menos ordenado en 3 columnas principales.

www.mariskavos.nl Diseño: ancho fijo Tamaño: 707 px y scroll

¿Qué hace la competencia?

HEC

HO

A

MA

NO

Page 14: briefing web

¿Qué hace la competencia?

Mu parecida a la anterior, pero con dos columnas. El home sirve de una especie de blog con las noticias más relevantes, aunque en la web se enlaza el blog de la artesana. La tienda como se ha visto en otros ejemplos, se enlaza, pero está montada en etsy.

www.mypapercrane.com Diseño: ancho fijo Tamaño: 800 px y scroll

¿Qué hace la competencia?

HEC

HO

A

MA

NO

Page 15: briefing web

¿Qué hace la competencia?¿Qué hace la competencia?

Comparativa

Cosas de chu

Etsy

Dawanda

Stoksdidactic

Sanrio

La habitación de Nekane

Kid robot

My plastic heart

Mariskavos

My paper crane

quienes somos contacto galeria blog tienda registro foro artistas eventos

Page 16: briefing web

Pocas Regular ♥ ♥ ♥ Si (etsy) ♥ ♥ ♥

Muchas Bien ♥ ♥ ♥ Si ♥ ♥ ♥

Muchas Bien ♥ ♥ ♥ Si ♥ ♥ ♥

Medias Bien ♥ ♥ ♥ Si ♥ ♥ ♥

Pocas Regular ♥ ♥ ♥ Si (etsy) ♥ ♥ ♥

Muchas Bien ♥ ♥ ♥ Si ♥ ♥ ♥

Pocas Bien ♥ ♥ ♥ Si ♥ ♥ ♥

Muchas Regular ♥ ♥ ♥ Si ♥ ♥ ♥

Muchas Bien ♥ ♥ ♥ Si ♥ ♥ ♥

Pocas Regular ♥ ♥ ♥ Si ♥ ♥ ♥

Cosas de chu

Etsy

Dawanda

Stoksdidactic

Sanrio

La habitación de Nekane

Kid robot

My plastic heart

Mariskavos

My paper crane

Secciones Branding Experiencia e-commerce Diseño Las webs más importantes a tener en cuenta serán Etsy, por la manera de ord-enr muchisima información y productos de una forma fácil y sencilla, el diseño de Kid robot, y el diseño de los gráficos “handma-de“ de la Habitación de Nekane.

¿Qué hace la competencia?¿Qué hace la competencia?

Comparativa

Page 17: briefing web

Posicionamiento de la empresa

El posicionamiento de Things mediante la web será la marca de pelu-ches y accesorios hechos a mano mediante cosido o tejido más ori-ginal y más customizable para cada persona “peluches sí, pero para adultos“.Para conseguir este posicionamiento se busca:

- Alejarse de lo mal diseñado, que dé desconfianza: Se quiere vender los productos, por tanto la web debe de inspirar confianza mediante

un buen diseño- Branding: Que se note la imagen de marca en cada rincón de cada página del site

- Elementos gráficos: Muchas fotos y elementos que a parte de dar branding, también ayude a la visualización de los productos

- Información: Eventos, blog...

. Comercio electrónico: Tienda de Things.

- Posibilidad de compartir mediante las redes sociales.

- Feedback: Se quiere saber la satisfacción del comprador con esta marca.

Page 18: briefing web

Target

- Se busca a la persona que se deja maravillar por lo hecho a mano, y

entiende el valor añadido que esto supone.

- Le gusta lo vintage y cómo se hacian antes las cosas, el medio

ambiente y son detallistas.

- Buscan un regalo original, algo que no sea lo típico.

- Se relacionan con internet de forma asidua y natural, personas que no tienen problemas con el e-commerce. Utilizan la web para:

- Relacionarse mediante redes sociales

- Leer blogs

- Comprar

- Buscar información

Page 19: briefing web

Empresa vs Usuario

¿Qué necesitan cada uno?

- Vender productos- Promoción de sus productos- Fidelización y descubrimiento de clientes- Feedback de los clientes- Llegar a donde la tienda física no llega

- Información sobre lo que va a comprar- Posibilidad de contacto directo con la marca para hacer el encargo- Recibir información sobre su encargo (fotos..)- Información sobre los artistas- Facilidad de compra- Información sobre eventos

Empresa Clientevs