Grupo Jota Editorial

De Casiopea


Grupo Editorial Jota
TítuloGrupo Editorial Jota
Tipo de ProyectoProyecto de Taller
Período2012-2012
AsignaturaLC3 2012
Del CursoLC3 2012
CarrerasDiseño Gráfico
Alumno(s)Antonia Casali
ProfesorJorge Barahona
URLhttps://dl.dropbox.com/u/4617154/sitiogrupojota/index.htm

Breif

El Grupo editorial "Jota" tiene 5 revistas físicas: Minería Chilena, Minería Latinoamericana, Electricidad, Agua y Lignum. A partir de estas revistas físicas, la editorial necesita darles un soporte en internet. Para que esto suceda se requieren las siguientes condiciones:

  • Que exísta un sentido de pertenencia entre ellas
  • Espacio para publicidad que maneje la estructura de Banners en formatos estandarizados
  • Considerar la interrelación de contenidos
  • Responsive Design

Conocimiento de las personas

El Cliente

El cliente se basa en los siguientes puntos que conforman su línea editorial:

  • La revista tiene un origen en el concepto Norteamericano de Business to Business (B2B) Enfocada a un sector económico específico que une la parte productiva con los proveedores de esa industria.
  • Su Línea editorial es altamente profesional e independiente en su área de generación de contenidos, de manejo comercial y de producción gráfica.
  • Cuentan con consejos editoriales que integran a calificados representantes de cada uno de los sectores económicos en los cuales se encuentran inmersos
  • Por regla general se trata de publicaciones propias, en el sentido que han sido concebidas, desarrolladas y administradas por las empresas

El Cliente del Cliente

Josue Berkowitz

Josué

Josué Berkowitz Hombre Empresario exitoso, 65 años tiene acciones invertidas principalemente en minería y comercio exterior. Tiene alto potencial adquisitivo, Hombre de familia, bilingue, de nivel cultural alto. Disfruta de la vida social, pasar tiempo libre con su familia y amigos lejos de la ciudad. Le gusta comer y vestir bien, aprecia las cosas de calidad y la elegancia que ellas brindan. Le sienta bien la impecabilidad y comodidad de los medios digitales con los que se relaciona. Utiliza la marca Apple.

Escenario Se sienta comodamente en su asiento reclinable de primera clase a revisar la revista desde su macbook air. En ella atiende a los siguientes puntos de interés: -Puntos Favorables para su Negocio -Nuevas Iniciativas y propuestas -Acciones financieras y negocios relacionados

Benchmark Otras revistas ó publicaciones que lee son:

  1. Revista Forbes
  2. El Mercurio y la Tercera
  3. Revista Capital
  4. New York Times

Cristián

Cristián Riedemann

Cristián Riedemann Cristián es asistente de Josué en Chile, tiene 38 años, es Ingeniero Civil en Minas de la universidad Adolfo Ibánez y tiene un gran potencial dentro del negocio. Vive en Santiago de Chile y debe estar al tanto de la actualidad dentro de los negocios que pueden interesar a Josué

Escenario Sábado por la mañana luego de tomar desayuno decide buscar noticias que le brinden información relacionada con un negocio de inversiones en utildades de una compañia de electricidad que se está a punto de firmar. Mientras sus hijos se bañan en la piscina el se sienta en la terraza con su iphone.

Estrategia

Al revisar parte del sitio original y su contenido, La experiencia que hay que mejorar es cómo el usuario se relacióna con la gran cantidad de contenido y su complejidad visual. El cliente debe enfrentarse frente al contenido con cierto relajo dadas sus condiciones de uso. Aúnque no proporciona una distención total, el cliente debe sentirse cómodo al momento de interrelacionar contenido, con una alta legibilidad que apunta a una tipografía acomodada dentro de la página. Debe tener cierto grado de esclusividad y hospitalidad de lectura.

Metas y Objetivos

Cuatro Revistas de una misma editorial presentadas a un público específico que desea enfrentarse a una legibilidad impecable en un ámbito profesional

Estructura

CardSorting

Cardsorting.JPG

Arquitectura de la Información

Mapas de Contenido

  • Los Mapas de contenido actuales tienen un exceso de información que se repite en las cinco revistas. Se tienden a remplazar algunos contenidos y a dejar los contenidos generales de cada revista en una página de inicio común para las cinco.

Mapa Contenidos Revista Minería Chilena Mineriachilena.jpg

Mapa Contenidos Revista LatinoMinería Latinomineria.jpg


Mapa Contenidos Revista Electricidad Electricidad.jpg


Mapa Contenidos Revista Aqua Aquafinalc3.jpg

Mapa Contenidos Revista Lignum Lignumlc3.jpg

Sintetización de Contenidos Similares A partir de una sintetización de contenidos similares es posible estructurar una plataforma que comprende las necesidades prioritarias de los sitios suponiendo crear una estructura para móviles

Sintetización de contenidos SintesisLc3.jpg

Mobile First : Se decide trabajar con la estructura Mobile First con el fin de acotar contenidos para una mejor legibilidad por las siguientes razones

  • Explosión de dispositivos Móviles A pesar de que el diseño web hace años funciona para smartphones, el crecimiento de este soporte maneja inumerables aplicaciones y contenido web. Al año 2013 estos usuarios se triplicarán.
  • El diseño para Móviles obliga a enfocarse en el contenido : El diseño para móviles requiere que el desarrollo de software se especifique exclusivamente en la información y acciones más relevantes; Por ende cuando se diseña para móvil en primer lugar: La información más importante, centrada en las acciones de los usuarios, ya ha sido desarrollada. (Una buena experiencia en los usuarios concluye en un buen negocio)
  • Amplia las capacidades de Diseño : La web ha sido desarrollada en cuanto a sus capacidades lo permiten, Marcado de página, estilo y scripting. Los desarrolladores de aplicaciones han llevado hasta el final intentando innovar con Javascript o algunos plug-ins con el fin de enriquecer la interacción. Pero las nuevas plataformas para aplicaciones móviles están intoduciendo emocionantes capacidades que dejan atrás lo que ya ha sido hecho en la web. Dentro de estas capacidades se encuentran: Localización automática GPS, Orientación automática, el multi-Touch que codifica variados gestos entre otros...

Wireframes

Wire 1.JPG Wire 2.JPG Wire 3.JPG Wire 4.JPG Wire 5.JPG Wire 6.JPG Wire 7.JPG Wire 8.JPG


Wire 9.JPG Wire 10.JPG Wire 11.JPG

Mapa Navegación Móvil

Mapanavmovil.JPG

Mapa Navegación web

Navsitio.png

Mapa de Clases sitio web

Mapaclases.png

Maqueta Navegable

https://dl.dropbox.com/u/4617154/sitiogrupojota/index.htm