PROYECTO WEB

http//:fasedeindagaciónproyectoweb.pdf
Fernando Torres Gómez 2ºA
 ........Y PARA QUE UNA WEB?

¿Que necesita la empresa?

E n t r e La Ve n ta O n l i n e y l a Web corporativa

QUE OFRECER DESDE EL SITE: QUE OBTENER CON EL SITE:

-Información sobre novedades -Toma de contacto con clientes
-Tipología de productos -Fidelización con los visitantes
-Promociones
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Editorial Gigamesh Fijo Izquierda
800px. x Scroll

-La web mantiene un menu y cabecera en la parte superior que será
estatica durante toda la navegación por la web.
-El contenido esta estructura en una reticula de 3 columnas donde se
muestra en una barra lateral las opciones de navegación en cada sección
que nos encontramos.
-En la columna de mayor tamaño encontramos el grosso de contenido.
-No encontramos elementos que aporte dinamismo a la web.
-La carga de elementos gráficos es pobre, al igual que el uso tipográfico,
basandose en titulaes y parrafos no trabados.
- Estos aspectos de la pobreza del CSS dan un aspecto a la página de
vacio y falta de contenidos.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Minotauro -Timun Mas Ancho Fijo
996px. x Scroll

- Desde el año 2009 grupo Planeta unifica las webs de la editorial Mino- -El uso de cajas de diferentes tonos bajo la misma tonalidad favorece la
tauro y Timun Mas. Es una web con gran carga de contenido. organización de los elementos.

- La reticula se basa en un banner en el top de la web y dos columnas. -Se resalta el uso de la imagen para llamadas de atención.
Una columna en la izquierda para la navegación y la columna grande en la
parte derecha para contener el contenido. -La jerarquización de los elementros esta resultado de un modo correcto,
a pesar del gran volumen del contenido alojado, teniendo claros 3 puntos
-Podemos observar que las identidades de ambas editoriales se pierden principales de atención para la navegación de la web.
al ser alojadas bajo una sola web. Pues no nos queda clara cual es la
identidad gráfica de cada una.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Plaza y Janés Ancho Fijo
996px. x Scroll

- La web se encuentra dentro de una plataforma del grupo editorial
Random House Mondadori. que conteiene otras 14 editoriales.
- La web esta muy bien jerarquizada y organizada por medio de menus
dianmicos para la selección de cada editorial.
- Queda en todo momento muy claro en que editorial nos encontramos y
cuales son las secciones de cada una de ellas.
- La reticula esta compuesta por dos columnas. En una columna amplia
situada a la izquierda encontramos un menu superior para navegación
por las distintas editoriales y a continuación el contenido.
- La columna estrecha y situada a la derecha es usada para contenidos de
segundo orden, como publicidad, busquedas y enlaces.
 PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
La factoría Ancho Fluido
883px. x Scroll

- Un caso similar a la web de la editorial Gigamesh. De aspecto pobre y -Los contenidos no estan contenidos en cajas para la orgnización y
vacía debido al poco uso de elementos gráficos atractivos, tratamiento jerarquia de los mismos , con lo que genera una sensación de vacio.
de la tipografía.
- El uso de degradados en barras para los titulos no favorece a la legibili-
- La web esta estructurada con un banner en el top, y dos columnas dad y aporta ruido al conjunto de la web.
principales. La columna estrecha a la izquierda para acceso de registro y
busquedas en la web, y la colmna amplia a la derecha para el contenido.
 PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Ediciones Ambar Ancho Fijo
944px. x Scroll

