maryweb: proyecto sunclear
DESCRIPTION
Proyecto pagina web para la empresa Proyecto sunclear realizado por MaryWebTRANSCRIPT
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
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
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