Proyecto web

BRIEFING
Briefing ¿QUÉ ES CUENTÓPOLIS?

Editorial de Literatura infantil y juvenil

Cuentos con un fuerte carácter educativo

Edita cuentos de nuevos autores e ilustradores

Especial cuiadado en sus materiales

Ubicada en Granada
Briefing PÚBLICO OBJETIVO

Padres y madres aficionados a la lec-

tura y preocupados por la educación
El producto debe convencer a de sus hijos

Autores e ilustradores
Briefing POSICIONAMIENTO DE LA EMPRESA

Ser la primera opción en la mente de padres y madres a la

hora de buscar un cuento ilustrado educativo

Ser un referente en la búsqueda de nuevos autores e ilus-

tradores
Briefing NECESIDADES DE LA EMPRESA

1. Llegar a nuevos clientes

2. Fidelizar con el cliente
3. Aumentar la venta de libros
4. Dar a conocer a sus autores e ilustradores
Briefing ¿POR QUÉ NECESITA CUENTÓPOLIS UNA WEB?

1. Dar a conocer la editorial a nuevos clientes

2. Fidelizar con el cliente: ofrecer algo nuevo
3. Creación de un mercado on-line de venta de libros
4. Dar a conocer a sus autores e ilustradores creando seccio-
nes específicas para este público objetivo
Briefing NECESIDADES DEL CLIENTE

Encontrar fácilmente lo que buscan

¿Quién busca qué?

Padres y madres Autores e ilustradores

- Información sobre los cuentos: - Información sobre los cuentos:
* temática * proceso de creación
* precio * información sobre los autores e
* ¿cómo obtenerlo? ilustradores que aparecen
- Información sobre temas educativos * ¿Cómo colaborar en la editorial?
Briefing ANÁLISIS DEL SECTOR EDITORIAL

1. Relacionadas con el público infantil y juvenil

2. Otras web para ver soluciones de diseño
¿Qué editoriales?
Delimitación geográfica, web de editoriales na-
cionales, ya que son la competencia directa.

Según estos parámetros - Editorial en en Galicia: Kalandraka

- Editorial en Andalucía: Edimáter
- Editorial en Barcelona: Parramón
- Grandes editoriales nacionales: Anaya
Alfaguara
Briefing análisis del sector editorial EDITORIAL ANAYA

Logo

Buscador y redes sociales

Novedades

Menu

Blog
Publicidad
Footer
Logo
Briefing análisis del sector editorial EDITORIAL ANAYA

Contenidos Estructura: (dos columnas)

Home Home

-Logo Arriba a la izquierda y abajo acentrado

-Buscador (Búsqueda normal y avanzada) Arriba izquierda, icono lupa

- Redes sociales Arriba derecha, solo iconos

- Novedades Portada libro, título y autor diferente color

- Menú Dividido por líneas, tipografía palo seco mayúscula

- Temas relacionados Divididos en 3 bloques horizontales y verticales

- Blog Debajo del menú, formando bloque

- Publicidad (relacionada) Abajo en bloques más pequeños con movimiento

- Footer(quiénes somos, contacta, aviso legal, grupo Abajo, otro color

anaya, año)
Briefing análisis del sector editorial EDITORIAL ANAYA

Contenido Estructura: (dos columnas)

Secciones Secciones
- Novedades 1. Tres columnas, portada libro, título, autor, precio dife-
Nuevas secciones: (primeros capítulos, autores, premio- rentes colores
sen laces) 2. Libro destacado ocupa la columna central
3. Tercera columna: lo más buscado, cambio de color

1 2

3
Briefing análisis del sector editorial EDITORIAL ANAYA

Diseño
Retícula
Tres columnas

Dos columnas
Briefing análisis del sector editorial EDITORIAL ANAYA

Diseño

Tipografía
1. Palo seco, minúscula excepto en el menú
2. Distintas para los apartados relacionados
3. Cambio de color para títulos, autores y precio
4. Entre 9 y 11 palabras en el texto

1 2 3
Briefing análisis del sector editorial EDITORIAL ANAYA

Diseño
Color

1. Utiliza el color corporativo (amarillo y negro) para

determinadas ocasiones
2. Contraste entre tipografía y fondo (blanco y azul o
negro y blanco)
3. para diferencias, título, autor y precio
4. Como fondo aplica un degradados y sombras
Briefing análisis del sector editorial EDITORIAL ANAYA

