Adjunt mostra de la versió web per a la publicació. Les mides són 1200 px d’ample X 3400 px modulable segons necessitats de la publicació. Per a la maquetació he creat una estructura de guies formada per 8 columnes i 32 files que aporta la possibilitat de modular l’estructura.

El disseny difereix en conjunt en molts aspectes en relació a la publicació en paper, tant en gamma cromàtica com en tipografia, ja que el target en relació a una publicació en paper és diferent.

Consta d’un encapçalat amb el logo de la revista en el qual s’allotgen la majoria d’elements de navegació per a trobar-los més fàcilment. En el cos de la web veiem el reportatge principal de la publicació mensual i el seu botó de navegació i gestió de les imatges. Continua amb espai per a vídeo, publicitat i la resta de seccions secundàries amb els quals s’interactua clicant en la imatge. Al peu s’inclouen els crèdits, la protecció de dades i un enllaç per a la subscripció.

El disseny és equilibrat, amb pes centrat i obert de espais perque respiri el conjunt. la intenció és que sigui visual i per a accedir al contingut de text, hagis d’entrar en la publicació.

La tipografia triada és sense Serif, ideal per a publicacions digitals del tipus DejaVu sans Mono per als enunciats i Consola per al text. La grandària sempre pensant en web entre 18 px i 40px.

La Gamma cromàtica bàsicament és negre en contrast amb blanc, la intenció és la sobrietat i ressaltar els titulars.

També s’ha dissenyat una Newsletter per a mailing. Com a publicació digital destinada a la publicitat el disseny visual guanya protagonisme.

S’estructura amb el logo en la capçalera i un petit text amb la introducció, El cos està dividit en tres parts amb estructura equilibrada i espais en blanc que facilitin la diferència de continguts.

La tipografia i Gamma cromàtica concorda amb la publicació digital entre 11px i 24px i contrast entre blanc i negre.

Gràcies i salutacions,

Disseny pàgina web

Hem creat el disseny de la pàgina web seguint el disseny i l’estil de la revista, caracteritzat per ser minimalista, però viu de colors i amb un pes important per la fotografia. La paleta de colors ens permet crear una harmonia en el disseny, a més de poder contrastar continguts, tan amb el color com amb la tipografia.

Per a donar-li facilitat a l’usuari a navegar per la pàgina web, hem elaborat una barra de navegació a la part superior de la composició, junt amb el logotip. La primera fotografia seria la introducció a la revista i l’article principal de la revista mensual i clickant al seu títol ens dirigiria a l’article complet. Seguidament trobem una presentació de l’Atlantis Project per a que el lector conegui l’equip de treball i els objectius de l’empresa, a través d’una petita descripció i un vídeo descriptiu i promocional. Després trobem els darrers articles publicats, es tracta del sumari. Per a seguir donant pes a les imatges, hem afegit una fotografia amb una frase inspiradora, es tracta d’un contingut estètic i que busca captivar al públic. Per a tenir els lectors informats, hem col·locat un apartat explicatiu de la subscripció de la revista amb un link per a formular la inscripció, amb una fotografia dels diferents formats de la revista (En paper i en app). Finalment trobem l’últim apartat, el peu de pàgina on es troba una petita descripció de la revista, amb el link de les xarxes socials i apartats informatius com les condicions d’ús i la privacitat.

Pel que fa l’article de la revista, els elements bàsics de la pàgina seguirant en el mateix lloc (logotip, barra de navegació i peu de pàgina). El logotip d’Egeria podrà canviar de color segons la composició de l’article, apartat, de la pàgina web. Primer de tot, trobarem una petita descripció de la secció i seguidament una fotografia introductòria del que es poden trobar al visitar la regió que narrem. Seguidament trobem un segon titular (Guia de viatge) i una introducció al viatge. Les línies verdes ens ajuden a separar la introducció del contingut de l’article. Hem elaborat marges superiors al coningut de la revista per a diferenciar el contingut i per si es volgués afegir publicitat o algun link d’interès.

Disseny NEWSLETTER

El disseny de la Newsletter està pensat per ser enviat per correu electrònic. Hem re-dissenyat el díptic creat per a la revista per a suports digitals, utilitzant la fotografia com a portada, com a introducció de la newsletter per a cridar l’atenció al lector, junt amb el logotip de la revista i una frase inspiradora. El requadre de uneix-te serà un hipervincle que ens enviaria a la pàgina web de la revista a l’apartat de subscripció. Seguidament trobem la descripció de la revista i del grup Atlantis, junt amb la promoció comercial en requadre verd per a donar-li més visibilitat. Per a finalitzar la composició hem col·locat una fotografia i els links de les xarxes socials.

Com en les demés composicions, hem elaborat un disseny minimalista, caracteritzat pels elements geometrics rectangulars, una paleta de colors naturalista que crea harmonia gràcies als contrastos de colors.

Presento el primer article finalitzat amb les correccions i indicacions de la segona pràctica.

L´estil de la proposta és molt visual on la imatge és qui té més protagonisme, s´han fet servir imatges impactants i sempre lligades amb la línia del text escollit.

El disseny de la publicació és molt estructurada i jerarquitzada amb un equilibri total que intenta mantenir els diferents pesos. Com vam comentar a la primera versió, s´han obert els espais blancs entre imatge i text per que el conjunt respiri millor.

