Anda di halaman 1dari 43

Proyecto

web
1. Briefing
1.1 ¿Qué es cuentópolis?
- Editorial de Literatura infantil y juvenil
1.2 Público objetivo
- Cuentos con carácter educativo
1.3 Posicionamiento
- Edita cuentos de nuevos autores e ilustradores
1.4 Necesidades de la empresa
- Especial cuiadado en sus materiales
1.5 ¿Por qué una web?
- Ubicada en Granada
1.6 Necesidades del cliente

2. Investigación
2.1 Análisis del sector editorial
2.2.1 Kalandra Padres y madres aficionados a la lectura
2.2.2 Edimáter y preocupados por la educación
2.2.3 Anaya El producto debe convencer a de sus hijos
2.2.4 Alfaguara
2.2.5 Parramón Autores e ilustradores
2.2.6 Conclusiones
1. Briefing
1.1 ¿Qué es cuentópolis? POSICIONAMIENTO - Ser la primera opción en la mente de padres
1.2 Público objetivo y madres a la hora de buscar un cuento ilustra-
1.3 Posicionamiento do educativo
1.4 Necesidades de la empresa
1.5 ¿Por qué una web? - Ser un referente en la búsqueda de nuevos
1.6 Necesidades del cliente autores e ilustradores

2. Investigación
NECESIDADES DE LA EMPRESA 1. Llegar a nuevos clientes
2.1 Análisis del sector editorial
2. Fidelizar con el cliente
2.2.1 Kalandra
3. Aumentar la venta de libros
2.2.2 Edimáter
4. Dar a conocer a sus autores e ilustradores
2.2.3 Anaya
2.2.4 Alfaguara
2.2.5 Parramón
2.2.6 Conclusiones
1. Briefing
1.1 ¿Qué es cuentópolis? NECESIDAD DE UNA WEB 1. Dar a conocer la editorial a nuevos clientes
1.2 Público objetivo 2. Fidelizar con el cliente: ofrecer algo nuevo
1.3 Posicionamiento 3. Creación de un mercado on-line de venta de
1.4 Necesidades de la empresa libros
1.5 ¿Por qué una web? 4. Dar a conocer a sus autores e ilustradores
1.6 Necesidades del cliente creando secciones específicas para este público
objetivo

2. Investigación
NECESIDADES DEL CLIENTE
2.1 Análisis del sector editorial
2.2.1 Kalandra
2.2.2 Edimáter Padres y madres Autores e ilustradores
2.2.3 Anaya - Información sobre los cuentos: - Información sobre los cuentos:
2.2.4 Alfaguara * temática * proceso de creación
2.2.5 Parramón * precio * información sobre los autores e
2.2.6 Conclusiones * ¿cómo obtenerlo? - ilustradores que aparecen
* ¿Cómo colaborar en la editorial?
2. Investigación
2.1 Análisis del sector editorial ¿QUÉ EDITORIALES? 1. Relacionadas con el público infantil y juvenil
2.2.1 Kalandra 2. Otras web para ver soluciones de diseño
2.2.2 Edimáter
2.2.3 Anaya Delimitación geográfica, web de editoriales provin-
2.2.4 Alfaguara ciales y nacionales, ya que son la competencia di-
2.2.5 Parramón recta.
2.2.6 Conclusiones