Diseño
Recursos
1Cambio de color en el menú
2. Filetes para separar
3. Bordes redondeados
4. Movimiento de partes de la web

Diseño
Navegación
- Fácil, comprensible, intuitiva
- Buena usabilidad
Briefing análisis del sector editorial EDITORIAL ALFAGUARA

Contenidos Estructura: (dos columnas)

Home Home

-Logo Arriba a la izquierda

-Buscador (Búsqueda normal y avanzada) Arriba iderecha, icono lupa

- Redes sociales No tiene

- Novedades Arriba, portada libro, título y autor diferente color

- Menú Arriba, tipografía palo seco mInúscula

- Temas relacionados No tiene

- Blog No tiene

- Publicidad (relacionada) Tercera columna

- Footer(quiénes somos, contacta, aviso legal, grupo Abajo, otro color

anaya, año)
Briefing análisis del sector editorial EDITORIAL ALFAGUARA

Subcripcióon
Logo

Menu y buscador

Novedades

Top venta

Destacados

Publicidad
Briefing análisis del sector editorial EDITORIAL ALFAGUARA

Contenido Estructura
Secciones Secciones

-Introducción (separa entre infantil y juvenil) Dos columnas (logotipo)

- Home Tres Columnas verticales: top venta,destacados y publi-

cidad (más estrechas que las otras dos), separados por
filetes, excepto el top venta que está en un rectángulo
Cuatro filas horizontales
- Menú Arriba, ocupa todo el ancho
* Portada * 1 columna
* Quiénes somos * 3 columnas, sin publicidad
* Novedades * 3 columnas, Buscador y últimos libros publicados, sin
* Catálogo publicidad
* Ebooks * 3 columnas, sin publicidad
* Autores * 1 columna, buscador por nombre y por orden alfabético
* Actualidad * 2 columna, separación horizontal de cada noticia y nove-
dades de la editorial
* 2 columnas, boletin y opciones de suscripción
Briefing análisis del sector editorial EDITORIAL ALFAGUARA

Diseño
Retícula

Introducióon

Portada
Briefing análisis del sector editorial EDITORIAL ALFAGUARA

Diseño

Tipografía
Menú: palo seco, minúscula
Títulos: Palo seco, mayúscula
Subtítulos: palo seco, cambio de color y tamaño con el
texto base
Texto base: palo seco, 7 palabras por columna de tres
16 palabras en columnas de dos
22 palabras en una columna
Uso de estilos de texto: cursiva, negrita..etc
Briefing análisis del sector editorial EDITORIAL ALFAGUARA

Diseño
Color

1. No Utiliza el color corporativo (amarillo y negro)

para determinadas ocasiones
2. Contraste entre tipografía y fondo (blanco y verde ,
gris y blanco, azul y blanco, negro y blanco)
3. para diferencias, título, autor y precio
4. Como fondo una ilustración

Recursos
1.Cambio de color de la tipografía en el menú para
situarnos
2. Indica el camino seguido para no perdernos
3. Filetes para separar contenidos
Briefing análisis del sector editorial EDITORIAL ALFAGUARA

Diseño
Navegación
- Fácil, comprensible, intuitiva
- Buena usabilidad
Briefing análisis del sector editorial EDITORIAL KALANDRA

Contenidos Estructura: (dos columnas)

Home Home (animación flash)

-Logo Arriba centrado

-Buscador (Búsqueda normal y avanzada) No tiene

- Redes sociales No tiene

- Novedades Dentro de la categoría catálogo

- Menú Arriba, centrado y a la izquierda

- Temas relacionados No tiene

- Blog No tiene

- Publicidad (relacionada) Tercera columna

- Footer(quiénes somos, contacta, aviso legal, grupo Abajo, en los lados

anaya, año)
Briefing análisis del sector editorial EDITORIAL KALANDRA

Tres columnas
Briefing análisis del sector editorial EDITORIAL KALANDRA

Contenido Estructura
Secciones Secciones

-Introducción (dos idiomas) Dos columnas (logotipo)

- Home Tres Columnas verticales:, la última es siempre una ilus-

tración

- Menú primera columna

* Proyecto (presentación, premios noticias)
*Catálogo (novedades, colescciones, autores, distribu-
ción)
* Blog (enlace a un blog)
Briefing análisis del sector editorial EDITORIAL KALANDRA

Secciones

