1

Diseños Web Mary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Dossier Sunclear

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

3

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

2

1. PRESENTACIÓN:

Estimados Señores Empresa Sunclear:

Bienvenidos al mundo de la comunicación digital. Les agradecemos el considerar nuestros servicios para desarrollar un sitio Web que no sólo sea versátil, atractivo y de calidad, sino que se convierta en un verdadero nexo de interacción con sus clientes.

En Diseños Web Mary evaluamos cada proyecto detenidamente y proponemos las soluciones integrales más adecuadas para sus metas. Por ello nos complace presentarles a ustedes las siguientes propuestas, basada en sus requerimientos, nuestra experiencia y los ejemplos aportados tras una investigación por otros sitios Web relacionados a su campo, incluso pertenecientes a distintas geografías.

Queremos recordarle que la presente es nuestra propuesta general, así que por favor siéntanse en la libertad de hacer las sugerencias que estimen convenientes. ¡Las ideas de nuestros clientes son un pilar fundamental de nuestro trabajo!

2. ESTRUCTURA DEL SITIO WEB:La estructura es la columna vertebral del sitio Web, detallando con precisión qué secciones

o servicios tendrá y cuál es la finalidad de cada uno en pos de los objetivos comunicacionales.

2.1. SECCIONES:

1) Encabezado. 2) Sección central: Consta de la barra de navegación y sección con apartados de moda.

3) Pie.

Veamos las dos propuestas que hemos preparado para ustedes.

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

3

3. PRIMERA PROPUESTA:En esta primera propuesta, hemos utilizado el color naranja corporativo para darle un aire

moderno y juvenil a la página, aprovechando que vamos a promocionar la temporada de verano.

3.1. SECCIONES:

1) Encabezado: En esta primera sección, sobre fondo naranja corporativo, nos encontramos los iconos para acceder a las principales redes sociales.

2) Seción central: Nos encontramos que está dividida en tres subsecciones. La primera de ellas es la imagen

principal de la campaña, sobre la cual nos encontramos la barra de navegación flotando con los siguientes accesos:

- Inicio: Para acceder a la página principal en cualquier momento.- Red: Desde donde los comerciales pueden acceder a ver sus productos, modificarlos, etc.- Tiendas: Aquí el usuario podrá ver las ubicaciones y contacto de toda la red de venta a nivel nacional.- Ofertas: Acceso directo a las principales ofertas que haya vigentes.- Sunclear: Desde aquí se accede a la colección de moda de todas las secciones (infantil, juvenil, mujer

y hombre).- Usuarios: Desde aquí el cliente podrá acceder a su perfil para realizar sus compras, comprobar sus

pedidos, facturas, etc.

En segundo lugar nos encontramos la zona donde tenemos las diferentes secciones de moda (infantil, juvenil, mujer y hombre) a las cuales podemos acceder pulsando sobre sus respectivas imágenes animadas.

Por último tenemos un banner publicitario de la Nueva Temporada de Verano 2010, donde tiene gran presencia el logo de la compañía en color naranja corporativo, y con fondo verde corporativo.

3) Pie:En esta última sección, encontramos los accesos a los diferentes páginas de la web, al igual

que en la barra de navegación, añadiendo además acceso al “Mapa del Sitio”, desde el cual se facilita al usuario el navegar más fácilmente por la página, y a la página de “Contactar” desde la cual el usuario puede encontrar las diferentes formas de ponerse en contacto con Sunclear.

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

4

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

5

4. SEGUNDA PROPUESTA:En esta segunda propuesta, hemos utilizado el color negro corporativo para darle un aire

moderno y algo más serio a la página.

4.1. SECCIONES:

1) Encabezado: En esta primera sección, tenemos otra versión del banner de la Nueva Temporada de Verano 2010, utilizando en este caso los colores negro y rojo corporativo.

2) Seción central: Nos encontramos que está dividida en cuatro subsecciones. La primera de ellas es la barra

de navegación con los siguientes accesos:

- Inicio: Para acceder a la página principal en cualquier momento.- Red: Desde donde los comerciales pueden acceder a ver sus productos, modificarlos, etc.- Tiendas: Aquí el usuario podrá ver las ubicaciones y contacto de toda la red de venta a nivel nacional.- Ofertas: Acceso directo a las principales ofertas que haya vigentes.- Sunclear: Desde aquí se accede a la colección de moda de todas las secciones (infantil, juvenil, mujer

y hombre).- Usuarios: Desde aquí el cliente podrá acceder a su perfil para realizar sus compras, comprobar sus

pedidos, facturas, etc.

En segundo lugar tenemos la zona principal, que es una animación en la que vemos las diferentes secciones de moda con imágenes de cada una de ellas (en las siguientes páginas podemos ver cada una de las cuatro escenas principales, que corresponden con las secciones de Moda infantil, juvenil, mujer y hombre).

En tercer lugar nos encontramos la zona donde tenemos las diferentes secciones de moda (infantil, juvenil, mujer y hombre) a las cuales podemos acceder pulsando sobre sus respectivas imágenes animadas.

Por último sobre fondo negro corporativo, nos encontramos los iconos para acceder a las principales redes sociales.

3) Pie:En esta última sección, encontramos los accesos a los diferentes páginas de la web, al igual

que en la barra de navegación, añadiendo además acceso al “Mapa del Sitio”, desde el cual se facilita al usuario el navegar más fácilmente por la página, y a la página de “Contactar” dsede la cual el usuario puede encontrar las diferentes formas de ponerse en contacto con Sunclear.

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

6

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

7

Izquierda: vista de una de las imágenes de la animación, correspondiente a la Moda Juvenil, con fondo negro corporativo.

Derecha: vista de una de las imágenes de la animación, correspondiente a la Moda Infantil, con fondo naranja corporativo.

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

T f n : 9 1 5 7 9 8 1 7 0

F a x : 9 1 5 7 2 0 3 1 1

t i t a m a r y 1 3 @ gm a i l . c om

Diseños Web Maryhttps://sites.google.com/site/disenowebmary

8

Arriba: vista de una de las imágenes de la animación, correspondiente a la Moda Mujer, con fondo rojo corporativo.

Bajo estas líneas: vista de una de las imágenes de la animación, correspondiente a la Moda Hombre, con fondo verde corporativo.

Diseños Web Mary