3. Libro de estilos
1.1 ¿Qué es cuentópolis? SEGÚN ESTOS PARÁMETROS - Editorial en en Galicia: Kalandraka
1.2 Público objetivo - Editorial en Andalucía: Edimáter
1.3 Posicionamiento - Editorial en Barcelona: Parramón
1.4 Necesidades de la empresa - Grandes editoriales nacionales: Anaya
1.5 ¿Por qué una web? Alfaguara
1.6 Necesidades del cliente
2. Investigación Editorial de Galicia
2.1 Análisis del sector editorial
Contenido
2.2.1 Kalandra
-Introducción (dos idiomas)
2.2.2 Edimáter
- Home
2.2.3 Anaya
- Menú
2.2.4 Alfaguara
* Proyecto (presentación, premios noticias)
2.2.5 Parramón
*Catálogo (novedades, colescciones, auto-
2.2.6 Conclusiones
res, distribución)
* Blog (enlace a un blog)
3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
Estructura
- Dos columnas en el Home
1.3 Posicionamiento
- Tres Columnas verticales:, la última sue-
1.4 Necesidades de la empresa
le una ilustracion
1.5 ¿Por qué una web?
- Logotipo centrado
1.6 Necesidades del cliente
- me’un va cambiando de posico’on
2. Investigación Tipografía
2.1 Análisis del sector editorial 4 tipos diferentes de tipografías
2.2.1 Kalandra - Menú: caligráfica (tipografía del logotipo), minúscula
2.2.2 Edimáter - Títulos: caligráfica, mayúscula
2.2.3 Anaya - Subtítulos: caligráfica (tipografía del logotipo), minúscula
2.2.4 Alfaguara - Texto base: palo seco, 12 palabras por columna de tres
2.2.5 Parramón
2.2.6 Conclusiones

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Color
2.2.1 Kalandra 1. Utiliza los colores corporativo azul y verde
2.2.2 Edimáter 2. Contraste entre tipografía y fondo (azul o verde sobre
2.2.3 Anaya blanco)
2.2.4 Alfaguara 3. para diferencias, título, autor y precio
2.2.5 Parramón 4. Como fondo color plano corporatipo
2.2.6 Conclusiones

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Recursos
2.2.1 Kalandra 1. Rodea el sitio en el que estamos en el menú
2.2.2 Edimáter 2. No Indica el camino seguido para no perdernos
2.2.3 Anaya 3. Animaciones Flash en los títulos (cambio de color)
2.2.4 Alfaguara 4. Textura de papel arrugado y collage
2.2.5 Parramón 5. Ilustraciones
2.2.6 Conclusiones

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación Editorial de Andalucía
2.1 Análisis del sector editorial
Contenidos Estructura: (dos columnas)
2.2.1 Kalandra
Home Home (animación flash)
2.2.2 Edimáter
- Logo Arriba centrado
2.2.3 Anaya
- Buscador Situada a la izuierda
2.2.4 Alfaguara
- Novedades Segunda columnas, más pqeuqña
2.2.5 Parramón
- Menú Arriba, ocupando toda la página
2.2.6 Conclusiones
- Footer Situada abjo a la izquierda

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación Secciones (11) Tipografía
2.1 Análisis del sector editorial * Inicio 2 tipos diferentes de tipografías, utiliza los estilos para
2.2.1 Kalandra * Libros jerarquizar.
2.2.2 Edimáter *Autores Menú: palo seco , mayúscula
2.2.3 Anaya *Enlaces Títulos: palo seco , mayúscula
2.2.4 Alfaguara * Tienda Subtítulos: palo seco, negrita , mayúscula
2.2.5 Parramón * Distribuidora Texto base: palo seco, 16 palabras por columna de dos
2.2.6 Conclusiones * Noticias no pesado, utiliza espacios y entresacados con cursiva
* Videos
3. Libro de estilos * Contacto
1.1 ¿Qué es cuentópolis? * Local
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación Color
2.1 Análisis del sector editorial 1. Utiliza los colores corporativo azul y naranja
2.2.1 Kalandra 2. Contraste entre tipografía y fondo (azul y naranja)
2.2.2 Edimáter 3. Para diferencias, título, autor y precio,.
2.2.3 Anaya 4. Como fondo ilustración color corporatipo
2.2.4 Alfaguara
2.2.5 Parramón Recursos
2.2.6 Conclusiones 1. Cambio en el contraste del color en la sección del
menú en el que estamos.
3. Libro de estilos 2. No Indica el camino seguido para no perdernos
1.1 ¿Qué es cuentópolis? 3. Se subrayan los enlaces cuando el rató n pasa por
1.2 Público objetivo enciama
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación Contenidos
2.1 Análisis del sector editorial Home
2.2.1 Kalandra -Logo
2.2.2 Edimáter -Buscador (Búsqueda normal y avanzada)
2.2.3 Anaya - Redes sociales
2.2.4 Alfaguara - Novedades
2.2.5 Parramón - Menú
2.2.6 Conclusiones - Temas relacionados
- Blog
3. Libro de estilos - Publicidad (relacionada)
1.1 ¿Qué es cuentópolis? - Footer(quiénes somos, contacta, aviso legal,
1.2 Público objetivo grupo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Tipografía
2.2.1 Kalandra 1. Palo seco, minúscula excepto en el menú
2.2.2 Edimáter 2. Distintas para los apartados relacionados
2.2.3 Anaya 3. Cambio de color para títulos, autores y precio
2.2.4 Alfaguara 4. Entre 9 y 11 palabras en el texto
2.2.5 Parramón
2.2.6 Conclusiones

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Color
2.2.1 Kalandra 1. Utiliza el color corporativo (amarillo y negro) para
2.2.2 Edimáter determinadas ocasiones
2.2.3 Anaya 2. Contraste entre tipografía y fondo (blanco y azul o
2.2.4 Alfaguara negro y blanco)
2.2.5 Parramón 3. para diferenciar, título, autor y precio
2.2.6 Conclusiones 4. Como fondo aplica un degradados y sombras

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Recursos
2.2.1 Kalandra 1. Cambio de color en el menú
2.2.2 Edimáter 2. Filetes para separar
2.2.3 Anaya 3. Bordes redondeados
2.2.4 Alfaguara 4. Movimiento de partes de la web
2.2.5 Parramón
2.2.6 Conclusiones Navegación
- Fácil, comprensible, intuitiva
3. Libro de estilos - Buena usabilidad
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Secciones
2.2.1 Kalandra * Quiénes somos
2.2.1 Edimáter * Novedades
2.2.1 Anaya * Catálogo
2.2.1 Alfaguara * Ebooks
2.2.1 Parramón * Autores
* Actualidad

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Tipografía
2.2.1 Kalandra - Menú: palo seco, minúscula
2.2.2 Edimáter - Títulos: Palo seco, mayúscula
2.2.3 Anaya - Subtítulos: palo seco, cambio de color y
2.2.4 Alfaguara tamaño con el texto base
2.2.5 Parramón - Texto base: palo seco, 7 palabras por co-
2.2.6 Conclusiones lumna de tres
16 palabras en columnas de dos
3. Libro de estilos 22 palabras en una columna
1.1 ¿Qué es cuentópolis? Uso de estilos de texto: cursiva, negrita..etc
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Color
2.2.1 Kalandra 1. No Utiliza el color corporativo (amarillo y ne-
2.2.2 Edimáter gro)
2.2.3 Anaya para determinadas ocasiones
2.2.4 Alfaguara 2. Contraste entre tipografía y fondo (blanco y
2.2.5 Parramón verde ,
2.2.6 Conclusiones gris y blanco, azul y blanco, negro y blanco)
3. para diferencias, título, autor y precio
3. Libro de estilos 4. Como fondo una ilustración
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo Recursos
1.3 Posicionamiento 1.Cambio de color de la tipografía en el menú
1.4 Necesidades de la empresa para situarnos
1.5 ¿Por qué una web? 2. Indica el camino seguido para no perdernos
1.6 Necesidades del cliente 3. Filetes para separar contenidos
2. Investigación
2.1 Análisis del sector editorial Contenido
2.2.1 Kalandra Secciones (7)
2.2.2 Edimáter * Quiénes somos
2.2.3 Anaya * Novedades
2.2.4 Alfaguara -*Autores
2.2.5 Parramón -*Actualidad
2.2.6 Conclusiones * Bolentín
* Catálogos
3. Libro de estilos * Dónde comprar
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Contenido
2.2.1 Kalandra Secciones (7)
2.2.2 Edimáter * Quiénes somos
2.2.3 Anaya * Novedades
2.2.4 Alfaguara -*Autores
2.2.5 Parramón -*Actualidad
2.2.6 Conclusiones * Bolentín
* Catálogos
3. Libro de estilos * Dónde comprar
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Tipografía
2.2.1 Kalandra 1 tipografía de palo seco, utiliza los estilos para jerarquizar.
2.2.2 Edimáter Menú: palo seco, mayúscula
2.2.3 Anaya Títulos: palo seco, negrita, minúscula
2.2.4 Alfaguara Subtítulos: palo seco, negrita, minúscula
2.2.5 Parramón Texto base: palo seco, 16 palabras por columna de dos
2.2.6 Conclusiones no pesado, utiliza espacios

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Color
2.2.1 Kalandra 1. Fondo blanco, aspecto limpio
2.2.2 Edimáter 2. código de color en el segundo menú
2.2.3 Anaya 3. Constraste, negro sobre gris claro o blanco sobre los
2.2.4 Alfaguara colores de el segundo menú
2.2.5 Parramón 4. Indica la posición por el código cromático
2.2.6 Conclusiones

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Recursos
2.2.1 Kalandra 1. Cambio de la forma del ratón en los
2.2.2 Edimáter enlaces
2.2.3 Anaya 2. Menú desplegable
2.2.4 Alfaguara 3. Se subrayan los enlaces cuando el ratón
2.2.5 Parramón pasa por enciama
2.2.6 Conclusiones 4. Uso de botones en los laterales para
ver los productos
3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
2. Investigación
2.1 Análisis del sector editorial Elementos en común a tener en cuenta en mi web:
2.2.1 Kalandra
2.2.2 Edimáter * Retícula: de dos a tres columnas
2.2.3 Anaya
2.2.4 Alfaguara * Logotipo: arriba a la izquierda o centrado
2.2.5 Parramón
2.2.6 Conclusiones * Menú: Entre 4 y 8 secciones, si se necesitan más agruparlos en subsecciones, co-
locación arriba o utilizando la columna de la izquierda
3. Libro de estilos
1.1 ¿Qué es cuentópolis? * Secciones
1.2 Público objetivo - Quiénes somos o presentación
1.3 Posicionamiento - Novedades
1.4 Necesidades de la empresa - Catálogo
1.5 ¿Por qué una web? - Autores
1.6 Necesidades del cliente - Link a un blog de la empresa
- Ilustradores
- Contacto
- Buscador
2. Investigación
2.1 Análisis del sector editorial * Tipografía: Una de Palo seco y utilizar color, tamaño y estilos para jerarquizar
2.2.1 Kalandra la información
2.2.2 Edimáter
2.2.3 Anaya * Color: colores corporativos para relacionar la web con el producto
2.2.4 Alfaguara * No utilizar demasiados degradados, sombras, animaciones, puede crear un aspec-
2.2.5 Parramón to poco profesional
2.2.6 Conclusiones
* Recursos: para saber donde nos encontramos en todo momento,(cambio de
3. Libro de estilos color en la tipografía del menú, mostrar el camino que llevamos, redondear el
1.1 ¿Qué es cuentópolis? menú....etc)
1.2 Público objetivo
1.3 Posicionamiento * Llegar rápidamenta a lo que estamos buscando (pocos click)
1.4 Necesidades de la empresa
1.5 ¿Por qué una web? * Footer: abajo como fin de la página (aviso legal, copirigth, logotipo, fecha)
1.6 Necesidades del cliente
* Scroll: scroll no deamasiado largo
2. Investigación
2.1 Análisis del sector editorial * Novedades: la forma de mostrar los libros, imagen portada,
2.2.1 Kalandra título, autor, ilustrador y precio
2.2.2 Edimáter
2.2.3 Anaya * Web limpia, rápida, fácil para navegar y legible
2.2.4 Alfaguara
2.2.5 Parramón
2.2.6 Conclusiones

3. Libro de estilos
1.1 ¿Qué es cuentópolis?
1.2 Público objetivo
1.3 Posicionamiento
1.4 Necesidades de la empresa
1.5 ¿Por qué una web?
1.6 Necesidades del cliente
3. Libro de estilos
3.1 Arquitectura de la informa-
WEB CUENTÓPOLIS
ción
3.1.1 Necesidades de usuarios
3.1.2 Necesidades de empresa USUARIOS

3.1.3 Mapa web


3.1.4 Objetivos comunicativos
4.1 Aspectos competitivos
Autores e ilustradores
4.1.1 Puntos fuertes
4.2 Distribución de espacios Necesidades Necesidades Necesidades

- Medio de promoción
4.2.1 Tipo de web
- Darse a conocer
4.2.2 Retítula y módulos
- Contactar con la editorial
4.2.3 Bocetos GUI
5.1 Sistemas de navegación
6.1 Uso del color
7.1 Tipografía
8.1 Recursos Gráficos
8.1.1 Elementos corporativos
3. Libro de estilos
3.1 Arquitectura de la informa-
WEB CUENTÓPOLIS
ción
3.1.1 Necesidades de usuarios
SECCIONES
3.1.2 Necesidades de empresa SEGÚN NECESIDADES
DE USUARIOS
3.1.3 Mapa web
3.1.4 Objetivos comunicativos
4.1 Aspectos competitivos
Autores e ilustradores
4.1.1 Puntos fuertes
4.2 Distribución de espacios 30% 50% 20%

4.2.1 Tipo de web - Ficha del autor e ilustrador


* Información
*Galería
4.2.2 Retítula y módulos
- Enlaces hacias sus web
4.2.3 Bocetos GUI
- Contacto editorial
5.1 Sistemas de navegación
6.1 Uso del color
7.1 Tipografía
8.1 Recursos Gráficos
8.1.1 Elementos corporativos
Mapa web Contenidos
3. Libro de estilos
3.1 Arquitectura de la informa- Home (logotipo) Imágenes: 3 ilustraciones
ción ofertas: 4 libros
3.1.1 Necesidades de usuarios Top venta: 3 libros
Novedades: 4 libros
3.1.2 Necesidades de empresa
3.1.3 Mapa web
Catálogo Imágenes: 1 banner publicitario
3.1.4 Objetivos comunicativos
Colección 1 (bichos): 4 libros, ficha técnica, estrac-
4.1 Aspectos competitivos to del cuento
4.1.1 Puntos fuertes Colección 1 Coleción 2 (imagina que..): 4 libros, ficha técnica,
4.2 Distribución de espacios Colección 2 estracto del cuento
4.2.1 Tipo de web
4.2.2 Retítula y módulos Galería Imágenes: Construcción tipográfica
4.2.3 Bocetos GUI Ilustradores (lápices): 1 foto, ilustraciones, infor-
mación
5.1 Sistemas de navegación
Ilustradores Autores (Plumas): 1 foto, libros escritos, informa-
6.1 Uso del color
Autores ción
7.1 Tipografía
8.1 Recursos Gráficos Niños Imágenes: animación Flash
8.1.1 Elementos corporativos
Juegos, descargas de dibujos para colorear, fondos
de escritorio de personajes de los cuentos
Objetivos
3. Libro de estilos
3.1 Arquitectura de la informa- 1. Contenidos seleccionados para captar a los clientes (ofertas y
ción navedades de los productos)
3.1.1 Necesidades de usuarios
3.1.2 Necesidades de empresa 2. Contenidos seleccionados para fidelizar (siempre informados de
3.1.3 Mapa web las novedades y las ofertas pero también de todo lo relacionado con
3.1.4 Objetivos comunicativos ese libro: autor, ilustrador)
4.1 Aspectos competitivos
4.1.1 Puntos fuertes 3. Espacio reservado para otro tipo de público objetivo, el ilustra-
4.2 Distribución de espacios dor y el autor mediante la galería promocionan sus trabajos y se
4.2.1 Tipo de web dan a conocer
4.2.2 Retítula y módulos
4.2.3 Bocetos GUI 4. Cada público Objetivo encuentra lo que busca sin pasar por lo
5.1 Sistemas de navegación que no les interesa (pocos click)
6.1 Uso del color
7.1 Tipografía
8.1 Recursos Gráficos
8.1.1 Elementos corporativos
PUNTOS FUERTES
3. Libro de estilos
3.1 Arquitectura de la informa-
ción
3.1.1 Necesidades de usuarios En términos servicios: - Catálogo
3.1.2 Necesidades de empresa - Galería (habla al usuario)
3.1.3 Mapa web
3.1.4 Objetivos comunicativos
4.1 Aspectos competitivos
4.1.1 Puntos fuertes
4.2 Distribución de espacios En términos de diseño: - Navegación sencilla y rápida: encontramos lo que
4.2.1 Tipo de web buscamos con pocos click y apoyo del uso del color
4.2.2 Retítula y módulos para saber donde nos encontramos
4.2.3 Bocetos GUI - Jerarquización de los contenidos mediante color y
5.1 Sistemas de navegación y usos de la tipografía
6.1 Uso del color - Diseño limpio con medianiles amplios para oxige-
7.1 Tipografía nar la web
8.1 Recursos Gráficos
8.1.1 Elementos corporativos
25%
3. Libro de estilos DISTRIBUCIÓN DE ESPACIOS 224px

3.1 Arquitectura de la informa-

224px
ción
Tipo de web
3.1.1 Necesidades de usuarios
3.1.2 Necesidades de empresa Ventana cerrada
3.1.3 Mapa web Scroll descendente (lateral)
3.1.4 Objetivos comunicativos Plano abierto
4.1 Aspectos competitivos Centrada

1616px
4.1.1 Puntos fuertes
4.2 Distribución de espacios
Retículas y módulos
4.2.1 Tipo de web
4.2.2 Retítula y módulos Dimensiones: 960 x 1616px

4.2.3 Bocetos GUI Módulos: 224 x 224px

5.1 Sistemas de navegación Medianil: 32px

6.1 Uso del color


32px
7.1 Tipografía
32px
8.1 Recursos Gráficos
8.1.1 Elementos corporativos 25%

960 px
3. Libro de estilos
896px
3.1 Arquitectura de la informa-
32px
ción de literatura e ilustración infantil en
todas laslibrería y tiendas de ilustración.
Conoce a los nuevos talentos de la

3.1.1 Necesidades de usuarios editorial cuentóplis y descubre relatos


inéditos

Literatura /ilu stración


Infantil / ju venil

Relato

3.1.2 Necesidades de empresa 448px


ilustrado:
LaLínea de
Arena. Parte 1
Entrevista:
Rebecca
Dautremer

3.1.3 Mapa web


3.1.4 Objetivos comunicativos Buscador

32px
4.1 Aspectos competitivos
128px literatura infantiles y juveniles
Colección bichos

4.1.1 Puntos fuertes


Colección imagina

32px

4.2 Distribución de espacios Bichos Quíen se Cuántos


Bichos esconde... cuentos Cuentas..

en la Suelo en la selva

244px Mónica Fernández


Gloria Vico

literatura infantiles y juveniles


Mónica Fernández
Gloria Vico
Marta Valle
Iraxe López
Marta Valle
Patricia Metola

literatura infantiles y juveniles

4.2.1 Tipo de web


literatura infantiles y juveniles literatura infantiles y juveniles

Bichos en el mar Bichos en el mar Bichos en el mar Bichos en el mar


Autora: Irene Martínez Autora: Irene Martínez Autora: Irene Martínez Autora: Irene Martínez
Ilustrador: Sergio Estévez Ilustrador: Sergio Estévez Ilustrador: Sergio Estévez Ilustrador: Sergio Estévez

32px
4.2.2 Retítula y módulos
4.2.3 Bocetos GUI
Bruma, el conejo gijante
Juan Campos
Iraxe López
1
La noche mágica
Bailando con gatos
Bruma el conejo gijante Roberto Robles
Fernándo López
La noche mágica Jorge Ruiz
La noche mágica
Irma Gruenhol

Autora: Irene Martínez Autora: Roberto Robles Autora: Roberto Robles


Ilustrador: Sergio Estévez Ilustrador: Fernando López Ilustrador: Fernando López
literatura infantiles y juveniles

Andrea ha descubierto un Andrea ha descubierto un

5.1 Sistemas de navegación


gardín mágico donde todo gardín mágico donde todo
es posible, pero la pesada de es posible, pero la pesada
literatura infantiles y juveniles

su hermana... + literatura infantiles y juveniles

su hermana... +
2

448px
El día que no
paró de llover

El día que no paró de llover


Autora: Irene Martínez
Ilustrador: Sergio Estévez

6.1 Uso del color Bichos


en la mar
Quíen se esconde...
Autora: Roberto Robles
Ilustrador: Fernando López
Bichos
en la granja
La noche mágica
Autora: Roberto Robles
Ilustrador: Fernando López
Princesa 3 Andrea ha descubierto un
Jorge Ruiz
Patricia Metola

Andrea ha descubierto un

7.1 Tipografía
El día que no paró de llover Mónica Fernández
Gloria Vico
gardín mágico donde todo Mónica Fernández
gardín mágico donde todo
es posible, pero la pesada
Gloria Vico

Autora: Irene Martínez es posible, pero la pesada


+ +
literatura infantiles y juveniles literatura infantiles y juveniles

literatura infantiles y juveniles

Ilustrador: Sergio Estévez su hermana... su hermana...

8.1 Recursos Gráficos


244px
Cuentóplis es una editorial de cuentos infanti-

8.1.1 Elementos corporativos


les y juveniles que apuesta por los nuevos
talentos.
Tanto ilustradores como autores tienen un
espacio
Menú
3. Libro de estilos - Desplagable cuando se pasa el ratón por enciama
3.1 Arquitectura de la informa- - Color corporativo
ción - Cambia a verde para indicarnos en que sección estamos
3.1.1 Necesidades de usuarios Submeú
3.1.2 Necesidades de empresa - Cambia de color cuando estamos dentro de la subsección y se subyarraya en la
3.1.3 Mapa web que clicamos
3.1.4 Objetivos comunicativos
4.1 Aspectos competitivos
Ninguna acción Colección bichos
4.1.1 Puntos fuertes literatura infantiles y juveniles
Colección imagina

4.2 Distribución de espacios


4.2.1 Tipo de web
4.2.2 Retítula y módulos
4.2.3 Bocetos GUI El ratón pasa Colección bichos
literatura infantiles y juveniles

5.1 Sistemas de navegación por encima Colección imagina

6.1 Uso del color


7.1 Tipografía
8.1 Recursos Gráficos
8.1.1 Elementos corporativos Clikc en Colección bichos
literatura infantiles y juveniles
subsección Colección imagina
3. Libro de estilos Color
3.1 Arquitectura de la informa-
- Identitario: Se usará el color corportivo para dar identidad a la web
ción
- Funcional: Se añaden dos colores más con la función de jerarquizar y
3.1.1 Necesidades de usuarios
ayurnos a la navegación por la web
3.1.2 Necesidades de empresa
3.1.3 Mapa web
3.1.4 Objetivos comunicativos R= 229 G= 104 B=36
4.1 Aspectos competitivos
4.1.1 Puntos fuertes R= 41 G= 120 B=87
4.2 Distribución de espacios
4.2.1 Tipo de web R= 74 G= 107 B=138
4.2.2 Retítula y módulos
4.2.3 Bocetos GUI
5.1 Sistemas de navegación
6.1 Uso del color
7.1 Tipografía
8.1 Recursos Gráficos
8.1.1 Elementos corporativos
R= 229 G= 104 B=36

3. Libro de estilos - Color corporativo


Colección bichos
3.1 Arquitectura de la informa- - Usos: botones en reposo y filetes
Colección imagina
ción
R= 229 G= 104 B=36
3.1.1 Necesidades de usuarios
3.1.2 Necesidades de empresa - Opacidad del 50%

3.1.3 Mapa web - Usos: el ratón por encima del botón

3.1.4 Objetivos comunicativos


R= 41 G= 120 B=87
4.1 Aspectos competitivos
4.1.1 Puntos fuertes - Color añadido Colección bichos

4.2 Distribución de espacios - Usos: botones con clikc y footer Colección imagina

4.2.1 Tipo de web Título de los libros y síbolo más

4.2.2 Retítula y módulos


R= 74 G= 107 B=138
4.2.3 Bocetos GUI La noche mágica
5.1 Sistemas de navegación
z
Jorge Ruima Gruen
Autora: Roberto Robles
- Color añadido
Ir

Ilustrador: Fernando López


6.1 Uso del color - Usos: enlaces de nombres de autores e ilustradores
Andrea ha descubierto un
7.1 Tipografía (solo en texto) gardín mágico donde todo
es posible, pero la pesada
8.1 Recursos Gráficos +
R= 128 G= 128 B=128 su hermana...
8.1.1 Elementos corporativos
- Color añadidoo
- Usos: texto base
3. Libro de estilos
Fuentes y color:
3.1 Arquitectura de la informa-
ción Lobster: Servidor tipográfico google web font
3.1.1 Necesidades de usuarios Trebuchet: Fuente segura
3.1.2 Necesidades de empresa
3.1.3 Mapa web
3.1.4 Objetivos comunicativos Lobster Trebuchet
4.1 Aspectos competitivos
Menú
4.1.1 Puntos fuertes
4.2 Distribución de espacios
Menú Títulos de los libros
texto base

4.2.1 Tipo de web Subtitulos texto base


ofertas
4.2.2 Retítula y módulos texto base
novedaes
4.2.3 Bocetos GUI
Top venta
5.1 Sistemas de navegación
Título revista HB
6.1 Uso del color
7.1 Tipografía
8.1 Recursos Gráficos Texto libro
“..Estracto del libro..”
8.1.1 Elementos corporativos
Nombre Dónde Tamaño Estilo Color
3. Libro de estilos Lobster Menú 32 Regular R= 255 G= 255 B=255

3.1 Arquitectura de la informa- Título revista 18/29 Regular R= 229 G= 104 B=36

ción Submenú 1 18/29 Regular R= 229 G= 104 B=36

3.1.1 Necesidades de usuarios Estracto de libro 16/26 Regular R= 128 G= 128 B=128

3.1.2 Necesidades de empresa


3.1.3 Mapa web Trebuchet Submenú 2 (titulos libros) 16/20 Bold R= 41 G= 120 B=87

R= 128 G= 128 B=128


3.1.4 Objetivos comunicativos Texto base 12/15 Regular
R= 128 G= 128 B=128
4.1 Aspectos competitivos Nombres (autores/ilustradores) 12/15 Italic

4.1.1 Puntos fuertes Nombres (autores/ilustradores), 12/15 Italic R= 75 G= 107 B=138

4.2 Distribución de espacios hacer clikc

4.2.1 Tipo de web Buscador 20 Bold R= 41 G= 120 B=87

4.2.2 Retítula y módulos


4.2.3 Bocetos GUI
5.1 Sistemas de navegación
6.1 Uso del color
7.1 Tipografía
8.1 Recursos Gráficos
8.1.1 Elementos corporativos
3. Libro de estilos Pasador de ilustraciones en flash
3.1 Arquitectura de la informa-
ción
3.1.1 Necesidades de usuarios Botones y pasador catálogo
3.1.2 Necesidades de empresa
Más información +
3.1.3 Mapa web
3.1.4 Objetivos comunicativos Ficha técnica
4.1 Aspectos competitivos
4.1.1 Puntos fuertes Bichos
en la Suelo
Bichos
en la mar
Bichos
en la selva
Bichos
en la granja

4.2 Distribución de espacios Mónica Fernández


Gloria Vico
Mónica Fernández
Gloria Vico
Mónica Fernández
Gloria Vico
Mónica Fernández
Gloria Vico

literatur a infantile s y juvenile s

4.2.1 Tipo de web


literatura i nfantile s y juvenile s literatura infantiles y juvenile s
literatura i nfantiles y juvenile s

Bichos en el mar Bichos en el mar Bichos en el mar Bichos en el mar


4.2.2 Retítula y módulos Autora: Irene Martínez Autora: Irene Martínez
Ilustrador: Sergio Estévez
Autora: Irene Martínez
Ilustrador: Sergio Estévez
Autora: Irene Martínez
Ilustrador: Sergio Estévez Ilustrador: Sergio Estévez

4.2.3 Bocetos GUI


5.1 Sistemas de navegación
Cambio de estado en las imágenes al pasar el ratón por encima
6.1 Uso del color
7.1 Tipografía
8.1 Recursos Gráficos
Patricia Metola
8.1.1 Elementos corporativos
Sonido despliege del menú y click

Colección bichos

Colección imagina