Laura Sivila - WEB Lady Blue - 2ºB2

Proyecto WebSite
Briefing
Índice
1. ¿Por qué necesita Lady Blue una web?
2. Análisis del sector: La competencia en la red
3. Posicionamiento de la asociación a través de WebSite
4. Público objetivo como usuario
5. Necesidades de la asociación, necesitades del usuario
6. ¿Qué queremos decir al usuario?

1. ¿Por qué necesita Lady Blue una web?
¿Por qué necesita Lady Blue una web?
Hoy en día vivimos en un país desarrollado, y como cualquier país desarrollado todo poco a poco se moderniza y ahora mismo se
informatiza igualmente, prácticamente todos tenemos un ordenador en casa o utilizamos internet, las empresas empiezan a tener
todas presencia en la web para poder comunicarse y llegar a más personas.
Objetivos que debemos cumplir:

. Promoción: utilizar la web para darse a conocer a personas que nos encuentren por ella y no nos conocían antes, llegando así a
mas usuarios, posibles clientes.
. Comunicación: La página web servirá como medio de comunicación entre clientas y la propia empresa, a través de noticias, catálo-
gos, actualidad, promociones…
. Agilizar: La web es un modo de agilizar la venta en las propias tiendas, ya que puedes consultar el catalogo web y marcar lo que
te interese, ir a la tienda más cerca y ver si te queda bien. También puedes comprobar tu misma si quedan dichos productos, en que
establecimientos y las tallas.
. Venta: Podrá venderse por internet, muchos de nuestros productos.
El objetivo esencial es captar nuevas clientas y fidelizar con ellas.

Análisis del sector
No sólo debemos analizar el sector directo, o la competencia directa de LadyBlue, me parece interesante indagar más profundo e
introducirnos en el mundo de cualquier tipo de ropa, zapatos, incluso en el mundo de la decoración o el arte, ya que el vestir también
es un arte.
. Busqueda y análisis de webs relacionadas: moverse por el campo de tiendas de ropa, zapatos, complementos. Al fin y al cabo todas
venden un producto que más tarde nos pondremos.
Mango
Pull and Bear

Stradivarius
Blanco
Levis
Desigual
Custo Barcelona
Roxy
Kukuxumusu
Callate la boca
3. Posicionamiento de la asociación a través del WebSite
Posicionamientos de la asociación a través del WebSite
La web lo que le dará a la empresa será más información y herramientas para no solo captar más clientas, sino fidelizar con ellas y
que estas sean participes en su comprar de un modo diferente.
Teniendo en cuenta las características del público objetivo y el uso que éste hace en internet, se debe crear una web a su capacidad
de acción y reacción, creando una serie de aplicaciones o iconos visuales que le ayuden y faciliten la navegación. A la vez que debe-
mos tener en cuenta que debe ser una web tratada para ese público pero a su vez para captar a más.
4. Público objetivo como usuario
Público objetico como usuario
El público objetivo de Lady Blue va dirigido a mujeres de entre 15 y 30 años aproximadamente, solteras, casadas, independientes,
no importa, con un nivel económico medio.
Mujeres que les gusta la moda, que les gusta ir guapas y sentirse bien consigo misma cuando se ponen cualquier prenda. Mujeres
coquetas, mujeres que se preocupan por sus vestimentas.
El público objetivo o clientas de los establecimientos también son usuarias habituales de ojear nuestro catálogo de ropa, por lo que
hay que darle más facilidades siempre éste y mostrarle el producto mediante una web.
Tenemos que tener en cuenta cual es el nivel de manejo de internet de nuestro público objetivo a la hora de crear una web, ya que
deben sentirse seguras y defenderse bien mientras navegan.
5. Necesidades de la asociación, necesidades del usuario
Necesidades
La web debe integrar ambas necesidades.
. Darse a conocer
. Servicios a socios
. Búsqueda
. Actualidad
Hay dos tipos de usuarios:
. Nuevo usuario
. Usuario habitual
6. ¿Qué queremos decir al usuario ?
Análisis del sector
No sólo debemos analizar el sector directo, o la competencia directa de LadyBlue, me parece interesante indagar más profundo e
introducirnos en el mundo de cualquier tipo de ropa, zapatos, incluso en el mundo de la decoración o el arte, ya que el vestir también
es un arte.
. Busqueda y análisis de webs relacionadas: moverse por el campo de tiendas de ropa, zapatos, complementos. Al fin y al cabo todas
venden un producto que más tarde nos pondremos.
Libro de estilos
Índice
1. Estructura de la información (arquitectura): ORGANIZACIÓN
2. Aspectos Competitivos: PUNTO FUERTE
3. Distribución de Espacios
4. Sistema de Navegación
5. Tecnología y lenguajes necesarios
6. Diseño de la interacción
7. Uso del Color
8. Estrategia tipográfica
9. Recursos gráficos e interactivos

