Está en la página 1de 25

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á -No encontramos elementos que aporte dinamismo a la web.
estatica durante toda la navegación por la web.
-La carga de elementos gráficos es pobre, al igual que el uso tipográfico,
-El contenido esta estructura en una reticula de 3 columnas donde se basandose en titulaes y parrafos no trabados.
muestra en una barra lateral las opciones de navegación en cada sección
que nos encontramos. - Estos aspectos de la pobreza del CSS dan un aspecto a la página de
vacio y falta de contenidos.
-En la columna de mayor tamaño encontramos el grosso de contenido.
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 - La reticula esta compuesta por dos columnas. En una columna amplia
Random House Mondadori. que conteiene otras 14 editoriales. situada a la izquierda encontramos un menu superior para navegación
por las distintas editoriales y a continuación el contenido.
- La web esta muy bien jerarquizada y organizada por medio de menus
dianmicos para la selección de cada editorial. - La columna estrecha y situada a la derecha es usada para contenidos de
segundo orden, como publicidad, busquedas y enlaces.
- Queda en todo momento muy claro en que editorial nos encontramos y
cuales son las secciones de cada una de ellas.
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
Editorial 451 Ancho Fijo
800 px. x Scroll

- Un cambio significativo de las webs analizadas hasta el momento. Los - Otros de los aspectos muy bien resueltos es la coherencia en cuanto a
elementos gráficos adquieren muchisima mas relevancia, haciendo de la imagen de marca de la editorial, pues se ha aplicado de forma correcta
este modo llamadas de atención hacia el usuario, jerarquizando y organi- en el formato web.
zando de este modo los contenidos de una forma visualmente atractiva.
-Un aspecto negativo puede ser el ancho minimo de la web, pues se
-La web esta estructura en la reticula de 3 columnas. Dejando la primera ajusta al tamaño minimo seguro 800 px, quiza aumentando este ancho
de llas para el menu de navegación, la central para el desarrollo del hacia 1024 px los espacios de la web respiraría mejor.
contenido y la terecera para enlaces secundarios.
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 - En cuanto al aspecto gráfico, la imagen gráfica de la indentidad ha sido
trata. Mueve una gran contenido de información tanto del ambito edito- adpatada al formato web de forma correcta.
rial como de organización de otro tipo de actividades.
- Se hace un buen uso tipográfico y tratamiento del color, y a pesar de no
-Basada en tecnología flash la web gana en dinamismo sin caer en un usar cajas para organizar los contenidos, al usar una buena reticula para
exceso del uso de esta tecnología. Esta usada con corrección y sin que la organización de los elementos, esos espaciso vacios ayudan a respirar
esta se anteponga sobre el contenido. 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 -Otros de los aspectos a relsaltar son detalles como fondos pixelados (se
aparece el menu principal y un menu dinámico, y dos columnas en las adjunta imagen de un pantallazo sobre una parte del catálogo), que
que encontramos una columna estrecha en izquierda para categorías de demuestran el poco valor que aporta la plataforma web a la empresa.
las ediciones y una columna ancha en derecha para el contenido.
- Algo que choca con la linea en cuanto diseño que ha mantenido esta
-El aspecto que mas resalta en el analisis web es la cierta incoherencia al empresa a lo largo de su historia.
adaptar la imagen corporativa de la editorial al formato web.

-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- - Se hace el uso de una reticula equilibrada y con espacio para que respiren
pales: la parte superior con el menu y opciones de busquedas, seguida de los elementos.
una caja para novedades y por ultimo un contenedor para destacados.
- Se ha diseñado un CSS coherente con la imagen de la marca y hace atrac-
-Una vez dentro de algun contenido la caja de novedesdes y destacadados tiva la lectura de elementos.
se unidica para incluir todo el contenido.

- 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. - Para no verse perjudicada la legibilidad de los contenidos se opta por
La estructura de esa web se compone bajo una sola columna. Con un introducir los contenidos en un caja con fondo de color.
menu unico en la parte superior y bajo el menu se encuentra el contenido.
-Dentro de esta caja se estructura los elementos en dos columnas, se
- La apliación de la identidad de la marca es llamativa con el uso de un han trabajado los parrafos, los espacios entre estos y coherencia en
background personalizado, el cual refuerza la identidad de la misma. 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 vs. Necesidades de usuario.
- Fidelización de clientes. - Información sobre las ediciones
- Darse a conocer a usuarios secundarios. - Información sobre autores
- Aumentar las ventas de sus productos. - Próximas novedades
- Afianzarse en el sector del género. - Tipología de productos y promociones
-Toma de contacto con los clientes. - Información sobre la editorial