Está en la página 1de 10

Diseño web

MªCarmen Alcalá Cámara


Estructura definitiva de la web

- Contendrá una entrada con el logotipo de la marca y dos opciones para clikear directamente al
cátalogo y a quienes somos, puesto que ahora mismo nos interesa darnos a conozer y vender
productos.

- La home de nuestra página web empieza por la cabecera en la que contendra el logotipo de
nuestra marca, un botón de registrarse en nuestra web, enlaces a redes sociales y un menu
superior y distingido al resto dandole la principal importancia para que el usuario pueda conocer-
nos antes de navegar por nuestra web.

Cada opción sera de un color y son 4 opciones:

-Nuestra revista: en la que podremos ver la revista en pdf


- Mi cesta: donde el usuario que compre online pueda ver sus artículos guardados para su
compra.
-Contacto: donde el usuario puede ver nuestra información para poder contactar con nosotros vía
email y ver con un mapa de españa donde tenemos nuestras tiendas y su localización correspondien-
te.
-Quienes somos: Explicamos a que nos dedicamos y la razón.

Despues de la cabecera obtenemos a lo largo un menu superior horizontal de color naranja con
la tipografía color blanco con 5 opciones:

-Concurso del mes : cada mes en nuestra página se sortea algún producto
-Artículo del mes: cada mes comentaremos un artículo relacionado con el cuidado del bebé y en
donde pondremos enlaces relacionados para el interés del usuario.
-Agenda de embarazo: Para ayudar a la madre sobre los sintomas de estar embarazada y cada
paso por
semanas de los sintomas que irá descubriendo.
-Noticias: esta sección contendra curiosidades y novedades
-Ofertas: Pondremos los artículos con los precios más bajos o de temporada pasada.
Estructura definitiva de la web

Despues del menu superior horizontal contendra a todo su ancho publicidad de productos sobre
mi marca en FLASH

Contendrá en su lateral izquierdo un menu lateral vertical que sera el catálogo se divide por
submenus jerarquizando las
opciones y sus principales son:

-Bebé: Que contiene en su submenú las opciones de complementos, puricultura y ropa


-Infantil: que contiene un submenú con las opciones de gafas, relojes, paraguas, joyeria infantil,
mochilas
y complementos.
-Ropa: tendra un submenú con opciónes para niño o niña
-Zapatos: tendra un submenú para niños o niñas
-Juguetes: con su submenú de bebes, niños y niñas.

En el lateral derecho contiene un espacio en blanco para la información que pongamos según las
opciones de los menus ya indicados, siempre que no haya opción contendrá un cartel o noticias en
resumen en las que enlazan a la principal, si hay opción escojida como por ejemplo del catálogo
ropa para niña en este lateral saldra todos los productos que obtenemos en esa opción tanto como
si por ejemplo le damos a un servicio como concurso del mes en este lateral se vera la información.

La web termina con un footer con las opciones de contacto, quines somos, registrate a la web y
politica de privacidad.

Nuestro punto fuerte y al que le daremos importancia a nuestra web es a la venta online
para ello tendremos que darle gran importancia al catálogo y obtener una venta comoda y fácil
para nuestros usuarios.
Distribución de espacios
1024 % Presentación a la web

Logotipo

CATÁLOGO QUIENES SOMOS

630 px 960px 630 px


Página web
Dos opciones para entrar a catálogo y para conocernos Menu superior cabecera

Logotipo
Registrarse redes sociales
Menu superior de servicios

Publicidad en flash Ilustración o textura


Ilustración o textura
(Rellena toda la pantalla) INFORMACIÓN

Menú
Lateral 1250 px
(CATÁLOGO) (aproximadamente)

Footer
Distribución de espacios

Este es un ejemplo de la réticula del catálogo en la que cada cuadro vendra foto del producto e información.

Menu superior cabecera

Logotipo
Registrarse redes sociales
Menu superior de servicios

Publicidad en flash Ilustración o textura


Ilustración o textura
(Rellena toda la pantalla)

Menú
Lateral
(CATÁLOGO)

Gafas

Footer
Distribución de espacios

6 filas x 7 columnas de ancho 960 px y de alto 1250px Modulos y retícula

6 filas x 7 columnas de ancho 25,4 cm y de alto 3,07291662...cm


Sistema de navegación
Uso del color

Para menú de cabecera cada cuadro de un color:

Nuestra revista Para Menú servicios


R: 153 y lateral:
G: 255
B: 255 R: 255
G: 153
B: 0
Mi cesta

R: 255 Para submenus:


G: 0
B: 102 R: 204
G: 204
Contacto B: 51

R: 204
G: 5
B: 204

Quienes somos Fondo de la web:

R: 51 R: 255
G: 153 G: 255
B: 51 B: 255
Usos tipográficos

Color del texto: Tipografía:

R: 51 Para titulos y para opciones de menú


G: 51 verdana bold
B: 51
Para opciones de submenús y para texto base

R: 255 verdana regular


G: 255
B: 255 Para destacados
verdana bold italic
verdana italic