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

El producto debe convencer a

Padres y madres aficionados a la lectura y preocupados por la educación 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 ilustradores

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 secciones específicas para este público objetivo

Briefing

NECESIDADES DEL CLIENTE

Encontrar fácilmente lo que buscan ¿Quién busca qué? Padres y madres
- Información sobre los cuentos: * temática * precio * ¿cómo obtenerlo? - Información sobre temas educativos

Autores e ilustradores
- Información sobre los cuentos: * proceso de creación * información sobre los autores e ilustradores que aparecen * ¿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 nacionales, 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
Contenidos Home -Logo

análisis del sector editorial

EDITORIAL ANAYA

Estructura: (dos columnas) Home
Arriba a la izquierda y abajo acentrado Arriba izquierda, icono lupa Arriba derecha, solo iconos Portada libro, título y autor diferente color Dividido por líneas, tipografía palo seco mayúscula Divididos en 3 bloques horizontales y verticales Debajo del menú, formando bloque Abajo en bloques más pequeños con movimiento Abajo, otro color

-Buscador (Búsqueda normal y avanzada) - Redes sociales - Novedades - Menú - Temas relacionados - Blog - Publicidad (relacionada) - Footer(quiénes somos, contacta, aviso legal, grupo
anaya, año)

Briefing
Contenido Secciones - Novedades

análisis del sector editorial

EDITORIAL ANAYA

Estructura: (dos columnas) Secciones
1. Tres columnas, portada libro, título, autor, precio diferentes colores 2. Libro destacado ocupa la columna central 3. Tercera columna: lo más buscado, cambio de color

Nuevas secciones: (primeros capítulos, autores, premiosen laces)

1

2

3

Briefing
Diseño Retícula

análisis del sector editorial

EDITORIAL ANAYA

Tres columnas

Dos columnas

Briefing
Diseño Tipografía

análisis del sector editorial

EDITORIAL ANAYA

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
Diseño Color

análisis del sector editorial

EDITORIAL ANAYA

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
Diseño Recursos

análisis del sector editorial

EDITORIAL ANAYA

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
Contenidos Home -Logo

análisis del sector editorial

EDITORIAL ALFAGUARA

Estructura: (dos columnas) Home
Arriba a la izquierda Arriba iderecha, icono lupa No tiene Arriba, portada libro, título y autor diferente color Arriba, tipografía palo seco mInúscula No tiene No tiene Tercera columna Abajo, otro color

-Buscador (Búsqueda normal y avanzada) - Redes sociales - Novedades - Menú - Temas relacionados - Blog - Publicidad (relacionada) - Footer(quiénes somos, contacta, aviso legal, grupo
anaya, año)

Briefing

análisis del sector editorial

EDITORIAL ALFAGUARA

Subcripcióon Logo Menu y buscador Novedades

Top venta Destacados Publicidad

Briefing
Contenido Secciones

análisis del sector editorial

EDITORIAL ALFAGUARA

Estructura Secciones
Dos columnas (logotipo) Tres Columnas verticales: top venta,destacados y publicidad (más estrechas que las otras dos), separados por filetes, excepto el top venta que está en un rectángulo Cuatro filas horizontales Arriba, ocupa todo el ancho * 1 columna * 3 columnas, sin publicidad * 3 columnas, Buscador y últimos libros publicados, sin publicidad * 3 columnas, sin publicidad * 1 columna, buscador por nombre y por orden alfabético * 2 columna, separación horizontal de cada noticia y novedades de la editorial * 2 columnas, boletin y opciones de suscripción

-Introducción (separa entre infantil y juvenil) - Home

- Menú
* Portada * Quiénes somos * Novedades * Catálogo * Ebooks * Autores * Actualidad

Briefing
Diseño Retícula
Introducióon

análisis del sector editorial

EDITORIAL ALFAGUARA

Portada

Briefing
Diseño Tipografía

análisis del sector editorial

EDITORIAL ALFAGUARA

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
Diseño Color

análisis del sector editorial

EDITORIAL ALFAGUARA

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
Diseño Navegación

análisis del sector editorial

EDITORIAL ALFAGUARA

- Fácil, comprensible, intuitiva - Buena usabilidad

Briefing
Contenidos Home -Logo

análisis del sector editorial

EDITORIAL KALANDRA

Estructura: (dos columnas) Home (animación flash)
Arriba centrado No tiene No tiene Dentro de la categoría catálogo Arriba, centrado y a la izquierda No tiene No tiene Tercera columna Abajo, en los lados

-Buscador (Búsqueda normal y avanzada) - Redes sociales - Novedades - Menú - Temas relacionados - Blog - Publicidad (relacionada) - Footer(quiénes somos, contacta, aviso legal, grupo
anaya, año)

Briefing

análisis del sector editorial

EDITORIAL KALANDRA

Tres columnas

Briefing
Contenido Secciones

análisis del sector editorial

EDITORIAL KALANDRA

