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.