-
- Se repite la misma estructura en cuanto a la reticuala que en resto de - La web es demasiado estática, y no resaltan demasiado los elementos
las webs, con un banner superior y dos columnas. gráficos. Solo hace un juego de colores en el logotipo y catalogo con un
código de color dependiendo de la categoría visitada.
-Bajo el banner situado en el top encontramos el menu básico de nave-
gación por las principales secciones. - De nuevo deja espacios vacios que desequilibran la composición general
de la la maquetación web.
-Sobre la columna estrecha situada a izquierda encontramos un subme-
nu de las categorias de la editorial.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
- Un cambio significativo de las webs analizadas hasta el momento. Los
elementos gráficos adquieren muchisima mas relevancia, haciendo de
este modo llamadas de atención hacia el usuario, jerarquizando y organi-
zando de este modo los contenidos de una forma visualmente atractiva.
-La web esta estructura en la reticula de 3 columnas. Dejando la primera
de llas para el menu de navegación, la central para el desarrollo del
contenido y la terecera para enlaces secundarios.
Editorial 451 Ancho Fijo
800 px. x Scroll
- Otros de los aspectos muy bien resueltos es la coherencia en cuanto a
la imagen de marca de la editorial, pues se ha aplicado de forma correcta
en el formato web.
-Un aspecto negativo puede ser el ancho minimo de la web, pues se
ajusta al tamaño minimo seguro 800 px, quiza aumentando este ancho
hacia 1024 px los espacios de la web respiraría mejor.
 PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
La Fabrica Editorial Ancho Fijo
980px. x 646px.

- Este caso de web es el mas complejo debido al tipo de editorial que se
trata. Mueve una gran contenido de información tanto del ambito edito-
rial como de organización de otro tipo de actividades.
-Basada en tecnología flash la web gana en dinamismo sin caer en un
exceso del uso de esta tecnología. Esta usada con corrección y sin que
esta se anteponga sobre el contenido.
- En cuanto al aspecto gráfico, la imagen gráfica de la indentidad ha sido
adpatada al formato web de forma correcta.
- Se hace un buen uso tipográfico y tratamiento del color, y a pesar de no
usar cajas para organizar los contenidos, al usar una buena reticula para
la organización de los elementos, esos espaciso vacios ayudan a respirar
a la web no dando esa sensación de vacio.

- Estructurada en dos grandes partes: un menu superior que abarca todo

el ancho de la web y la parte infeior de esta se desarrolla todo el conteni-
do, junto a menus secundarios que iran apareción en la navegación.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Alianza Editorial Ancho Fijo
1031px. x Scroll

- La web esta estructurada en 3 partes, con una partes superior donde
aparece el menu principal y un menu dinámico, y dos columnas en las
que encontramos una columna estrecha en izquierda para categorías de
las ediciones y una columna ancha en derecha para el contenido.
-El aspecto que mas resalta en el analisis web es la cierta incoherencia al
adaptar la imagen corporativa de la editorial al formato web.
-Otros de los aspectos a relsaltar son detalles como fondos pixelados (se
adjunta imagen de un pantallazo sobre una parte del catálogo), que
demuestran el poco valor que aporta la plataforma web a la empresa.
- Algo que choca con la linea en cuanto diseño que ha mantenido esta
empresa a lo largo de su historia.

-Los elementos gráficos no tienen demasiado peso al igual que el css es

demasiado pobre en su diseño.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Editorial Seix Barral Ancho Fijo
761px. x Scroll

- Una web muy básica y sencilla. Organiza los elementos en dos bloques: - El tamaño de ancho esta por debajo del minimo seguro 800px, asi que
un menu en la parte superior y una columna para el contenido. de este modo podría ampliarse hasta este ancho seguro para poder dejar
mas espacios entre los pocos elementos, y de esta forma no arrinconar
- No es una web compleja en cuanto a su ramificación en secciones. todos los elementos hacia la parte superir izquierda.

-Carece de elementos gráficos, salvo las imagenes de las portadas de

libros. Es una web estatica salvo por la animación de introducción.
 PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Libros del Asteroide Ancho Fijo
948px. x Scroll