Estructura Secciones
Dos columnas (logotipo) Tres Columnas verticales:, la última es siempre una ilustración

-Introducción (dos idiomas) - Home

- Menú
* Proyecto (presentación, premios noticias) *Catálogo (novedades, colescciones, autores, distribución) * Blog (enlace a un blog)

primera columna

Briefing

análisis del sector editorial

EDITORIAL KALANDRA

Secciones

Menú

Briefing
Diseño Tipografía

análisis del sector editorial

EDITORIAL KALANDRA

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
Diseño Color

análisis del sector editorial

EDITORIAL KALANDRA

1. Utiliza los colores corporativo azul y verde 2. Contraste entre tipografía y fondo (azul o verde sobre blasnco) 3. para diferencias, título, autor y precio 4. Como fondo color plano corporatipo

Briefing
Recursos

análisis del sector editorial

EDITORIAL KALANDRA

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
Contenidos Home - Logo - Buscador - Novedades - Menú - Footer

análisis del sector editorial

EDITORIAL EDIMÁTER

Estructura: (dos columnas) Home (animación flash)
Arriba centrado Situada a la izuierda Segunda columnas, más pqeuqña

Arriba, ocupando toda la página

Situada abjo a la izquierda

Briefing

análisis del sector editorial

EDITORIAL EDIMÁTER

Briefing
Contenido Secciones (11) - Menú
* Inicio * Libros -*Autores -*Enlaces * Tienda * Distribuidora * Noticias * Videos * Contacto * Local

análisis del sector editorial

EDITORIAL EDIMÁTER

Estructura Secciones
Arriba Dos columnas Tres columnas tres columnas Dos columnas Dos columnas Tres columnas, espacio vacion Dos columnas, espacios vaciío Dos columnas, una columna vacía Dos columnas Dosc olumnas

Briefing

análisis del sector editorial

EDITORIAL EDIMÁTER

Columnas vacias

Peso visual descompensado

Briefing
Diseño Tipografía

análisis del sector editorial

EDITORIAL EDIMÁTER

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
Diseño Color

análisis del sector editorial

EDITORIAL EDIMÁTER

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 educativos, prácticos y de referencia que sirven de apoyo a los educadores; padres, familiares, ludotecarios y profesores de niños a partir de los dos años de edad.

Dos columnas

http://www.parramon.com/

Briefing
Contenidos Home - Logo - Buscador - Infantil - Submenú -Novedades - Suscricipción - Footer

análisis del sector editorial

EDITORIAL PARRAMÓN

Estructura: (dos columnas) Home (animación flash)
Arriba a la izquierda Situada a la derecha, opción de busqueda avanzadqa menú lateral a la izquieda Arriba,en la segunda columna Situada en la segunda columna más ancha que la primera Abajo a la izquierda 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
Contenido Secciones (7) - Menú
* Quiénes somos * Novedades -*Autores -*Actualidad * Bolentín * Catálogos * Dónde comprar

análisis del sector editorial

EDITORIAL PARRAMÓN

Estructura Secciones
Arriba , ocupa las dods columjnas Dos columnas Tres columnas Dos columnas Tres columnas Tres columnas, cinco columnas, Dos columnas,

Briefing
- Submenú

análisis del sector editorial

EDITORIAL PARRAMÓN

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

Submenu

- Infantil
* Artes plásticas * Conocimientos * Aprende ingles * Juegos * Lectura * Pim pam pum

Menu 2

Briefing
Diseño Tipografía

análisis del sector editorial

EDITORIAL PARRAMÓN

1 tipografía de palo seco , utiliza los estilos para jerarquizar. 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
Diseño Color

análisis del sector editorial

EDITORIAL PARRAMÓN

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
Recursos

análisis del sector editorial

EDITORIAL PARRAMÓN

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 productos

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 utilizando 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 productos

Briefing

análisis del sector editorial

SECCIÓN TIENDA

Briefing
1

análisis del sector editorial

SECCIÓN TIENDA

2

3

4

Briefing

análisis del sector editorial

TIPOS DE USUARIOS Y NECESIDADES

WEB CUENTÓPOLIS

USUARIOS

Autores e ilustradores
Necesidades

Padres, madres

Niños edad (5 -10)

Necesidades

Necesidades

- Medio de promoción - Darse a conocer - Contactar con la editorial

- Comprar los cuentos - Toda la información para llevar a cabo la compra - Información sobre lo que se va a comprar - Que sea fácil - Que inspire con anza - información (educación)

- Información sobre los personajes del producto * videos * imágenes * juegos - Diversión y entretenimiento

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 * Información *Galería - Enlaces hacias sus web - Contacto editorial

- Tienda on-line - Suscripciones y registros - Ficha del producto con información: * imagen * precio - Descuentos por comprar en la web - Navegación sencilla - información (educación)

- Información sobre los personajes del producto: * Manualidades * Videos * Descarga de dibujos para colorear * Juegos

Sign up to vote on this title
UsefulNot useful