Adjunto mi propuesta de la revista en versión digital, diseñada para ordenadores. Se mantiene la identidad de la marca para que nuestros lectores se familiaricen con el diseño y creando una simbiosis entre ambas publicaciones. También adjunto el díptico adaptado a una versión digital de newsletter.
Os presento la propuesta final que he realizado para adaptar la revista al medio digital. Lo más importante en todo momento ha sido plantear un diseño que sea reconocible en cualquiera de los canales.
He decidido trasladar la revista a una web responsive, que se adapte a las pantallas de diferentes dispositivos. Para estructurar el contenido se ha utilizado una retícula de ocho columnas. La cabecera es muy sencilla, solo incluye el logo e iconos de búsqueday menú. En el footer he añadido links a información de interés, un formulario para apuntarse a la newsletter y links a las redes sociales. En la portada se ha dado prioridad a destacar el número actual de la revista, a explicar la filosofía de la revista y a llamar a la acción con un apartado de suscripción. Además, se ha incluido un apartado de tienda para facilitar la compra de la revista a las personas interesadas. El sumario se ha adaptado incluyendo un breve resumen de ese número y creando una galería de historias destacadas, donde priorizan las imágenes. Por último, el artículo se ha creado en una sola columna estrecha, intercalando el texto con fotografías y con mucho espacio en blanco a los lados. Al final se ha añadido un apartado de historias relacionadas para animar a que el lector permanezca en la web.
En cuanto al díptico, se ha decidido realizar una newsletter, ya que es un medio muy eficaz para captar nuevos lectores. El objetivo de este diseño es dar a conocer la filosofía de la revista y animar a la suscripción de la edición impresa. El tamaño escogido ha sido 600×900 px, un tamaño estándar en este tipo de formatos, y una retícula de cuatro columnas.
El objetivo de ambos diseños es mantener la continuidad de la propuesta anterior, para ello hemos generado un producto sencillo, que proporcione un contenido de interés y que genere una experiencia agradable al lector. Hemos prestado mucha atención en conseguir una coherencia estética, haciendo uso del mismo estilo minimalista, la misma gama cromática y las mismas tipografías.
En los siguientes ejemplos encontrarán cómo la revista Egeria se ha adaptado a las nuevas tendencias en tecnología, los ejemplos aparecen simulando scroll vertical.
El diseño para web es fundamental hoy día por lo que la composición está orientada a una funcionalidad multimedia mediante elementos clicables, modulares que permiten la navegación fluida a los usuarios.
He modificado el sumario principalmente para adaptarlo al estilo principal de la revista, como si cada bloque fuese una fotografía polaroid.
Para potenciar la continuidad gráfica y estilística, he añadido la «marca de la casa», a través de unos acentos azul en los inicios de sección, como la revista original para continuar con el estilo gráfico y que el lector encuentre lo que le interesa y dinamismo en general.
El artículo de «Historia» habla de los lugares que el viajero no se puede perder desde el punto de vista histórico. He tratado de que la masa de texto siga siendo acotada para mejorar la lectura, pero he mejorado las imágenes a todo lo ancho de la pantalla.
Por último como respuesta a la necesidad de captar nuevos suscriptores, he diseñado una newslatter, con elementos navegables como llamadas a la acción, pensadas para que los usuarios se suscriban de forma inmediata.
Después del último feedback recibido, he realizado algunas modificaciones en la portada, incluyendo un menú de los destacados del mes en modo arcodeón, además de incluir un enlace directo al sumario.
He aumentado el tamaño de letra en el artículo, para una mejor lectura en los dispositivos tablets.
Además, en esta propuesta os muestro mi versión del díptico de suscripción. Al estar en la publicación, la idea es que se capten los datos mediante un formulario, para formalizar la suscripción directamente.
acabamos esta última entrega del proyecto editorial Atlantis trabajando en el medio digital con las adaptaciones a nuevos formatos y soportes digitales de la revista y del díptico.
El formato digital al que hemos trasladado la revista ha sido a un formato web responsive con lo que es capaz de abarcar distintas resoluciones de pantalla permitiendo acceder desde diferentes dispositivos de lectura.
Respecto al díptico, teniendo en cuenta el contenido promocional que definimos para su creación hemos optado por traducirlo al formato de newsletter en el que anunciar el lanzamiento del primer número y la promoción de suscripción. La medida elegida es de 600×900 píxeles teniendo en cuenta que muchas de las personas que reciban esta comunicación en sus correos verán la información en modo de vista previa.
El diseño que proponemos tanto de la revista como del díptico tienen como objetivo generar un producto interactivo fácil de comprender, que proporcione un contenido de interés que se interprete de manera correcta generando una experiencia agradable, con una navegación sencilla de aprender y recordar.
Por otra parte, hemos puesto especial atención en la coherencia estilística del proyecto empleando una retícula dinámica, la misma gama cromática y tipografías similares a las de la versión impresa para así generar elementos que sean reconocibles y alcanzar una imagen de marca sólida y reconocible.
Portada En la portada tenemos la imagen principal que serían fotogramas que mueven el barco de izquierda a derecha en bucle, estarían las últimas portadas, el botón de suscribir muy visible.
Sumario
Hay dos propuestas de sumario.
1. Se adapta a la propuesta hecha anteriormente para la revista impresa, como siempre, se ha querido hacer del movimiento el eje principal.
1.2. Es una propuesta nueva de sumario pero que también podría funcionar.
2
Artículo. He hecho dos propuestas de artículo también. La primera es del mismo texto e imágenes que utilicé en la PEC2. Esta sería la sesión de Entrevistas.
2.1
Artículo. Este artículo corresponde a la Pec anterior.
Dejo por aqui mi adaptación de la revista a un formato digital. He elegido el formato web ya que a mi publico objetivo, antropólogos y aventureros, les encanta investigar por lo que consideré que sería un formato más cómodo para ellos, ya sea para la comprobación de la información o por hacer una ruta con la ayuda de la revista si deciden visitar el país que se promueve.
Me ha parecido muy interesante jugar con el formato, así que he adaptado todos los artículos, más una entrevista que he hecho para esta entrega. Me quedo con ganas de saber que opinais al respecto! Se visualiza de mejor forma en el prototipo que en el pdf, además he dejado activada la opción de comentarios, por lo que se podría opinar directamente ahí!
He realizado la siguiente propuesta sobre la revista egeria magazine en este caso digital.
He modificado el sumario principalmente para adaptarlo al estilo principal de la revista, como si cada bloque fuese una fotografía polaroid.
He añadido la marca de la casa, con unos acentos azul en los inicios de sección, como la revista original para continuar con el estilo gráfico y que el lector encuentre lo que le interesa y dinamismo en general.
El artículo de «Historia» habla de los lugares que el viajero no se puede perder desde el punto de vista histórico. He tratado de que la masa de texto siga siendo acotada para mejorar la lectura, pero he mejorado las imágenes a todo lo ancho de la pantalla.
Espero que os gusten éstos cambios.
Muchísimas gracias.
Adjunto las propuestas simulando el scroll vertical de un ancho generoso a 1366 para revista y artículo.
He realizado las siguientes pantallas que equivalen a la portada más sumario, artículo que habla sobre la historia del lugar que representa el gran viaje, en este caso La Polinesia Francesa. Los archivos están en el alto total vertical, pero he marcado las partes que representarían una ventana completa.
Por otro lado, he realizado una Newsletter con una llamada a la acción (formulario de suscripción), a la que también se puede acceder desde la revista digital o enviar por email.
El formato utilizado para portada y sumario es 12 columnas con un medianil de 16px. El formato para el artículo es en 8 columnas centradas con respecto a la página, por lo que se centran los contenidos y mejora la lectura, ya que nuestro diseño favorece la imagen pero el texto al ancho total no es adecuado para la lectura. Finalmente la newsletter está a 8 columnas también pero centradas con respecto a la página, que será más pequeña puesto que suele tener un contenido reducido, para que pueda verse en una ventana pequeña de la pantalla.
El ancho usado es para grandes pantallas como las del público objetivo, que tiene un nivel adquisitivo alto y también por la predominancia de imágenes frente a texto de mi revista.
Revista: 1366 x 3180 Scroll Vertical.
Artículo: 1366x 3050 Scroll Vertical.
Newsletter: 600 x 1361 Scroll vertical.
Adjunto los archivos para ver que os parecen (se ven completos en scroll). Saludos!
Dejo por aquí el enlace con la versión digital también.
A continuación presento el formato de mi revista digital. Según he entendido en el enunciado, el trabajo a realizar es la adaptación de la portada, sumario y reportaje interior a un formato digital. Lo he realizado en indesing y he usado una maquetación a 12 columnas, que es la que suelen usar la mayoría de frameworks para webs.
He exportado el borrador de mi adaptación a png y pdf. Quedo a la espera de comentarios.
PORTADA
SUMARIO
REPORTAJE
NAVEGACIÓN EN REPORTAJE
He incluido en esta imagen, como sería la navegación dentro del artículo, en el que siempre aparece en la esquina superior izquierda el menú de tipo «hamburguesa» y a la derecha el título del reportaje y abajo una flecha para poder ir al principio al pulsar.