La gamma cromàtica és el negre principalment per els textos, vermell per l´entradeta (cada entradeta de secció estarà diferenciada pel color que es visualitza al sumari). També s´ha fet servir el color blanc per els peus de la imatge i blaus per les caixes amb un missatge comunicatiu lligat al cel o el mar.

INTERIOR DE LA REVISTA

Estil 

Les propostes del primer número de la revista és un especial sobre viatges per descobrir els llocs més curiosos d’Espanya.

El seu estil, tant de la revista com del díptic, està  centrat per trobar l’equilibri, ordre i concordança. Utilitzo unes imatges que destaquen per manera de transmetre tranquil·litat. I a la vegada amb la finalitat de cridar l’atenció del lector amb una imatge impactant. 

Color 

La paleta de la revista dedicada a la portada del Delta està formada per als colors blaus i grisos, vermells, grocs i color cru. Per millor visualització del text de la portada utilitzo el blanc. Tot el contrari a la portada de Sevilla, on  destaco  els textos amb  color negre.  La paleta està formada per colors taronges, crus, grisos i negre.  

Estructura 

L’estructura serà iguala  a tots els números amb un caràcter específic i sempre amb el mateix ordre del contingut, d’aquesta manera aconsegueixo que els usuaris la reconeguin a simple vista.

A la part superior de les portades s’inclou el logotip d’Egeria amb gran. La imatge ocupa tota la pàgina menys una secció de la part inferior on s’inclou les diferents seccions que es trobarà dintre la revista. Intento encaixar la imatge que ocupa tota la pàgina d’una manera que a la banda esquerra es quedi un espai on s’inclou els titulars. La tipografia utilitzada és la Made Tommy amb versió Thing i Regular.

Al llom és tornar a repetir el logotip d’Egeria.

A la contraportada, s’inclou un vector del mapa del territori en què  està dedicat el número de la revista i a sota un apetita descripció  de què oferim a Egeria Magazine. Per acabar a part inferior esquerra  tenim el codi de barres amb posició vertical, a la superior dreta  el codi QR i a la inferior dreta la direcció web. 

PORTADA DE LA REVISTA

ESTIL

Per realitzar el disseny de les portades de la revista ens hem centrat en l’equilibri i l’harmonia dels colors tant de la fotografia, com de les lletres. Buscant el minimalisme, amb un disseny senzill i equilibrat. L’objectiu del disseny és cridar l’atenció a través d’una fotografia impactant, donant-li major atractivitat a través de l’estructura del logotip i els titulars.

COLOR

La paleta de la revista està formada pel verd fosc, el rosat, el blanc i el negre. Segons la fotografia seleccionada per la portada, utilitzarem el rosat pel logotip i els detalls del disseny (fotografies amb colors foscos, freds, sobretot verds, en paisatges boscosos, muntanyosos).  Per altra banda, si la fotografia té uns tons més clars, més rosats, càlids, utilitzarem el color verd pels detalls i el logotip. Pel que fa al llom, s’utilitzarà el color contrari (o verd o rosat) del que s’ha utilitzat per a la portada.

Per a donar una portada amb major atracció, creïem que és un bon recurs seleccionar un anunci que segueixi amb la paleta de colors d’Egeria.

ESTRUCTURA

Hem creat una estructura de disseny que permeti assegurar una continuïtat i que li doni caràcter a la revista perquè els usuaris la reconeguin a simple vista.

A la part superior hi hem col·locat una frase inspiradora de viatges i sota seu el logotip de la revista.  La imatge ocuparà tota la pàgina, per aquest motiu es busca que hi hagi una bona visibilitat de la fotografia, deixant l’espai central del disseny lliure de titulars. A la part central esquerra s’hi col·locaran els titulars mensuals (els que hi haurà cada mes a la revista) amb la tipografia Montserrat. Per a separar cada titular hem utilitzat una línia del color del logotip i corresponen a tot el disseny.  A la part superior dels titulars hem afegit una petita icona d’una camper per a crear un símbol a la revista, perquè representi el tema principal d’Egeria, que són els viatges en furgoneta i caravana. Seguidament, el titular principal del mes l’hem col·locat a la part inferior dreta, amb la tipografia Playfair per a donar contrast amb els altres titulars i també amb més grandària. El codi de barres està situat a la part inferior esquerra.

En el llom hi trobem el nom del projecte ATLANTIS junt amb el número que pertoca i la data de llançament de la revista.

PORTADA DEL DÍPTIC

ESTIL

Pel que fan als díptic, hem seguit el mateix objectiu del disseny de la revista i de les portades, cridar l’atenció a través d’una fotografia que representi la revista i amb un equilibri dels titulars i el logotip i harmonia amb els colors escollits.

COLOR

S’utilitzarà la paleta de colors amb el rosa com a principal si la fotografia té tons més foscos. Per altra banda, s’utilitzarà el color verd com a principal si la fotografia és més clara, amb més llum. Creiem que el contrast ajuda a transmetre equilibri.

ESTRUCTURA

Com que els díptics no necessiten crear una estructura de continuïtat, sinó que s’utilitzen per a promocionar la revista, creiem que és una bona idea canviar l’estructura del disseny segons la fotografia. Ho podem observar que el requadre de color en una fotografia es troba a la portada i a l’altre a la contraportada. La icona de la revista anirà junta amb el requadre i també en la part de la fotografia on no es trobi la furgoneta o caravana. Per tant, es pot observar com cada element del disseny té un per què en la seva col·locació.