Академический Документы
Профессиональный Документы
Культура Документы
proyecto
website
Gugutata, empresa dedicada a la venta de productos y complementos
infantiles despues de su proyecto de crear su propia revista con consejos
para el cuidado de su bebé, nos planteamos darnos a conocer a través de
internet creando nuestro sitio web de nuestra marca.
¿Público objetivo?
-Todos los artículos de los que ha- - Uso de imágenes y contenido explicati- -Contiene sección donde puedes ver todos -Solo contiene publi-
cen publicidad contienen una breve vo por conjunto de fotografias. sus catálogos. cidad de sus propios
pero detallada explicación de sus -Cabecera con logotipo más eslogan, -Ofrece la webs en todos los idiomas y puedes productos y contiene
caracteristicas. contiene buscador. visualizar por pais todas las tiendas chicco y
- Web fácil de usar, menus ordenados -Uso de sonido en la home.
por ciudad el recorrido desde tu casa.
y sencillos. -En general bastante coherencia en el
color corporativo oco uso de colores en -Contiene un espacio en redes sociales.
- Poco texto y mucha imágen de gran
la web, en sus tipografias gris, azul y -Sección donde nos explican caracteristicas de
calidad.
negro con los menus en gris y fondos la empresa, puedes contactar a traves de email
blancos. o mensaje.
-Uso de una familia tipográfica. - Puedes comprar los sus productos online.
Indagación sobre páginas web
http://www.imaginarium.es/
-Web con dos menus superiores y un -Web con scroll demasiado largo. - Web creada a partir de una revista, en sus -Uso de publicidad en
tercero en la cabecera pero diferencia- -Un buen uso del color (Magenta, Naranja, secciones contiene artículos relacionados con el cabecera y en sus
dos por importancia. Morado y Blanco para el fondo). mundo infantil. laterales de productos
-Página con bastante información - Uso de dos familias tipográficas y de color -Contiene Cátalogos para comprar online con sus de sus catálogos, usa
y muchos contenidos diferentes en la negro en sus contenidos. fotografías y explicación correspondiente de cada flash.
home pero separados para diferenciar- -Uso de bastantes imágenes y flash, en artículo.
se sin problemas. algunas secciones contiene videos. -Se conecta con redes sociales.
-Segun las diferentes secciones de -En general una página ordenada para tanta -Puedes apuntarte a concursos y sorteos.
menu cambia uno de sus menus información aunque visaulmente no se -Puedes crearte tu perfil y subir fotografías de tu
superiores de información y color aprecie aveces cual es la noticia más bebé y conocer mamas.
siempre con la opción de inicio para importante. -Puedes consultar dudas con expertos y recibir la
evitar perder al usuario. revista en casa.
Indagación sobre páginas web
http://www.tubebe.com.uy/tb/newweb/index.php
-Contiene un abuso de
-La web contiene un menu superior -La página esta compuesta de publicidad -Es una web de consejos y artículos relacionados
publicidad en flash por
en la cual la sección temas tiene un en flash, imagenes y contenido. con el cuidado de un bebé.
encima de la cabecera,
submenu con diferentes artículos que -El diseño contiene ilustración en su fondo -Contiene el servicio de venta online aunque te
entre noticias en la
asu vez se dividen por temas. y con color azul claro y sus colores corpo- lleva a otra página diferente con distinta marca.
home y en el lateral
-La comunicación con el lector es rativos son magenta, verde y azul. -Contiene recetas para cocinar
ocupando bastante
ordenada en sus contenidos y siempre -Contiene dos familias tipográficas y -Obtiene un calendario de noticias del dia y calen-
espacio en su lado
tiene los menus presententes en cada utiliza el color negro, magenta y verde. dario de ovulación y embarazo.
derecho.
apartado y la opcion de volver hacia -Contiene buscador y gran uso de publici- -Puedes publicar fotos y eventos al registrarte de
atras con un clip. dad en flash incluso encima de la cabecera imagenes de tus hijos, cumpleaños etcétera.
-Contiene una sección multimedia en cuando está es demasiado simple. -Puedes enviar email, añadir a favoritos, contiene
la que contiene radio, tv y pdf que es -En general buen diseño en cuando a una guía en facebook y puedes participar en un
un poco liosa de utilizar y puede contenidos pero demasiada saturación de foro.
confundir al usuario. imágenes en flash. -Contiene sección multimedia con tv, radio y pdf.
Indagación sobre páginas web
http://sobrebebes.es/
-Web ordenada con buena legibilidad y -Web compuesta por imágenes, ilustracio- -Es una guía infantil donde contiene artículos relacio- Contiene publicidad en
difícil de perderse puesto que mantiene nes, contenidos, videos y flash. nados con el desarrollo y cuidado de un bebé. flash antes de su cabece-
siempre presente el menu y en la -Jerarquizando los contenidos en bloques de -Contiene espacio en redes sociales. ra y en su lateral dere-
sección en la que nos encontramos cajas y separandolos con filetes. -Puedes comentar, compartir y recibir email de las cho, también anuncios de
indicandola con color. -Color corporativo azul y magenta o morado secciones que te interesan. google con publicidad
-Contiene menu superior despegable y en el fondo blanco. -También puedes formar parte de la comunidad de escrita en el lateral de los
dividido en secciones y cada una de -Una familia tipográfica utilizando los padres. contenidos de las seccio-
ellas con temas relacionados entre la colores de negro en su contenido, morado, -Contiene la opción de compra online a traves de nes
sección. magenta y azul para destacados o títulos. enlaces a otras páginas de otra marca.
-En general una página compleja pero en su -Contiene una calculadora de ovulación y una guía de
diseño manda la simplicidad. canales que pueden interesar.
-Contenidos bien ordenados con un buen -Contiene también una sección con nombres e n
orden de lectura. varios idiomas
Indagación sobre páginas web
Publicidad Enlaces Noticias Localización Novedades Quienes somos Contácto Redes sociales Videos Blog Ilustración Tienda virtual Ofertas Artículos Diseño
Decopeques
Chicco
Imaginarium
La Redoute
Mi bebé y yo
Tu bebé
Sobre bebes
Guía intantil
Bueno
Regular
Si
No
Tras la indagación he sacado mis pro-
pias conclusiones sobre esta pregun-
ta:
Concurso
y siempre estará indicado en el cuadro de información
los pasos que hemos dado asta llegar a donde estamos
ejemplo:
Gugutata>Concurso>Suscripción revista
Para padres que han tenido un bebé o que tienen niños y que les guste estar informados
de nuestros productos y sobre temas y curiosidades del mundo del Bebé.
Para familiares o amigos que quieran regalar productos y complementos para
el recién llegado o para los pequeñines conocidos.
Antes de realizar la web directa-
mente he realizado su estructura
en modulos para ver su estructura
y matizarla.
Estructura de la web
Eslogan empresa
Estructura de la web
960px
630 px 630 px
Página web
Este sería un gran ejemplo de nuestra
Logotipo
Menu superior cabecera Registrarse redes sociales estructura web en modulos, se divide
en 3 partes diferentes para darle aire al
Menu superior de servicios
contenido y para separar contenidos
Publicidad en flash según su clase.
Menú INFORMACIÓN
Lateral
(CATÁLOGO)
1250 px
(aproximadamente)
Footer
Distribución de espacios
126 px Header:
960 px ancho X 175 px alto
Publicidad Flash
580 px ancho X 242 px alto Publicidad Flash
343 px ancho X 242px alto
Margen:
960 px ancho X 20 px alto
Imformación:
Menú catálogo: 680 px ancho X 600 px alto
250 px ancho X 600 px alto ( su altura depende del
contenido)
Footer: Margen:
960 px ancho X 20 px alto 960 px ancho X 20 px alto
Distribución de espacios
Catálogo
producto producto producto
1 2 3
Botón fotografias 1 2
tienda
Distribución de espacios
Esta sería la estructura si le damos a artículo del mes en opción del menú de servicios:
La caja de la información se
dividirá en dos partes , la izquierda
con la información según de la
opción que le demos y la derecha
siempre con publicidad en flash de
mi revista ``Palmitas´´en la cual si
Artículo del mes
cliqueamos se irá al Pdf de nuestra
revista lo mismo que si le damos a
la opción de Revista en el menú
superior del header.
Titular Publicidad
Flash de
Texto Fotografía nuestra
revista
Distribución de espacios
Noticias
Publicidad
Flash de
Noticia 1 Fotografía
nuestra
revista
Enlaces de interés
Noticia 2 Fotografía
Enlaces de interés
Distribución de espacios
Esta sería la estructura si le damos a ofertas de la opción del menú de servicios:
En esta sección se encuentran
4 ofertas cada una con su fotografía
y una breve explicación en la
cual cliqueamos y nos lleva al
catálogo de prestashop para
poder comprarlo directamente.
Ofertas
Ofertas Publicidad
Flash de
nuestra
Oferta 1 Fotografía
revista
Oferta 2 Fotografía
Oferta 3 Fotografía
Oferta 4 Fotografía
Distribución de espacios
Participa
Distribución de espacios
Esta sería la estructura si le damos a Agenda de embarazo de la opción del menú de servicios:
Contiene información por
cada semana que cliqueamos
y una fotografía, para elegir
la semana obtenemos un menú
desplegable de la primera semana
Agenda embarazo asta la 40 semana en la que vamos
informando de los sintomas para
guiar a la embarazada.
Agenda embarazo
Publicidad
1 semana
Flash de
texto nuestra
revista
Menú Catálogo
Para hacer el menú catálogo lo he echo en spray
vertical. Esta tipografía es:
He utilizado la tipografía: WhatDoWeDoallDay a 4 pt
Color: # F09
R: 225
G: 0
B: 153
Color: # 309
Color: # FF6699
R: 255
G: 102
B: 153
R: 225 R: 102
G: 0 G: 204
B: 153 B: 255
Contácto Gugutata
Tipografía: R: 102
G: 51
R: 153
G: 204
Tahoma Bold B: 255 B: 51
Menú Servicios
Concurso Agenda de embarazo
R: 153 R: 102
Noticias G: 204 G: 204
B: 255
B: 51
Noticias
Color: # 663399
R: 102
G: 51
B: 255
R: 225 R: 102
G: 0 G: 204
B: 153 B: 255
Color: # FF6699
Color: # 663399
R: 255
G: 102 R: 102
B: 153 G: 51
B: 255
Color: # 309
R: 51 Color: # 99CC33
G: 153 R: 153
B: 0 G: 204
B: 51
R: 225 R: 204
G: 153 G: 204
B: 0 B: 204
Usos tipográficos
Tipografía:
Color del texto base: Para opciones de submenús Color anuncios de flash:
y para texto base:
Color: # 333 Color: # 66CCFF
R: 102
R: 51 Verdana Geneva Sans- Serif G: 204
G: 51 B: 255
B: 51
R: 153
Tahoma Geneva Sans- Serif G: 204
Color: # F09 B: 51
R: 225
G: 0
Para destacados:
Color: # FFFFFF
B: 153
verdana bold italic R: 255
verdana italic G: 255
B: 255
Color de footer:
Para detalles decorativos y
Color: # F90
R: 225
para anuncios en flash:
G: 153
B: 0 WhatDoWeDoallDay
Elementos web
ar
tíc
ulo
s
no
Asceso como usuario: tic
ias
s
rta s
USUARIO ENTRAR ofe cu rso
con
CONTRASEÑA REGISTRARSE
catálogo
Tipo de botones:
agenga de embarazo
PARTICIPA ENVIAR
Anuncios Flash
Nuestra Revista
Palmitas
4
Cristina
Aguilera
Nos comenta su
experiencia como
madre
Como interpretar
Moda
Primavera SU IMAGINACIÓN
Nuevo catálogo en sus dibujos
primavera 2011
Cristina
Aguilera
Nos comenta su
experiencia como
madre
Como interpretar
Moda
Primavera SU IMAGINACIÓN
Nuevo catálogo en sus dibujos
primavera 2011
Ya puedes conseguirla
en tus quioscos por
solo 2 eurosª
Revista número 1 en
pdf
Anuncios Flash
CRECIMIENTO
La felicidad ayuda
a crecer a los niños
CREATIVIDAD
NUESTROS La felicidad siempre inventa algo nuevo
10Valores
SEGURIDAD
La felicidad necesita seguir
ESPONTANIEDAD
CRECIMIENTO
protegida La feliciddad es un
sentimiento natural
USUARIO ENTRAR
CONTRASEÑA REGISTRARSE
Concurso
Agenda de embarazo
Ofertas
Artículo del mes
CREATIVIDAD Noticias
La felicidad siempre inventa algo nuevo
ar
tíc
ulo
s
no
tic
ias
s
rta sos
ofe cur
con 4
Cristina
Aguilera
Nos comenta su
experiencia como
madre
Como interpretar
Moda
Primavera SU IMAGINACIÓN
Nuevo catálogo en sus dibujos
primavera 2011
Ya puedes conseguirla
catálogo en tus quioscos por
solo 2 eurosª
Revista número 1 en
agenga de embarazo pdf
USUARIO ENTRAR
CONTRASEÑA REGISTRARSE
Concurso
Agenda de embarazo
Ofertas
Artículo del mes
CREATIVIDAD Noticias
La felicidad siempre inventa algo nuevo
Mundial de la Salud (OMS) ha decidido variar las cifras Madre del mes:
Cristina
Revista número 1 en
pdf
USUARIO ENTRAR
CONTRASEÑA REGISTRARSE
Concurso
Agenda de embarazo
Ofertas
Artículo del mes
CREATIVIDAD Noticias
La felicidad siempre inventa algo nuevo
PARTICIPA
Madre del mes:
Cristina
Aguilera
Nos comenta su
experiencia como
madre
Como interpretar
Moda
SU IMAGINACIÓN
Ma Primavera
en sus dibujos
dre Nuevo catálogo
Cris del me
primavera 2011
Agu tina s:
ile
No
exp s com ra
ma erie ent
dre nci a su
Mod a com
o
Prim a
Nu av Co
prim evo era
ave catálo mo
SU
Ya puedes conseguirla
ra
201 go
int
erpr
IM
1
eta
r
AG
IN
en CA
s di IÓN
su
bu
jos
Revista número 1 en
pdf
USUARIO ENTRAR
CONTRASEÑA REGISTRARSE
Concurso
Agenda de embarazo
Ofertas
Artículo del mes
CREATIVIDAD Noticias
La felicidad siempre inventa algo nuevo
Nombre:
Apellidos:
Teléfono:
Email:
Calle y número:
Ciudad:
Localidad:
4
Cristina
Aguilera
Nos comenta su
C.P:
experiencia como
madre
Como interpretar
Moda
Primavera SU IMAGINACIÓN
Nuevo catálogo en sus dibujos
primavera 2011
Ya puedes conseguirla
en tus quioscos por
solo 2 eurosª
4
Ma
dre
Cris del me
ENVIAR
Agu tina s:
Revista número 1 en
ile
No
exp s com ra
ma erie ent
dre nci a
Mod a comsu
o
Pr a
im
Nu av Co
prim evo era
ave catálo mo
ra
201 go SU int
erpr
pdf
IM
1
eta
r
AG
IN
en CA
s di IÓN
su
bu
jos
USUARIO ENTRAR
CONTRASEÑA REGISTRARSE
Concurso
Agenda de embarazo
Ofertas
Artículo del mes
CREATIVIDAD Noticias
La felicidad siempre inventa algo nuevo
Cristina
Aguilera
Nos comenta su
experiencia como
madre
Como interpretar
Moda
Primavera SU IMAGINACIÓN
Nuevo catálogo en sus dibujos
primavera 2011
Ya puedes conseguirla
en tus quioscos por
solo 2 eurosª
Revista número 1 en
pdf