Deli e able D6.1
P ojec lye and public websi e
Edi o (s):
Michela Fazzola i, Ad iana Lazza oni
Responsible Pa ne :
Consiglio Nazionale delle Rice che (CNR)
S a us-Ve sion:
Final – 1.0
Da e:
29.02.2024
Type:
DEC
Dis ibu ion le el (SEN, PU):
PU
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 2 o 26
www.eme ald-he.eu
P ojec Numbe :
101120688
P ojec Ti le:
EMERALD
Ti le o Deli e able:
P ojec lye and public websi e
Due Da e o Deli e y o he EC
29.02.2024
Wo kpackage esponsible o he
Deli e able:
WP6 – Dissemina ion, Exploi a ion and Communica ion
Edi o (s):
Michela Fazzola i, Ad iana Lazza oni (CNR)
Con ibu o (s):
Ma inella Pe occhi, Pa izia And onico (CNR)
Re iewe (s):
Juncal Alonso, C is ina Ma inez (TECNALIA)
App o ed by:
All Pa ne s
Recommended/manda o y
eade s:
All WPs
Abs ac :
Fi s lye and p ojec websi e. EMERALD websi e will be
se -up and subsequen ly enhanced by all pa ne s o
include public esul s and links o ela ed news and
ini ia i es.
Keywo d Lis :
Websi e, Flye , Communica ion ools
Licensing in o ma ion:
This wo k is licensed unde C ea i e Commons
A ibu ion-Sha eAlike 3.0 Unpo ed (CC BY-SA 3.0)
h p://c ea i ecommons.o g/licenses/by-sa/3.0/
Disclaime
Funded by he Eu opean Union. Views and opinions
exp essed a e howe e hose o he au ho (s) only and
do no necessa ily e lec hose o he Eu opean Union.
The Eu opean Union canno be held esponsible o
hem.
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 3 o 26
www.eme ald-he.eu
Documen Desc ip ion
Ve sion
Da e
Modi ica ions In oduced
Modi ica ion Reason
Modi ied by
0.1
24.01.2024
Fi s d a e sion: s uc u e
Michela Fazzola i (CNR)
0.2
01.02.2024
Flye sec ion
Michela Fazzola i (CNR)
0.3
13.01.2024
Websi e sec ion and conclusions
Ad iana Lazza oni (CNR)
0.4
15.02.2024
Execu i e summa y sec ion,
in oduc ion sec ion, images
inse ion, in eg a ion o all he
sec ions, ini ial e ision
Michela Fazzola i (CNR)
0.5
16.02.2024
Documen e- eading and language
check
Ad iana Lazza oni,
Pa izia And onico (CNR)
0.6
16.02.2024
Re iew
Ma inella Pe occhi (CNR)
0.7
17.02.2024
Re iew
Michela Fazzola i (CNR)
0.8
22.02.2024
QA e iew
C is ina Ma ínez
(TECNALIA)
0.9
27.02.2024
Add ess he commen s om he QA
e iew
Michela Fazzola i (CNR)
1.0
29.02.2024
Submi ed o he Eu opean
Commission
C is ina Ma ínez
(TECNALIA)
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 4 o 26
www.eme ald-he.eu
Table o con en s
Te ms and abb e ia ions ............................................................................................................... 6
Execu i e Summa y ....................................................................................................................... 7
1 In oduc ion ........................................................................................................................... 8
1.1 Abou his deli e able .................................................................................................... 8
1.2 Documen s uc u e ....................................................................................................... 8
2 EMERALD lye ....................................................................................................................... 9
2.1 Con en O e iew .......................................................................................................... 9
2.2 Design ............................................................................................................................ 9
2.3 Layou ............................................................................................................................ 9
3 EMERALD public websi e ..................................................................................................... 13
3.1 Hos ing and De elopmen ........................................................................................... 13
3.2 S uc u e ...................................................................................................................... 13
3.3 G aphical appea ance .................................................................................................. 14
3.3.1 Colou Pale e .................................................................................................... 14
3.3.2 Menu ................................................................................................................. 15
3.3.3 Body ................................................................................................................... 15
3.3.4 Foo e ................................................................................................................ 15
3.4 Con en ........................................................................................................................ 16
3.4.1 Homepage ......................................................................................................... 16
3.4.2 Abou ................................................................................................................. 18
3.4.3 Pilo s .................................................................................................................. 20
3.4.4 Resou ces .......................................................................................................... 21
3.4.5 Communica ion ................................................................................................. 22
3.4.6 EMERALD F agmen s ......................................................................................... 23
3.4.7 Con ac .............................................................................................................. 23
4 Conclusions .......................................................................................................................... 25
5 Re e ences ........................................................................................................................... 26
Lis o igu es
FIGURE 1. EMERALD FIRST FLYER LAYOUT .......................................................................................... 10
FIGURE 2. OUTER PANELS OF THE FIRST EMERALD FLYER ...................................................................... 11
FIGURE 3. INNER PANELS OF THE FIRST EMERALD FLYER ....................................................................... 12
FIGURE 4. EMERALD COLOUR PALETTE .............................................................................................. 14
FIGURE 5. STRUCTURE OF THE WEBSITE MENU ...................................................................................... 15
FIGURE 6. EXAMPLE OF RIGHT-SIDE SUBMENU FOR THE “ABOUT” SECTION OF THE WEBSITE ......................... 15
FIGURE 7. FOOTER OF THE WEBSITE .................................................................................................... 16
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 5 o 26
www.eme ald-he.eu
FIGURE 8. HOMEPAGE OF THE EMERALD WEBSITE .............................................................................. 17
FIGURE 9. “MISSION” SECTION OF THE WEBSITE ................................................................................... 18
FIGURE 10. “APPROACH” SECTION OF THE WEBSITE .............................................................................. 19
FIGURE 11. “OBJECTIVE” SECTION OF THE WEBSITE ............................................................................... 19
FIGURE 12. “KEY RESULTS” SECTION OF THE WEBSITE ............................................................................ 20
FIGURE 13. “PARTNERS” SECTION OF THE WEBSITE ............................................................................... 20
FIGURE 14.“PILOTS” SECTION OF THE WEBSITE ..................................................................................... 21
FIGURE 15. “DELIVERABLES” SUBSECTION OF THE WEBSITE ..................................................................... 22
FIGURE 16. “FLYERS” SUBSECTION OF THE WEBSITE ............................................................................... 22
FIGURE 17. “FRAGMENTS” FROM THE EMERALD WORLD ..................................................................... 23
FIGURE 18. “CONTACT” SECTION OF THE WEBSITE ................................................................................ 24
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 6 o 26
www.eme ald-he.eu
Te ms and abb e ia ions
DoA
Desc ip ion o Ac ion
GARR
Ges ione Ampliamen o Re e Rice ca (I alian)
KR
Key Resul
SEO
Sea ch Engine Op imiza ion
WP
Wo k Package
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 7 o 26
www.eme ald-he.eu
Execu i e Summa y
This deli e able ep esen s he i s piece o he EMERALD dissemina ion and communica ion
s a egies, which a e pa o Wo k Package 6 (WP6). I includes wo main sec ions in which bo h
he i s lye and he public websi e associa ed wi h he p ojec a e desc ibed, espec i ely. The
main objec i e is o se he basis o EMERALD's b and iden i y.
The websi e will be upda ed du ing he p ojec and en iched wi h new esou ces such as news,
publica ions, deli e ables eleased, e en s a ended, syne gies de eloped wi h o he p ojec s,
e c. The lye , simila ly, will be ollowed by wo o he e sions ha will show he ongoing
p og ess o he p ojec .
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 8 o 26
www.eme ald-he.eu
1 In oduc ion
This deli e able is he i s o hose o be eleased wi hin WP6 on Dissemina ion, Exploi a ion,
Communica ion and S anda diza ion. I ep esen s he i s s ep owa ds he de ini ion o a
dissemina ion and communica ion s a egy o EMERALD.
1.1 Abou his deli e able
This documen desc ibes in de ail he i s lye eleased as pa o he EMERALD p ojec and he
p elimina y e sion o he EMERALD websi e, as i appea s in mon h 4.
1.2 Documen s uc u e
The s uc u e o he documen is as ollows. Sec ion 2 ou lines he main cha ac e is ics o he
i s lye eleased in he con ex o he EMERALD p ojec , desc ibing i s pu pose, con en , design
and layou . Sec ion 3 p esen s he main aspec s o he p ojec websi e, including i s s uc u e,
look and eel, and con en . Finally, Sec ion 4 epo s he conclusions o he deli e able.
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 9 o 26
www.eme ald-he.eu
2 EMERALD lye
This lye , he i s in a se ies o h ee, is in ended o aise awa eness o he EMERALD p ojec
and o p esen key p ojec in o ma ion in a concise manne . I also aims o highligh he p ojec 's
inno a i e app oach o e idence managemen o Con inuous Ce i ica ion in Cloud Se ices and
o en ice he eade o isi EMERALD's websi e o u he insigh s.
The i s EMERALD lye will be p in ed o dis ibu ion a app op ia e loca ions, bu i can also
be iewed and downloaded ia he websi e (h ps://www.eme ald-he.eu/ lye s/).
2.1 Con en O e iew
The lye includes he ollowing in o ma ion abou he EMERALD p ojec :
• Ti le and p ojec ’s logo.
• Pa ne s’ logos and desc ip ions.
• Social channels.
• Gene al in o abou he p ojec .
• QRcode, poin ing o he p ojec ’s websi e.
• EU emblem and unding s a emen .
• Acknowledgemen o EU unding and disclaime , acco ding o he Eu opean Commission
guidelines
1
and o he deli e able D7.1 [1].
• A concise o e iew o he EMERALD p ojec , including i s backg ound and impo ance.
• The key objec i es o he p ojec .
2.2 Design
The design o he EMERALD lye is mode n and engaging, ea u ing a p o essional colou pale e
ha e lec s he p ojec 's inno a i e cha ac e . The on co e s ands ou wi h i s impac ul use
o g aphics and a clea , bold i le, making an immedia e isual s a emen (see Figu e 2). The
dis inc i e EMERALD logo is p ominen ly displayed on he on panel. The logo is a key isual
elemen , encapsula ing he essence o he EMERALD p ojec . I combines a s ylised symbol o
an eme ald wi h he ex o he p ojec name in a way ha is bo h aes he ically pleasing and
ep esen a i e. In og aphics and icons a e used s a egically h oughou he lye (see Figu e 3)
o illus a e key poin s, adding a isual elemen ha complemen s he ex and makes
in o ma ion mo e accessible.
2.3 Layou
The EMERALD lye 's i- old layou is s a egically designed o bo h aes he ic appeal and ex
cla i y. Each o he six panels se es a dis inc pu pose, guiding he eade h ough a
comp ehensi e o e iew o he p ojec (see Figu e 1). The o e all layou balances ex ual
con en wi h isual elemen s, main aining a homogeneous look while ensu ing ha he
in o ma ion is comp ehensi e and easy o unde s and.
1
h ps:// ea.ec.eu opa.eu/communica ing-abou -you -eu- unded-p ojec _en#acknowledge-eu- unding
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 16 o 26
www.eme ald-he.eu
Figu e 7. Foo e o he websi e
3.4 Con en
3.4.1 Homepage
The homepage is he p ima y web page ha use s iew when hey b owse he p ojec websi e,
and ac s as a landing page o a ac isi o s (see Figu e 8).
In he cen e o he homepage he e is a ba ha eplica es he colou used o he menu a he
op o he homepage. Inside he ba , he p ojec i le is men ioned, ollowed by he p ojec
desc ip ion so ha he audience can ge an immedia e unde s anding.
The image which s ands in he homepage well ep esen s he concep o cloud se ices and i is
he one which has been chosen o he lye and o he social p o iles.
The sec ion below he u quoise-g een ba con ains h ee blocks which a e ed wi h he mos
ecen a icles om he “EMERALD F agmen s” sec ion (see Sec ion 3.4.6).
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 17 o 26
www.eme ald-he.eu
Figu e 8. Homepage o he EMERALD websi e
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 18 o 26
www.eme ald-he.eu
3.4.2 Abou
This sec ion is he main des ina ion o all gene al use s, including hose who may no ha e a
pa icula in e es in he p ojec . The e o e, anyone can ind ele an in o ma ion in his sec ion.
The gene al in o ma ion abou he p ojec can be immedia ely ound he e, helping in gi ing a
sense o conc e eness abou wha is being done and showing he e ec i eness o he p ojec .
This sec ion leads o he ollowing pages:
• Mission
• App oach
• Objec i es
• Key esul s
• Tools
• Pa ne s
Mission: This page con ains a simple sho desc ip ion o he p ojec mission, a oiding he use
o echnical e ms (see Figu e 9) The in o ma ion and he image epo ed in his page ha e been
ex ac ed om he EMERALD DoA [2].
Figu e 9. “Mission” sec ion o he websi e
App oach: In his page (see Figu e 10), he key elemen s o he app oach adop ed by he p ojec
a e summa ized in a bulle ed lis along wi h an image dedica ed o he “EMERALD app oach o
a con inuous and lean ce i ica ion (KR’s)”.
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 19 o 26
www.eme ald-he.eu
Figu e 10. “App oach” sec ion o he websi e
Objec i es: This page desc ibes he goals o he p ojec in a simple and di ec language (see
Figu e 11). The main objec i es a e s a ed in bold o acili a e unde s anding.
Figu e 11. “Objec i e” sec ion o he websi e
Key Resul s: The page p o ides desc ip ions o he nine KRs o eseen by he p ojec (see Figu e
12). A small, s ylized image has been associa ed alongside he desc ip ion o each KR o make
he page g aphically pleasing and o immedia e pe cep ion.
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 20 o 26
www.eme ald-he.eu
Figu e 12. “Key Resul s” sec ion o he websi e
Pa ne s: The page dedica ed o he Pa ne s shows all he o ganiza ions in ol ed in he p ojec
(see Figu e 13). The 11 pa ne s a e lis ed, wi h logos on he le and a desc ip ion o each
pa ne on he bo om. Each logo leads o he pa ne ’s websi e whe e use s can lea n mo e
abou hei expe ise, in addi ion, nex o each logo, he coun y o he o ganisa ion, he oles
held wi hin EMERALD and a con ac pe son a e lis ed.
Figu e 13. “Pa ne s” sec ion o he websi e
3.4.3 Pilo s
To alida e he p oposed amewo k, he key esul KR8-PILOTS con ains wo s a egic
ca ego ies o use cases. This sec ion (see Figu e 14) desc ibes hese wo ca ego ies o pilo s ha
ha e inspi ed he EMERALD mission and speci ic objec i es, no only om a s akeholde
pe spec i e, bu also om a cloud se ice p o ide pe spec i e:
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 21 o 26
www.eme ald-he.eu
• Ca ego y I: Ce i ica ion o public Cloud Se ices.
• Ca ego y II: Ce i ica ion o hyb id cloud-edge en i onmen s o he inancial sec o .
The ex and images epo ed in his page a e aken di ec ly om he DoA o EMERALD [2].
Figu e 14.“Pilo s” sec ion o he websi e
3.4.4 Resou ces
This sec ion adds alue o he end use by highligh ing help ul esou ces ha he audience may
ind use ul. This menu will be expanded in he ollowing subsec ions:
• Deli e ables: A ailable he e o download.
• Publica ions: Whe e publica ions s emming om he p ojec will be shown.
• Syne gies: Syne gies be ween EMERALD and o he ini ia i es will be epo ed in his
page.
• Open esou ces: All he esou ces connec ed o he Open-Sou ce pa adigm will be
a ailable he e.
Figu e 15 shows an example o he subsec ion “Deli e ables”, in which all planned deli e ables
a e lis ed. Du ing he li e ime o he p ojec , deli e ables ma ked as “public” will be made
a ailable o consul a ion and downloading.
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 22 o 26
www.eme ald-he.eu
Figu e 15. “Deli e ables” subsec ion o he websi e
3.4.5 Communica ion
This menu will be expanded wi h he ollowing i ems:
Flye s: This page will hos he EMERALD Flye s ha will be p oduced. The i s e sion is shown
and can be downloaded (see Figu e 16). The aim o his i s e sion o he lye is o aise
awa eness o he p ojec and p esen he key aspec s o EMERALD (see Sec ion 2). Subsequen
e sions o he lye will ha e di e en aims, such as p esen ing he pilo s, wi h a la e e sion
ocusing on p esen ing he esul s achie ed.
Figu e 16. “Flye s” subsec ion o he websi e
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 23 o 26
www.eme ald-he.eu
P ess eleases: This page will p o ide p ess eleases con aining upda es on he p ojec ’s
p og ess, signi ican miles ones, and newswo hy e en s o he media and public. The page will
also show he p ess eleases ansla ed in o he languages o he pa ne s.
Annual summa ies: This page will include annual epo s desc ibing he p ojec ’s achie emen s,
challenges, and key s a is ics o e he yea , o e ing s akeholde s a comp ehensi e o e iew o
p og ess and u u e di ec ions. These summa ies eplace wha was planned as a newsle e in
he DoA [2].
Pos e s: Pos e s published in con e ences, wo kshops, o public spaces will be epo ed he e.
Videos: EMERALD ideos will be a ailable he e.
P esen a ions: EMERALD p esen a ions, wi h p ojec ’s objec i es, p og ess, and ou comes, will
be shown he e.
3.4.6 EMERALD F agmen s
This sec ion o he websi e p o ides a ious upda es on he p og ess o he p ojec ;
echnologies, solu ions, p oblems encoun e ed, ela ed e en s o any o he ele an aspec ha
has occu ed in he p ojec (see Figu e 17). The EMERALD ‘ agmen s’ will be published on a
egula basis by all p ojec pa ne s o answe s akeholde s’ ques ions and o aise awa eness
abou EMERALD miles ones and ou comes.
Figu e 17. “F agmen s” om he EMERALD wo ld
3.4.7 Con ac
This sec ion o he websi e (see Figu e 18) shows he con ac de ails o he EMERALD p ojec
coo dina o .
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 24 o 26
www.eme ald-he.eu
Figu e 18. “Con ac ” sec ion o he websi e
D6.1 – P ojec lye and public websi e Ve sion 1.0 – Final. Da e: 29.02.2024
© EMERALD Conso ium Con ac No. GA 101120688 Page 25 o 26
www.eme ald-he.eu
4 Conclusions
This documen has p esen ed, on he one hand, he con en and g aphic design o he i s
EMERALD Flye and, on he o he hand, he main s uc u e and aspec s o he EMERALD websi e,
which will se e as an en y poin o ge o know he p ojec .
The lye has been p oduced o aise awa eness o he EMERALD p ojec and o p esen key
p ojec in o ma ion in a concise manne .
The s uc u e adop ed o he websi e has he ollowing goals:
• P esen he p ojec and i s ac i i ies in a use - iendly manne making i easie o ind
ele an i ems and make a ailable mo e a ac i e con en .
• P o ide a pla o m o sha e he p ojec esul s: ma e ials and documen s, deli e ables,
communica ion p oduc s ( lye s, pos e s, annual epo s, p ess eleases), open-sou ce
so wa e, e c.
• O e a pla o m in which all pa ne s can collabo a e wi h egula con ibu ions.
Bo h he websi e and he lye will be upda ed h oughou he p ojec . In he case o he websi e,
he p ojec esul s will be published in he app op ia e sec ions as hey a e achie ed.