1. Estructura de la información: ORGANIZACIÓN
Mapas WEB
En un primer momento se pensó crear la web con los diferentes apartados que a continuación se muestran:
1. Colección
2. Armario
3. Eventos
4. Tiendas
5. Siguenos
6. Empresa - 6.1. Historia / 6.2. Franquicias
7. Atención al cliente - 7.1. Cambios / 7.2. Devoluciones
8. Cuidado de las prendas
9. Tarjeta clientes
Mapas WEB
Dándonos cuenta que eran demasiados apartados al mismo nivel de importancia, comenzamos a trabajar por la agrupación:
En este primero eliminamos los eventos y agrupamos el “Cuidados de las prendas” y “Tarjeta clientes” con “Atención al cliente”, y
“Tiendas” en “Empresa”. Reduciendo así los 9 apartados en 5.
1. Colección
2. Armario
3. Siguenos
4. Empresa - 6.1. Historia / 6.2. Franquicias / 6.3. Tiendas
5. Atención al cliente - 7.1. Cambios / 7.2. Devoluciones / 7..3. Cuidado de prendas / 7.4. Tarjeta clientes
Mapas WEB
En este segundo mapa web rectificado lo reducimos a 4 apartados. Agrupamos “Siguenos” en “Atención al cliente” la cual la cam-
biamos de nombre por “Zona cliente”. Y ampliamos este apartado con un punto que en un primer momento se nos olvido meter
como es el apartado de la “Revista en papel para descargarla en PDF y acceder a la web de ésta.
También agrupamos los ”Cambios y devoluciones en un sólo apartado.
1. Colección
2. Armario
4. Zona cliente - 7.1. Cambios y devoluciones / 7..3. Cuidado de prendas / 7.4. Tarjeta clientes / 7.5. Siguenos / 7.6. Revista
¿Qué tiene que contener cada nivel de la estructura?
1. Colección
Trae la colección de la temporada en la que nos encontremos mediante fotografías de modelos con las prendas y complementos.
Se dividirá en las diferentes secciones que en ese momento se divida la colección.
Ejemplo: Primavera Verano 2010, la colección se dividirá en “Summer Drees”, “Army Green”, “Think Denim”, “Romantic Military” y
“Romantic Safary”. Que son los diferentes estilos de ropa que se encuentran dentro de la colección.
2. Armario
Sería la sección el la que mediante una especie de maniquí interactivo puedes ir creándote conjuntos de parte de arriba, abajo y
zapatos. Esta sección se dividirá en secciones como: Tops, vestidos, bootoms, chaquetas, denim y accesorios.