Menú
Briefing análisis del sector editorial EDITORIAL KALANDRA

Diseño

Tipografía
4 tipos diferentes de tipografías
Menú: caligráfica (tipografía del logotipo), minúscula
Títulos: caligráfica, mayúscula
Subtítulos: caligráfica (tipografía del logotipo), minúscula
Texto base: palo seco, 12 palabras por columna de tres
Briefing análisis del sector editorial EDITORIAL KALANDRA

Diseño
Color

1. Utiliza los colores corporativo azul y verde

2. Contraste entre tipografía y fondo (azul o verde so-
bre blasnco)
3. para diferencias, título, autor y precio
4. Como fondo color plano corporatipo
Briefing análisis del sector editorial EDITORIAL KALANDRA

Recursos
1. Rodea el sitio en el que estamos en el menú
2. No Indica el camino seguido para no perdernos
3. Animaciones Flash en los títulos (cambio de color)
4. Textura de papel arrugado y collage
5. Ilustraciones
Briefing análisis del sector editorial EDITORIAL EDIMÁTER

- Editorial andaluza
Dos columnas

http://www.edimater.com/es/
Briefing análisis del sector editorial EDITORIAL EDIMÁTER

Contenidos Estructura: (dos columnas)

Home Home (animación flash)
- Logo Arriba centrado

- Buscador Situada a la izuierda

Segunda columnas, más pqeuqña

- Novedades

- Menú Arriba, ocupando toda la página

- Footer Situada abjo a la izquierda

Briefing análisis del sector editorial EDITORIAL EDIMÁTER
Briefing análisis del sector editorial EDITORIAL EDIMÁTER

Contenido
Estructura
Secciones (11) Secciones

- Menú Arriba
* Inicio Dos columnas
* Libros Tres columnas
-*Autores tres columnas
-*Enlaces Dos columnas
* Tienda Dos columnas
* Distribuidora Tres columnas, espacio vacion
* Noticias Dos columnas, espacios vaciío
* Videos Dos columnas, una columna vacía
* Contacto Dos columnas
* Local Dosc olumnas
Briefing análisis del sector editorial EDITORIAL EDIMÁTER

Columnas vacias

Peso visual
descompensado
Briefing análisis del sector editorial EDITORIAL EDIMÁTER

Diseño

Tipografía
2 tipos diferentes de tipografías, utiliza los estilos para
jerarquizar.
Menú: palo seco , mayúscula
Títulos: palo seco , mayúscula
Subtítulos: palo seco, negrita , mayúscula
Texto base: palo seco, 16 palabras por columna de dos
no pesado,, utiliza espacios y entresacados con cursiva
Briefing análisis del sector editorial EDITORIAL EDIMÁTER

Diseño
Color

1. Utiliza los colores corporativo azul y naranja

2. Contraste entre tipografía y fondo (azul y naranja)
3. para diferencias, título, autor y precio,.
4. Como fondo ilustracion color corporatipo

Recursos
1. Cambio en el contraste del color en la seccion del
menú en el que estamos.
2. No Indica el camino seguido para no perdernos
3. Se subrayan los enlaces cuando el rató pasa por
enciama
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Se caracteriza por tener libros edu-

cativos, prácticos y de referencia Dos columnas
que sirven de apoyo a los educado-
res; padres, familiares, ludotecarios
y profesores de niños a partir de
los dos años de edad.

http://www.parramon.com/
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Contenidos Estructura: (dos columnas)

Home
Home (animación flash)
Arriba a la izquierda
- Logo
Situada a la derecha, opción de bus-
- Buscador
queda avanzadqa

- Infantil
menú lateral a la izquieda

- Submenú
Arriba,en la segunda columna
Situada en la segunda columna más
-Novedades
ancha que la primera

- Suscricipción
Abajo a la izquierda

- Footer
Abajo, ocupandando las dos columnas
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Logo
Buscador
Menu
Submenu
Secciones del submenu

Novedades

suscripción

Footer
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Contenido
Estructura
Secciones (7) Secciones

- Menú Arriba , ocupa las dods columjnas

* Quiénes somos Dos columnas
* Novedades Tres columnas
-*Autores Dos columnas
-*Actualidad Tres columnas
* Bolentín Tres columnas,
* Catálogos cinco columnas,
* Dónde comprar Dos columnas,
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Menu 1
- Submenú
* Diseño
* Música
* Novela gráfica
* Verticales
* Dibujo u pintura
* Arte y manualidades Submenu
* Infantil