- Su estructura se basa en la horizontalidad, pues genera dos zonas princi-
pales: la parte superior con el menu y opciones de busquedas, seguida de
una caja para novedades y por ultimo un contenedor para destacados.
-Una vez dentro de algun contenido la caja de novedesdes y destacadados
se unidica para incluir todo el contenido.
- Se hace el uso de una reticula equilibrada y con espacio para que respiren
los elementos.
- Se ha diseñado un CSS coherente con la imagen de la marca y hace atrac-
tiva la lectura de elementos.

- La identidad de la marca se ha aplicado de forma correcta al fomrato web,

por medio del uso del color corporativo y elementos gráficos relevantes.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR Destino 748 px. x 616 px.
Fijo Izquierda

- Dentro de las webs de las editoriales del grupo planeta vamos a encontrar - No se hace uso de elementros gráficos salvo el de las imagenes de las
la estrategia de la web sencilla y básica. portadas de cada libros.

- Basada en el uso de un menu superior básico y tras este una caja que - El ancho de 748px agrupa todos los contenidos hacia la parte superior
recoje el contenido que corresponde a la sección. izquierda dando la sensación de esta todo demasiado compacto, sin dejar
espacios para que los contenidos respiren y aprovechar mas el espacio.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
TusQuets Ancho Fijo
980 px. x Scroll

- Estructurada en dos columnas, con una columna izquierda estrecha identidad de la editorial, es báisco usar este tono para que la aplicación
para el único menu de navegación y una columna derecha para el desa- de la misma sea coherente, de este modo hace un guiño al diseño de las
rrollo de los contenidos. portadas de sus libros.

- A primera vista el fondo el tono oscuro de la web puede parecer no -Web compleja en cuanto a gran cantidad de contenidos, pero el menu
correcto para la legibilidad de la web, pero haciendo un analisis de la esta bien estructurarado, facilitando de este modo la navegabilidad.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Siruela Ancho Fijo
900px. x Scroll

- Nos encontramos con un index diferente al resto de webs analizadas - Se mantiene la columna de navegación y una columna derecha para el
en el sector, por medio del uso una reticula para un menu animado, contenido de la sección.
destacados en primera página y la columna izquierda de navegación.
-El css apenas se ha trabajo, y no encontramos elementos graficos y un
- Este dinamismo que encontramos en la web, se pierde por completo uso pobre del color.
conforme vamos navegando por el interior de la web, pues la organiza-
ción de las web se basa en dos columnas.
 PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
TusQuets Ancho Fijo
900px. x Scroll

- Estructura básica de web basada en un banner superior con el único - La web carece de elementos gráficos que aporte dinamismo y llamadas
menu de navegación, una columna izquierda, columna derecha para el de atención en los contenidos, igual que un uso pobre del color.
contenido de las secciones y un footer con datos de la empresa.
- En general el diseño de CSS es muy pobre.
-La columna izquierda esta totalmente desaprovechada pues solo se hace
uso de ella para un campo de texto de un furmulario para el boletín de
suscripción a la editorial.
 PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Alpha Decay Ancho Fijo
1045px. x Scroll

- Estructura básica de web basada en un banner superior con el único - No se han trabajo elementos gráficos aparte de las portadas de libros y
menu de navegación, una columna izquierda para el contenido de las diferentes pesos para jerarquizar con titulares.
secciones, columna derecha para secciones de noticias.
- Gran peso por parte de las imagenes de las portadas.
- Con un ancho de pagina amplio hace que los elementos no se encuen-
tren demasiado apretados.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
El Aleph Editores Ancho Fijo
920px. x Scroll

- Rompe la estructura que hemos observando en los analisis anteriores.
La estructura de esa web se compone bajo una sola columna. Con un
menu unico en la parte superior y bajo el menu se encuentra el contenido.
- La apliación de la identidad de la marca es llamativa con el uso de un
background personalizado, el cual refuerza la identidad de la misma.
- Para no verse perjudicada la legibilidad de los contenidos se opta por
introducir los contenidos en un caja con fondo de color.
-Dentro de esta caja se estructura los elementos en dos columnas, se
han trabajado los parrafos, los espacios entre estos y coherencia en
cuanto a color.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR
Alba Editores Fijo Izquierda
920px. x Scroll