La historia de la empresa, las franquicias y el lugar donde se encuentran nuestras tiendas.
4. Zona cliente - 7.1. Cambios y devoluciones / 7.2. Cuidado de prendas / 7.3. Tarjeta clientes / 7.4. Síguenos / 7.5. Revista
Se subdivide en cinco secciones. Cambios y devoluciones, donde las clientas podrán hacer sus cambios y sus
devoluciones.Cuidado de las prendas, donde podremos encontar una sección del cuidado de las prendas ya que siempre antes de
ponernoslas les quitamos las etiquetas. Tarjeta clientes, la zona en la que podrás ver tus puntos, tus descuentos, etc. Síguenos, enla-
ces al facebook, tuenti, etc. Revista, zona de descargar de la revista Blu en PDF y acceder a su página web.
Valoración Coherencia con los Objetivos Comunicativos
En esta página web hay dos modos de comunicarnos con las clientas, de modo comunicativo presentandoles nosotros mismos la
colección o dejando que ellas interactuan con la página, jueguen con ella, se diviertan y creen sus propios modelos y asi poder
comprarlos a la misma vez.
Debe haber coherencia en todos los apartados de la web, por ello, se debe dejar claro una estructura y una tableta de colores
para utilizar en la web. Y no salirnos de los objetivos que se den, ya que debe existir en todo momento coherencia.
2. Aspectos competitivos: PUNTO FUERTE
Punto fuerte
El espacio o sección de armario es sin duda el punto fuerte de esta página web, dándole protagonismo, juego y atractivo a la
página con algo no usual.
Se trata de un espacio en el que la propia usuária podrá crearse sus propios conjuntos de ropa y complementos y así comprarlos si
es lo que desea. Se montrarán las prendas y las diferentes tallas de estas.
Es un modo diferente de interactuar con la página y comprar ropa de forma divertida. Se mostraría en todo momento unicamente la
ropa de última colección; camisetas, caquetas, camisas, pantalones, faldas, vestidos, zapatos, zapatillas...
La distribución que se hace en este espacio para que la ropa se vea y la usuaria interactue con ella se dividirá en apartados. Los
apartados serán los siguientes: Tops, Vestidos, Bootoms Chaquetas, Denim y Accesorios, pero nunca se mostraran estos seis, depen-
derá de la temporada en la que nos encontremos, mostrandose así un máximo de cinco apartados siempre.
3. Distribución de espacios
Proporciones
La proporción elegida para el diseño de la interfaz gráfica de usuario es la de 16:9, por ser un formato mas alargado, y por las
posibilidades que me da a la hora de organizar el contenido que se desea, ya que no es una web de mucha información, sino que
es una web más gráfica respecto a contenido, por la cantidad de ilustraciones e fotografías.
16:9
Tipología de Web
La tipología del web-site que pretende generar este proyecto es una web corporativa, donde se reuna todo lo necesario para desa-
rrollar las actividades de LadyBlue con sus clientas, mostrar sus productos y dejar que las mismas clientes se diseñen conjuntos de
ropa. Con lo que las secciones que no deben faltar en este web-site son: Colección, armario, empresa y zona cliente. En especial
colección y armario. Sobre todo este último por ser el punto fuerte de la web y la zona de interactuación entre web y cliente.
Como premisa principal, hay que entender que se trata de una web que servirá como catálogo de la tienda de ropa y a su vez
como lugar donde ver las tiendas y crearse sus propios conjuntos...
Los apartados de empresa y zona cliente, son espacios más informativos sobre la empresa y las ventajas que esta ofrece en la zona
cliente en especial por los apartados que la componen.
Retículas y módulos
Puesto que la web es de 16:9, es

decir 920 x 520 px, dividiremos la
plataforma en una retícula en un
primer lugar de 23 x 13 cuadrados
de 40 px por lado cada uno de
ellos.
A partir de aquí comenzaremos a

trabajar las retículas y los módulos
por secciones, según nos convenga.
16:9
920 x 520
El bloque 1 esta reservado para el

logotipo y los botones principales.
1 El bloque 2 se reserva para los boto-
nes secundarios.
2
El bloque 3 será para la informa-
ción, las fotografías y las ilustracio-
3 nes.
Home
Dentro del bloque 1 encontramos el
1 2 espacio reservado para el logotipo
en el nº 1 y el espacio para la boto-
nera principal en el nº 2.
En el bloque 3 encontramos con el

nº 3 el espacio que se reserva en
3 4 este caso para una animación, bien
puede ser un video de introducción
a la colección que se nos presenta
en esa temporada en la que nos
encontremos o bien imágenes.
Y en el nº 4 una ilustración que
cambiará según la temporada pero
que principalmente ocupará ese
espacio, en el caso de la ilustración
podrá salirse de su espacio reserva-
do.
Secciones
Dentro del bloque 1 encontramos el
1 2 espacio reservado para el logotipo
en el nº 1 y el espacio para la boto-
nera principal en el nº 2.
3
En el bloque 2 vamos a encontrar la
botonera secundaria en el nº 3 que
4 cada una de ellas ocupará 40x120
px, separandose entre sí por 10 px.
Una botonera de un máximo siempre
de 5 botones.
En el bloque 3 encontramos con el

