maryweb: proyecto sunclear

Provecto Web para SUNCLEAR S.A

Realizado por MaryWeb S.A

Madrid octubre de 2010

1

MaryWeb diseños Web S.A

Rosario Pino, 18 28000 Madrid

Teléfono 999 326 326

Fax 999 326 327

Contacto

sucomercial@maryweb.es

Javier Sánchez Gómez

Estimado cliente En primer lugar, queremos agradecerles la posibilidad que nos han concedido de poder desarrollar su proyecto web. Estamos seguros de que quedara satisfecho con los servicios ofrecidos por nuestra compañía. En las siguientes paginas le mostramos de dos formas totalmente diferentes como puede desarrollarse su proyecto Web. Y esperamos sean de su agrado. En ambas se ha respetado la imagen corporativa de la empresa Sunclear. S.A Nos ponemos a su entera disposición para resolverles o aclararles cualquier duda que les pueda surgir. No duden en ponerse en contacto con nosotros, estaremos encantados de atenderle.

Una vez más, gracias por escoger a. Atentamente, Mary Web Es Directora

2

Objetivos del Sitio Web Pensamos que el site adecuado para Sunclear S.A debe responder a las siguientes necesidades. Comunicación ágil entre Sunclear y MaryWeb

• MaryWeb le ofrece un comercial directo con el cual podrá mantener conversación telefónica, tanto para dudas, como nuevas actualizaciones.

• Actualizaciones periódicas. Al tratarse de una empresa de moda es primordial que la web tenga distinta imagen dependiendo de la temporada. Además de ir añadiendo los nuevos productos que van apareciendo dentro de la campaña activa.

Idealización de clientes • Ofrecer a los clientes la posibilidad de seguir las nuevas tendencias

SUNCLEAR, vía web. • Estadísticas de visitas • Publicación de noticias

Contenido

Corporativo de la empresa 3

Miniaturas página principal 4

Boceto versión 1.0

Estructura del sitio web 7

Menú de navegación 9

Botones 10

Pie 11

Boceto versión 2.0

Estructura del sitio web 14

Centro página 16

Pie página 17

Validación

Validación 18

3

Imagen corporativa de la empresa

Logotipos y colores

Versión 2.0

Versión 1.0

4

Miniaturas página principal

Versión 1.0 y 2.0

5

PROYECTO SUNCLEAR

VERSIÓN 1.0

6

Boceto página principal

Versión 1.0

Banner

7

Estructura del sitio Web

Versión 1.0

Entrada a redes sociales

Imagen de la campaña actual

Botones acceso a secciones con animación flash

Banner en flash

Pie de página

Barra de navegación

8 Entrada a redes sociales Posibilidad de entrar a las principales redes

sociales de actualidad.

Centro de la página Imagen principal de la campaña activa.

Menú de navegación Ver página 9

Botón a las principales secciones Ver página 10

Banner de la campaña activa Realizado en Flash

Pie Ver página 11

.

9

Menú de navegación

Versión 1.0

inicio red tiendas ofertas Sunclear usuario

Estructura del mapa web.

Desde los siguientes botones iremos accediendo a las distintas páginas una vez lleguemos a un acuerdo con el clientes.

Este sería un boceto del menú raíz, del que luego colgarían los elementos necesarios

Mapa Web

10

Al entrar en la página principal todas las secciones realizan una pequeña animación al mismo tiempo.

Dicha animación se realiza en flash. Flash es una tecnología que nos permite realizar animaciones con muy poco peso pero muy vistosas.

Botón moda infantil: acceso a la sección moda infantil

Botón moda juvenil: acceso a la sección moda infantil

Botón moda mujer: acceso a la sección moda infantil

Botón moda hombre: acceso a la sección moda infantil

Botones acceso secciones

Versión 1.0

11

Pie

Versión 1.0

Desde aquí accedemos a las mismas páginas que desde el menú de navegación.

Además tendremos acceso

Mapa del sitio web. Desde donde se podrá acceder de forma esquemática a cualquier sitio de nuestra web.

Aviso legal. Aviso a los clientes de SUNCLEAR de la política de privacidad.

Contactar: Posibilidad de contactar con Sunclear así como mapa de las distintas tiendas.

12

PROYECTO SUNCLEAR

VERSIÓN 2.0

En esta segunda versión hemos introducido más elementos Flash, ya que entendemos que el público al que va dirigida la página es un público bastante joven.

13

Boceto página principal

Versión 2.0

14

Estructura del sitio Web

Versión 2.0

Imagen Flash

Película Flash

Entrada a redes sociales con Flash

Botones flash

Pie de página

Barra de navegación

Imagen Flash

15 Cabecera Consta de varios objetos

Menú de navegación Ver página 9 (igual a versión 1.0)

Logo Sunclear Imagen flash. Al entrar en la página

realiza una pequeña animación. Y a la vez es

un botón que va siempre a la página index.

Imagen flash Imagen flash. Al entrar en la página realiza

una pequeña animación.

Centro de la página Ver página

Pie de la página

Ver página

16

Centro de la página

Versión 2.0

La página entra con una película de la colección de primavera/verano mujer. Dicha película podrá pararla el usuario si lo desea.

Además a la derecha tiene unos botones n flash para ver las distintas colecciones de Mujer, Joven, Infantil y Hombre

17

Pie de la página

Versión 2.0

Acceso desde botones flash a las principales redes sociales.

Al posicionarse sobre los botones se realiza una pequeña animación.

Desde aquí accedemos a las mismas páginas que desde el menú de navegación.

Además tendremos acceso

Mapa del sitio web. Desde donde se podrá acceder de forma esquemática a cualquier sitio de nuestra web.

Aviso legal. Aviso a los clientes de SUNCLEAR de la política de privacidad.

Contactar: Posibilidad de contactar con Sunclear así como mapa de las distintas tiendas.

18

Validación

Como último paso todas nuestras páginas serán validadas, para comprobar que funcionan bien, para ello lo que hacemos hacer es irnos a una página llamada http://feedvalidator.org/, que se encargará de certificarnos que el feed no tiene ningún fallo en el código.

4

MaryWeb diseños Web S.A

91 333 3333

sucomercial@maryweb.es

Visite nuestra página Web:

www.maryweb.es

Esperamos que alguna de nuestras propuestas sea de su agrado. No olvide que estamos a su disposición.

Atentamente, Mary Web Es Directora