- Estructura básica de web basada en un banner superior con el único - Pobre en cuanto a carga de elementos gráficos salvo por el uso como en
menu de navegación, una columna izquierda para el contenido de las el resto de webs de imagenes solo para el caso de mostrar las portadas
secciones, columna derecha para el contenido. de los libros.

- Las formas del diseño del banner superior no esta muy justificado , -De nuevo el diseño del css es pobre en el trabajo de parrafos y jerarquiza-
creando desequilibro en la composicion general. ción de los elementos de texto.
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR

Comparativa de principales secciones

Quienes Contacto Novedades Críticas Autores Catálogo Colección Destacado Distribución Suscripción Area Noticias Prensa Premios Tienda
Somos Registro Personal
PROYECTO WEB CORPORATIVA
ANALIZANDO EL SECTOR

SECCIONES TECNOLOGIA BRANDING ÁRBOL CONT. EXPERIENCIA COMERCIO EL. DISEÑO

Amplia HTML- CSS 5 Niveles

Amplia HTML- CSS-flv 4 Niveles

Básico HTML- CSS 2 Niveles

Básico HTML- CSS 2 Niveles

Básico HTML- CSS 2 Niveles

Básico HTML- CSS 2 Niveles

Amplia HTML- CSS 5 Niveles

Amplia FLV 4 Niveles

Amplia HTML- CSS-flv 3 Niveles

Amplia FLV 4 Niveles

5 Niveles

Amplia HTML- CSS-flv 3 Niveles

Básico HTML- CSS 4 Niveles

Amplia HTML- CSS 3 Niveles

Básico HTML- CSS 2 Niveles

Amplia HTML- CSS-flv 4 Niveles

Básico HTML- CSS-flv 3 Niveles

Básico HTML- CSS 3 Niveles

Básico HTML- CSS 4 Niveles

Básico HTML- CSS 3 Niveles

Básico HTML- CSS 3 Niveles

Secciones
Básico/Quienes somos/Autores/Novedades
Carro de compra
Amplia/Prensa/Colecciones/Multimedia
Posicionamiento de la empresa por medio del web
- Web basada en elementos dinámicos
- Gran carga de elementos gráficos
- Romper las estructuras básicas de topmenu y dos columnas
- Legibilidad en texto y organizacióm limpia y clara.
- Coherencia con la identidad corporativa
- En conexión con las redes sociales

- Principales productos:
Biblioteca de Autores
Colecciones de los principales clásicos por autores
Información biográfica vinculada a estos autores
Ampliación de información vinculada a sus obras.

Colecciones secundarias
Monográfico Ox
- Muestran interés por la ciencia si entrar en detalles complejos.
- Es consumidor de tecnología y siente que esta forma parte de su vida.

- Ademas del entretenimiento, busca en la lectura una

que le aporte algo mas que una simple noticia o historia.
,
-La relación del consumidor con el producto se desarrolla de forma relajada y con interés en el detalle.
- Valora el producto como objeto de colección.
-

- Consume productos editorial como parte de su biblioteca personal.

Relación con el medio:

- Uso cotidiano del medio para cuestiones tanto laborales y personales.
- Busqueda de información, compra y descarga de ella.
- Uso para comunicación y relacionarse.

Perfiles de usuarios secundarios

- Traductores
- Librerias
Necesidades de la empresa
- Fidelización de clientes.
- Darse a conocer a usuarios secundarios.
- Aumentar las ventas de sus productos.
- Afianzarse en el sector del género.
-Toma de contacto con los clientes.
vs. Necesidades de usuario.
- Información sobre las ediciones
- Información sobre autores
- Próximas novedades
- Tipología de productos y promociones
- Información sobre la editorial