nº 4 el espacio que se reserva en
este caso para cualquier información
de cualquiera de los apartados.
Y en el nº 5 manteniendo parte de la
5 ilustración principal del home.
Fondo e interface
colección armario empresa zona cliente

Bocetos GUI
armario empresa zona cliente

Bocetos GUI

colección
colección colección colección colección colección

4. Sistema de navegación
Menús y submenús
El menú se compone de 4 botones principales.

Al pasar por encima de ellos se van cambiando las formas de estos.
colección armario empresa zona cliente colección armario empresa zona cliente
Menús y submenús
El submenú aparece cuando pinchas en alguno de los menus principales, la bola baja, choca con el cuadro de contenido y sube un
poco, al subir va apareciendo poco a poco las diferentes opciones, es decir, los submen’us. El submenú en el que nos encontramos
se colorea de un color diferente al resto y aparece la información correspondiente.
colección

Navegación alternativa
Otro botón de navegación dentro de la web es el de la vuelta al HOME, que de eso ya se encarga el logotipo. Es un poco intuitivo,
pero al encontrarse tan cerca de los botones principales no resultará tan dificil su localización.
De otro modo también podemos justificarlo diciendo que la gran mayoria de webs utilizan su logotipo para esto mismo, para la
vuelta al HOME.
Nuestro logotipo cuando pases por encima de el a la misma vez que aparecerá un bocadillo que te indique que al pulsar vuelves al
HOME, la mariposa moverá sus alas.
HOME
En reposo. Al poner el ratón por encima, la mariposa

se mueve y aparece ese bocadillo.
Ayudas a la navegación
La ayuda que tiene esta web a la hora de la navegar es muy clara. A la hora posarnos por ejemplo sobre el logotipo sabemos que
nos lleva al HOME porque nos aparece un bocadillo que nos lo indica.
HOME
Si se trata de cualquiera de los otros elementos o botones de navegación, podemos identificar que estamos en un sitio u en otro por
el color, la forma o la posición como ya vimos anteriormente.
colección armario empresa zona cliente colección armario empresa zona cliente armario empresa zona cliente
colección

5. Tecnología y lenguajes necesarios
Tecnología utilizada
La tecnología que se va a utilizar para la realización de la página web es unicamente flash y Dreamweaver para componentes de
formularios o reproductor de música si en algún momento fuera necesario.
Story Board
Asíes como nos

encontramos el
HOME al entrar,
mientras en el
cuadro amarillo que
vemos ahí se repro-
duce un video o una
secuencia de imáge-
nes que hacen refe-
rencia a la colec-
ción.
Story Board
Eso es lo que pasa si

pasamos el ratón por
encima de cualquie-
ra de los 4 botones
principales de nave-
gación.
Story Board
HOME Lo que pasaría si

pasaramos el ratón
por encima del logo-
tipo, la mariposa
movería sus alas y
aparecería un chiva-
to visual que nos
indica que al pulsar
ahí volveriamos al
HOME.
Story Board
Al pulsar cualquiera
de los botones princi-
pales la bola se baja
y choca con el
cuadro en el que se
reproducía el video
que en ese momento
deja de hacerlo,
desaparece la ilustra-
ción y se agranda el
cuadro amarillo, que
es la zona de conte-
nido.
Story Board
Al chocar la bola
sube un poco y van
colección
apareciendo poco a
poco las subseccio-
nes a la misma ve
que se coloca de
nuevo el nombre de
la sección en la
bola, que habia
desaparecido al
pulsar el botón. La
subsección en la que
nos encontramos se
encuentra de color
diferente al resto
para saber siempre
donde nos encontra-
mos.
7. Uso del color
General
Clave alta o baja: la web se identifica por una clave alta, ya que predomina el blanco, tanto en su fondo como en gran parte d
ela web a lo largo de toda la navegación.
Contraste o armonía: No hay gran contrastes a la hora de toda la navegación, ya que siempre se utilizan los mismos colores y
el mismo fondo blanco para crear una web corporativa y facilmente reconocible.
7. Uso del color
Color identitario
Las paletas de colores que se va a utilizar a lo largo