- Infantil
* Artes plásticas
* Conocimientos
* Aprende ingles
* Juegos
* Lectura Menu 2
* Pim pam pum
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Diseño

Tipografía
1 tipografía de palo seco , utiliza los estilos para jerarqui-
zar.
Menú: palo seco , mayúscula
Títulos: palo seco, negrita , minúscula
Subtítulos: palo seco, negrita , minúscula
Texto base: palo seco, 16 palabras por columna de dos
no pesado,, utiliza espacios
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Diseño
Color

1. Fondo blanco, aspecto limpio

2. código de color en el segundo menú
3. Constraste, negro sobre gris claro o blanco sobre los
colores de el segundo menú
4. Indica la posion por el código cromático
Briefing análisis del sector editorial EDITORIAL PARRAMÓN

Recursos
1. Cambio de la forma del ratón en los enlaces
2. Menú desplegable
3. Se subrayan los enlaces cuando el ratón pasa por
enciama
4. Uso de botones en los laterales para ver los pro-
ductos
Briefing análisis del sector editorial CONCLUSIONES

* Retícula: Utilizar de dos a tres columnas

* Logotipo: arriba a la derecha (alta jerarquía visual)

* Menú: Entre 4 y 8 secciones, si se necesitan más agruparlos en subsecciones, colocación arriba o utili-

zando la columna de la izquierda

* Secciones que coinciden en las web analizadas:

- Quiénes somos o presentación
- Novedades
- Catálogo
- Autores
- Link a un blog de la empresa
- Ilustradores
- Contacto

- Buscador

* Tipografía: Una de Palo seco y utilizar color, tamaño y estilos para jerarquizar la información

* Color: colores corporativos para relacionar la web con el producto

Briefing análisis del sector editorial CONCLUSIONES

* No utilizar demasiados degradados, sombras, animaciones, puede crear un aspecto poco profesional

* Recursos: para saber donde nos encontramos en todo momento,(cambio de color en la tipografía

del menú, mostrar el camino que llevamos, redondear el menú....etc)

Llegar rápidamenta a lo que estamos buscando

*Agregar la idea de collage a mi web como recurso gráfico

* Footer: abajo como fin de la página (aviso legal, copirigth, logotipo, fecha)

* Scroll: añadir scroll sin que sea deamsiado largo

* Novedades: la forma de mostrar los libros, imagen portada, título, autor, ilustrador y precio

Web limpia, rápida, fácil para navegar y legible

Briefing análisis del sector editorial SECCIÓN TIENDA

1. Se divide la segunda columna en cuatro

2. Cada libro contiene esta infomación:
- nombre
- autor
- medidas
- precio
3. El nombre del libro te lleva a una ficha más detallada
4. El nombre del autor te lleva a una ficha más detallada
sobre éste
5. Incluye botones para navegar por los diferentes pro-
ductos
Briefing análisis del sector editorial SECCIÓN TIENDA
 Briefing análisis del sector editorial SECCIÓN TIENDA

1 2

3 4
Briefing análisis del sector editorial TIPOS DE USUARIOS Y NECESIDADES

WEB CUENTÓPOLIS

USUARIOS

Autores e ilustradores Padres, madres Niños edad (5 -10)

Necesidades Necesidades Necesidades

- Medio de promoción - Comprar los cuentos - Información sobre los

personajes del producto
- Darse a conocer - Toda la información para * videos
llevar a cabo la compra * imágenes
- Contactar con la editorial * juegos
- Información sobre lo que se
va a comprar - Diversión y entretenimiento

- Que sea fácil

- Que inspire confianza

- información (educación)
Briefing análisis del sector editorial SECCIONES SEGÚN USUARIOS

WEB CUENTÓPOLIS

SECCIONES
SEGÚN NECESIDADES
DE USUARIOS

Autores e ilustradores Padres, madres Niños edad (5 -10)

- Ficha del autor e ilustrador - Tienda on-line - Información sobre los

* Información personajes del producto:
*Galería - Suscripciones y registros
* Manualidades
- Enlaces hacias sus web - Ficha del producto con
información: * Videos
- Contacto editorial * imagen
* precio * Descarga de dibujos para
colorear
- Descuentos por comprar
en la web * Juegos

- Navegación sencilla

- información (educación)