Propuesta de sitio para Grupo Editorial J

De Casiopea


CDS-ELC3-Logo.png


TítuloPropuesta de sitio
Tipo de ProyectoProyecto de Curso
Período2012-2012
AsignaturaLC3 2012
Del CursoLC3 2012
CarrerasDiseño Gráfico
Alumno(s)Caterina Da Silva
ProfesorJorge Barahona

Estrategia

Brief

Se requiere crear un sitio para el Grupo Editorial J, que publica cinco revistas físicas: Minería Chilena, Electricidad, Latinominería, Aqua y Lignum, las cuales tienen su propio sitio web.

Objetivo

  • Crear un sitio para el Grupo Editorial que aloje los sitios de las revistas.
  • Crear un framework cohesivo para los sitios de las revistas.
  • Hacer que estos sitios sean responsivos, para que puedan ser vistos desde un teléfono móvil y tablet.

Metas

  • Proponer un sitio responsivo para el Grupo Editorial J en una maqueta navegable, que lleve a los nuevos sitios propuestos para las revistas.
  • Crear una propuesta de sitio para las revistas que marque la pertenencia a un mismo grupo.
  • Crear un sistema que interrelacione los contenidos de las revistas, para que los usuarios puedan navegar entre ellas.

Cliente

El Grupo Editorial J está basado en un grupo editorial real, llamado Editec:

"Grupo Editorial Editec es la editorial técnica y de negocios líder de Chile, y con 34 años de trayectoria conforma publicaciones técnicas que cubren los sectores económicos más importantes del país. Nuestro portafolio incluye la producción y edición de las revistas Minería Chilena, Electricidad, Latinominería, Aqua y Lignum, compendios y estudios, portales de internet, servicios de newsletter y la organización de conferencias y exposiciones especializadas."

Problemas a resolver

  • Responsividad del sitio
  • Interrelación entre artículos de diferentes revistas
  • Crear una identidad cohesiva para las revistas
  • Mantener la publicidad del sitio, los banners deben estar bajo la norma establecida por IAB Chile

Comportamiento del cliente

CDS-ELC3-Felipe contreras.jpg
CDS-ELC3-Roque hedley.jpg

Personas y escenarios

Felipe Contreras

Él es Felipe, es Ingeniero en Minas y trabaja en la Mina Collahuasi, tiene 35 años y vive en Iquique junto a su esposa y su hija de 7 años. Le gusta leer las revistas: Latinominería y Minería Chilena, en su oficina mientras toma desayuno al llegar en la mañana.

Roque Hedley

Roque tiene 59 años, es Vicepresidente de una Industria Maderera de la Región del Biobío. Vive en Los Ángeles junto a su señora y sus cuatro hijos, todos mayores de edad. Le gusta mantenerse informado del estado del negocio de la madera a través de la revista Lignum, visitando la página los fines de semana a través de su iPad.

Pilar Albuquerque

Pilar es Analista de Medio Ambiente, tiene 48 años y tiene dos hijas adolescentes. Trabaja para el Terminal Pesquero Metropolitano. Revisa una vez el sitio de la revista Aqua para informarse, ya que le parecen interesantes las estadísticas y noticias que se publican.


Benchmark

  • Destructed es una revista de arte y diseño en Formato PDF. Se publica trimestralmente y cada número trata un tema único. Usan una plataforma web debido a que la consideran una buena forma de distribución.
  • A List Apart explora el diseño, desarrollo y significado del contenido de la web, con un enfoque especial en estándares web y las mejores prácticas.
  • Komma es la Revista de la Facultad de Diseño de la Universidad de Mannheim presenta obras seleccionadas de los distintos departamentos, junto con entrevistas y reportajes de la escena. Es el sitio web de la revista.
  • Artzmania es una empresa independiente mostrando creatividad sobresaliente internacional y la cultura. Es una e-zine usada como plataforma para diseñadores para inspirar, expresar y compartir arte y diseño diversificado.
  • Bak Magazine es una e-magazine descargable bilingüe de artes visuales.

Arquitectura de la Información

Card sorting

CDS-ELC3Card sorting.png

Mapa de contenidos

CDS-ELC3-Mapa de contenidos.png


Mapa de navegación

Home

800px


Revistas

800px

Mapa de clases

CDS-ELC3-Mapa de clases.png

Diseño de Interacción

Wireframes de contenidos

Móvil

Wireframes de contenido para el sitio móvil

Descripción de wireframes:

  1. La página de portada del sitio de GEJ.
  2. GEJ: Sobre nosotros
  3. Portada de una revista: sidebar abierto y luego, oculto
  4. La portada completa
  5. Una página de noticias

Web

Wireframes de contenido para el sitio web

Descripción de pantallas:

  1. Portada para GEJ
  2. Portada para revista
  3. Noticia

Diseño de Interfaz

Tipografía

Helvetica Neue Bold

CDS-ELC3-Helvetica-Neue-Bold.pngCDS-ELC3-Helvetica-Neue-Bold-Italic.png

Helvetica Neue Regular

CDS-ELC3-Helvetica-Neue-Regular.pngCDS-ELC3-Helvetica-Neue-Regular-Italic.png

Helvetica Neue Light

CDS-ELC3-Helvetica-Neue-Light.pngCDS-ELC3-Helvetica-Neue-Light-Italic.png

Helvetica Neue UltraLight

CDS-ELC3-Helvetica-Neue-UltraLight.pngCDS-ELC3-Helvetica-Neue-UltraLight-Italic.png

Paleta de Colores

Colores de realce

CDS-ELC3-Colores.png

Paleta de grises

CDS-ELC3-Grises.png

Iconografía

Usé íconos prediseñados, bajados desde Brankic1979

CDS-ELC3-Iconos.png

Maqueta de portada del sitio web

CDS-ELC3-PortadaGEJ.png