de toda la creación y mantenimiento de a web son las
siguientes para las ilustraciones, botoneras, fondos y
componentes corporativos.
7. Uso del color
Uso funcional
El color será imprescindible a la hora de jerarquizar los botones de navegación.

Cambiará de color si se encuentra en alguna subsección, para saber en todo momento en que lugar nos encontramos mientras
navegamos.
El color también se utilizará para darle a la web una lógica corporativa y una armonía. Además para su facil reconocimiento ya
que todos los elementos corporativos de la marca LadyBlue se compone de la paleta de colores que anteriormente vimos.
Tipos nativos / Tipos racterizados
Al ser una web enteramente creada en Flash no se a diferenciado entre tipos nativos y tipos racterizados.
Las tipografías que se van a utilizar para toda la web son as siguientes diferenciendose segúnpara que apartado.
DIN Black para la botonera en caja baja y en caja alta para el menú de ayuda del logotipo a 8 puntos.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
1234567890 colección
. , : ; _- + ¨ ´{ } ç [ ] ^* ` ( ) ¿? ¡! “ @ # ~€ ¬ / % $ =
colección colección
DIN para textos a 10puntos.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ La niña se viste de rojo. La niña se viste de rojo. La niña se viste
de rojo. La niña se viste de rojo. La niña se viste de rojo. La niña
abcdefghijklmnñopqrstuvwxyz se viste de rojo. La niña se viste de rojo. La niña se viste de rojo.
La niña se viste de rojo. La niña se viste de rojo. La niña se viste
1234567890 de rojo. La niña se viste de rojo. La niña se viste de rojo. La niña
se viste de rojo. La niña se viste de rojo. La niña se viste de rojo.
. , : ; _- + ¨ ´{ } ç [ ] ^* ` ( ) ¿? ¡! “ @ # ~€ ¬ / % $ = La niña se viste de rojo. La niña se viste de rojo. La niña se viste
de rojo. La niña se viste de rojo. La niña se viste de rojo.
Tipos nativos / Tipos racterizados
DIN medium para titulos de textos a 12 puntos en caja baja o alta dependiendo del caso.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
El cuento de caperucita roja.
1234567890
. , : ; _- + ¨ ´{ } ç [ ] ^* ` ( ) ¿? ¡! “ @ # ~€ ¬ / % $ =
Elementos corporativos
Los elementos corporativos que vamos a encontrar en la web además de los colores que en todo momento están presente, son las
bolitas de la botonera principal, ya que se utilizó ya para la revista y es un elemento que de un modo u otro siempre utilizaremos
en nuestros proyectos para Lady Blue, a su vez el modo de crear ilustraciones, es un modo de utilizar lo corporativo, siempre crea-
das como a trazos de lapiz.
El que las botoneras secundarias o el cuadro de contenido tenga las esquinas redondeadas también es un elemento corporativo que
siempre se va a utilizar.
Elementos multimedia
En el apartado de tratamiento de elementos multimedia podemos encontrar; videos, textos, ilustraciones, fotografías, grafismos,
3D...
Ilustraciones: el mismo tratamiento que se les dió a las ilustraciones de la revista, trazadas a lapiz.
Videos: dentro de un marco con puntas redondeadas y siempre con un reproductor integrado para poder parar cuando quedamos,
quiatrle o ponerle volumen a la música del video.
Textos: ningún tratamiento especial, tipografia a utilizar y poco más.
Fotografías: tal cual se muestran, sin tratamientos ni elementos que la incordien, limpias y con sus fondos correspondientes. Excepto
en el apartado de “armario” que las imágenes irán recortadas sin fondo para poder crear de un modo limpio los conjuntos de
ropa.
Música y sonido
La única música o sonido que se encontrará a lo largo de toda la navegación de la página web, será la del video de inicio, el cual
podrá pausarse, moderarse el volumen y pasarse hacia delante y hacia detras, para que la usuaria pueda interactuar desde el
principio y ella sea la que decida que quiere hacer.
En el caso de que en vez de un video fuera una animación de ftográfia, también llevarían sonido y el proceso sería el mismo, y así
mediante un reproductor la usuaria pudiera ser ella misma la que decidiera sobre lo que desa hacer.
Pictográmas y metáforas visuales
Se creará una web para el disfrute del usuario, para que pueda jugar e interactuar con algunos de los elementos, pero a su vez
limpia y poco cargada, para no confundir o liar, ni que se vea sobre cargada ni de color ni de elementos, queremos una web
limpia como a su vez fue la revista.
Las ilustraciones al pasar el ratón por encima de ellas tendrán elementos que cambien de tamaño, otros que cambién de color y así
ahcer la web más amena.
Los botones serán con un movimiento atractivo para que se juegue a su vez con los botones que al mismo tiempo te llevan al lugar
al que quieres ir o visitar en ese momento.
La mariposa del logotipo también tendrá el movimiento de sus alas al pasar el ratón por encima.
De este modo se crea una página web con la que el usuario, disfruta e interactua a su vez de un modo sencillo, y así se crean esas
metáforas visuales, como es la de colorear a la modelo de una ilustración al pasar el ratón por encima.
Plataforma web
www.ladyblue.com
reproductor
www.ladyblue.com
reproductor
www.ladyblue.com
HOME
reproductor
www.ladyblue.com

www.ladyblue.com

colección
summer dress army green think denim romantic military romantic safary
www.ladyblue.com

colección
summer dress army green think denim romantic military romantic safary
www.ladyblue.com
colección empresa zona cliente
armario
denim chaquetas vestidos tops accesorios

Conclusiones

Laura Sivila - WEB Lady Blue - 2ºB2

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Laura Sivila - WEB Lady Blue - 2ºB2

Transféré par

Droits d'auteur :

Formats disponibles

Proyecto WebSite

1. ¿Por qué necesita Lady Blue una web?

2. Análisis del sector: La competencia en la red

3. Posicionamiento de la asociación a través de WebSite

4. Público objetivo como usuario

5. Necesidades de la asociación, necesitades del usuario

6. ¿Qué queremos decir al usuario?

¿Por qué necesita Lady Blue una web?

Objetivos que debemos cumplir:

El objetivo esencial es captar nuevas clientas y fidelizar con ellas.

Análisis del sector

Pull and Bear

Posicionamientos de la asociación a través del WebSite

Público objetico como usuario

La web debe integrar ambas necesidades.

Hay dos tipos de usuarios:

Análisis del sector

1. Estructura de la información (arquitectura): ORGANIZACIÓN

2. Aspectos Competitivos: PUNTO FUERTE

5. Tecnología y lenguajes necesarios

7. Uso del Color

9. Recursos gráficos e interactivos

6. Empresa - 6.1. Historia / 6.2. Franquicias

7. Atención al cliente - 7.1. Cambios / 7.2. Devoluciones

8. Cuidado de las prendas

4. Empresa - 6.1. Historia / 6.2. Franquicias / 6.3. Tiendas

3. Empresa - 6.1. Historia / 6.2. Franquicias / 6.3. Tiendas

¿Qué tiene que contener cada nivel de la estructura?

3. Empresa - 6.1. Historia / 6.2. Franquicias / 6.3. Tiendas

Valoración Coherencia con los Objetivos Comunicativos

Puesto que la web es de 16:9, es

A partir de aquí comenzaremos a

El bloque 1 esta reservado para el

En el bloque 3 encontramos con el

En el bloque 3 encontramos con el

colección armario empresa zona cliente

armario empresa zona cliente

armario empresa zona cliente

colección colección colección colección colección

El menú se compone de 4 botones principales.

armario empresa zona cliente

colección colección colección colección colección

En reposo. Al poner el ratón por encima, la mariposa

colección colección colección colección colección

Asíes como nos

Eso es lo que pasa si

HOME Lo que pasaría si

Las paletas de colores que se va a utilizar a lo largo

El color será imprescindible a la hora de jerarquizar los botones de navegación.

Tipos nativos / Tipos racterizados

DIN para textos a 10puntos.

Tipos nativos / Tipos racterizados

Textos: ningún tratamiento especial, tipografia a utilizar y poco más.

Pictográmas y metáforas visuales

colección armario empresa zona cliente

armario empresa zona cliente

colección armario empresa zona cliente

armario empresa zona cliente

armario empresa zona cliente

armario empresa zona cliente

colección empresa zona cliente

denim chaquetas vestidos tops accesorios

Vous aimerez peut-être aussi