D6.1 Project flyer and public website

Deliverable D6.1 Project flyer and public website Editor(s): Michela Fazzolari, Adriana Lazzaroni Responsible Partner: Consiglio Nazionale delle Ricerche (CNR) Status-Version: Final – v1.0 Date: 29.02.2024 Type: DEC Distribution level (SEN, PU): PU D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 2 of 26 www.emerald-he.eu Project Number: 101120688 Project Title: EMERALD Title of Deliverable: Project flyer and public website Due Date of Delivery to the EC 29.02.2024 Workpackage responsible for the Deliverable: WP6 – Dissemination, Exploitation and Communication Editor(s): Michela Fazzolari, Adriana Lazzaroni (CNR) Contributor(s): Marinella Petrocchi, Patrizia Andronico (CNR) Reviewer(s): Juncal Alonso, Cristina Martinez (TECNALIA) Approved by: All Partners Recommended/mandatory readers: All WPs Abstract: First flyer and project website. EMERALD website will be set-up and subsequently enhanced by all partners to include public results and links to related news and initiatives. Keyword List: Website, Flyer, Communication tools Licensing information: This work is licensed under Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) http://creativecommons.org/licenses/by-sa/3.0/ Disclaimer Funded by the European Union. Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union. The European Union cannot be held responsible for them. D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 3 of 26 www.emerald-he.eu Document Description Version Date Modifications Introduced Modification Reason Modified by v0.1 24.01.2024 First draft version: structure Michela Fazzolari (CNR) v0.2 01.02.2024 Flyer section Michela Fazzolari (CNR) v0.3 13.01.2024 Website section and conclusions Adriana Lazzaroni (CNR) v0.4 15.02.2024 Executive summary section, introduction section, images insertion, integration of all the sections, initial revision Michela Fazzolari (CNR) v0.5 16.02.2024 Document re-reading and language check Adriana Lazzaroni, Patrizia Andronico (CNR) v0.6 16.02.2024 Review Marinella Petrocchi (CNR) v0.7 17.02.2024 Review Michela Fazzolari (CNR) v0.8 22.02.2024 QA review Cristina Martínez (TECNALIA) v0.9 27.02.2024 Address the comments from the QA review Michela Fazzolari (CNR) v1.0 29.02.2024 Submitted to the European Commission Cristina Martínez (TECNALIA) D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 4 of 26 www.emerald-he.eu Table of contents Terms and abbreviations ............................................................................................................... 6 Executive Summary ....................................................................................................................... 7 1 Introduction ........................................................................................................................... 8 1.1 About this deliverable .................................................................................................... 8 1.2 Document structure ....................................................................................................... 8 2 EMERALD flyer ....................................................................................................................... 9 2.1 Content Overview .......................................................................................................... 9 2.2 Design ............................................................................................................................ 9 2.3 Layout ............................................................................................................................ 9 3 EMERALD public website ..................................................................................................... 13 3.1 Hosting and Development ........................................................................................... 13 3.2 Structure ...................................................................................................................... 13 3.3 Graphical appearance .................................................................................................. 14 3.3.1 Colour Palette .................................................................................................... 14 3.3.2 Menu ................................................................................................................. 15 3.3.3 Body ................................................................................................................... 15 3.3.4 Footer ................................................................................................................ 15 3.4 Content ........................................................................................................................ 16 3.4.1 Homepage ......................................................................................................... 16 3.4.2 About ................................................................................................................. 18 3.4.3 Pilots .................................................................................................................. 20 3.4.4 Resources .......................................................................................................... 21 3.4.5 Communication ................................................................................................. 22 3.4.6 EMERALD Fragments ......................................................................................... 23 3.4.7 Contact .............................................................................................................. 23 4 Conclusions .......................................................................................................................... 25 5 References ........................................................................................................................... 26 List of figures 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 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 5 of 26 www.emerald-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 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 6 of 26 www.emerald-he.eu Terms and abbreviations DoA Description of Action GARR Gestione Ampliamento Rete Ricerca (Italian) KR Key Result SEO Search Engine Optimization WP Work Package D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 7 of 26 www.emerald-he.eu Executive Summary This deliverable represents the first piece of the EMERALD dissemination and communication strategies, which are part of Work Package 6 (WP6). It includes two main sections in which both the first flyer and the public website associated with the project are described, respectively. The main objective is to set the basis of EMERALD's brand identity. The website will be updated during the project and enriched with new resources such as news, publications, deliverables released, events attended, synergies developed with other projects, etc. The flyer, similarly, will be followed by two other versions that will show the ongoing progress of the project. D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 8 of 26 www.emerald-he.eu 1 Introduction This deliverable is the first of those to be released within WP6 on Dissemination, Exploitation, Communication and Standardization. It represents the first step towards the definition of a dissemination and communication strategy for EMERALD. 1.1 About this deliverable This document describes in detail the first flyer released as part of the EMERALD project and the preliminary version of the EMERALD website, as it appears in month 4. 1.2 Document structure The structure of the document is as follows. Section 2 outlines the main characteristics of the first flyer released in the context of the EMERALD project, describing its purpose, content, design and layout. Section 3 presents the main aspects of the project website, including its structure, look and feel, and content. Finally, Section 4 reports the conclusions of the deliverable. D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 9 of 26 www.emerald-he.eu 2 EMERALD flyer This flyer, the first in a series of three, is intended to raise awareness of the EMERALD project and to present key project information in a concise manner. It also aims to highlight the project's innovative approach to evidence management for Continuous Certification in Cloud Services and to entice the reader to visit EMERALD's website for further insights. The first EMERALD flyer will be printed for distribution at appropriate locations, but it can also be viewed and downloaded via the website (https://www.emerald-he.eu/flyers/). 2.1 Content Overview The flyer includes the following information about the EMERALD project: • Title and project’s logo. • Partners’ logos and descriptions. • Social channels. • General info about the project. • QRcode, pointing to the project’s website. • EU emblem and funding statement. • Acknowledgement to EU funding and disclaimer, according to the European Commission guidelines 1 and to the deliverable D7.1 [1]. • A concise overview of the EMERALD project, including its background and importance. • The key objectives of the project. 2.2 Design The design of the EMERALD flyer is modern and engaging, featuring a professional colour palette that reflects the project's innovative character. The front cover stands out with its impactful use of graphics and a clear, bold title, making an immediate visual statement (see Figure 2). The distinctive EMERALD logo is prominently displayed on the front panel. The logo is a key visual element, encapsulating the essence of the EMERALD project. It combines a stylised symbol of an emerald with the text of the project name in a way that is both aesthetically pleasing and representative. Infographics and icons are used strategically throughout the flyer (see Figure 3) to illustrate key points, adding a visual element that complements the text and makes information more accessible. 2.3 Layout The EMERALD flyer's tri-fold layout is strategically designed for both aesthetic appeal and text clarity. Each of the six panels serves a distinct purpose, guiding the reader through a comprehensive overview of the project (see Figure 1). The overall layout balances textual content with visual elements, maintaining a homogeneous look while ensuring that the information is comprehensive and easy to understand. 1 https://rea.ec.europa.eu/communicating-about-your-eu-funded-project_en#acknowledge-eu-funding D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 16 of 26 www.emerald-he.eu Figure 7. Footer of the website 3.4 Content 3.4.1 Homepage The homepage is the primary web page that users view when they browse the project website, and acts as a landing page to attract visitors (see Figure 8). In the centre of the homepage there is a bar that replicates the colour used for the menu at the top of the homepage. Inside the bar, the project title is mentioned, followed by the project description so that the audience can get an immediate understanding. The image which stands in the homepage well represents the concept of cloud services and it is the one which has been chosen for the flyer and for the social profiles. The section below the turquoise-green bar contains three blocks which are fed with the most recent articles from the “EMERALD Fragments” section (see Section 3.4.6). D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 17 of 26 www.emerald-he.eu Figure 8. Homepage of the EMERALD website D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 18 of 26 www.emerald-he.eu 3.4.2 About This section is the main destination for all general users, including those who may not have a particular interest in the project. Therefore, anyone can find relevant information in this section. The general information about the project can be immediately found here, helping in giving a sense of concreteness about what is being done and showing the effectiveness of the project. This section leads to the following pages: • Mission • Approach • Objectives • Key results • Tools • Partners Mission: This page contains a simple short description of the project mission, avoiding the use of technical terms (see Figure 9) The information and the image reported in this page have been extracted from the EMERALD DoA [2]. Figure 9. “Mission” section of the website Approach: In this page (see Figure 10), the key elements of the approach adopted by the project are summarized in a bulleted list along with an image dedicated to the “EMERALD approach to a continuous and lean certification (KR’s)”. D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 19 of 26 www.emerald-he.eu Figure 10. “Approach” section of the website Objectives: This page describes the goals of the project in a simple and direct language (see Figure 11). The main objectives are stated in bold to facilitate understanding. Figure 11. “Objective” section of the website Key Results: The page provides descriptions of the nine KRs foreseen by the project (see Figure 12). A small, stylized image has been associated alongside the description of each KR to make the page graphically pleasing and of immediate perception. D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 20 of 26 www.emerald-he.eu Figure 12. “Key Results” section of the website Partners: The page dedicated to the Partners shows all the organizations involved in the project (see Figure 13). The 11 partners are listed, with logos on the left and a description of each partner on the bottom. Each logo leads to the partner’s website where users can learn more about their expertise, in addition, next to each logo, the country of the organisation, the roles held within EMERALD and a contact person are listed. Figure 13. “Partners” section of the website 3.4.3 Pilots To validate the proposed framework, the key result KR8-PILOTS contains two strategic categories of use cases. This section (see Figure 14) describes these two categories of pilots that have inspired the EMERALD mission and specific objectives, not only from a stakeholder perspective, but also from a cloud service provider perspective: D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 21 of 26 www.emerald-he.eu • Category I: Certification of public Cloud Services. • Category II: Certification of hybrid cloud-edge environments for the financial sector. The text and images reported in this page are taken directly from the DoA of EMERALD [2]. Figure 14.“Pilots” section of the website 3.4.4 Resources This section adds value to the end user by highlighting helpful resources that the audience may find useful. This menu will be expanded in the following subsections: • Deliverables: Available here for download. • Publications: Where publications stemming from the project will be shown. • Synergies: Synergies between EMERALD and other initiatives will be reported in this page. • Open resources: All the resources connected to the Open-Source paradigm will be available here. Figure 15 shows an example of the subsection “Deliverables”, in which all planned deliverables are listed. During the lifetime of the project, deliverables marked as “public” will be made available for consultation and downloading. D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 22 of 26 www.emerald-he.eu Figure 15. “Deliverables” subsection of the website 3.4.5 Communication This menu will be expanded with the following items: Flyers: This page will host the EMERALD Flyers that will be produced. The first version is shown and can be downloaded (see Figure 16). The aim of this first version of the flyer is to raise awareness of the project and present the key aspects of EMERALD (see Section 2). Subsequent versions of the flyer will have different aims, such as presenting the pilots, with a later version focusing on presenting the results achieved. Figure 16. “Flyers” subsection of the website D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 23 of 26 www.emerald-he.eu Press releases: This page will provide press releases containing updates on the project’s progress, significant milestones, and newsworthy events to the media and public. The page will also show the press releases translated into the languages of the partners. Annual summaries: This page will include annual reports describing the project’s achievements, challenges, and key statistics over the year, offering stakeholders a comprehensive overview of progress and future directions. These summaries replace what was planned as a newsletter in the DoA [2]. Posters: Posters published in conferences, workshops, or public spaces will be reported here. Videos: EMERALD videos will be available here. Presentations: EMERALD presentations, with project’s objectives, progress, and outcomes, will be shown here. 3.4.6 EMERALD Fragments This section of the website provides various updates on the progress of the project; technologies, solutions, problems encountered, related events or any other relevant aspect that has occurred in the project (see Figure 17). The EMERALD ‘fragments’ will be published on a regular basis by all project partners to answer stakeholders’ questions and to raise awareness about EMERALD milestones and outcomes. Figure 17. “Fragments” from the EMERALD world 3.4.7 Contact This section of the website (see Figure 18) shows the contact details of the EMERALD project coordinator. D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 24 of 26 www.emerald-he.eu Figure 18. “Contact” section of the website D6.1 – Project flyer and public website Version 1.0 – Final. Date: 29.02.2024 © EMERALD Consortium Contract No. GA 101120688 Page 25 of 26 www.emerald-he.eu 4 Conclusions This document has presented, on the one hand, the content and graphic design of the first EMERALD Flyer and, on the other hand, the main structure and aspects of the EMERALD website, which will serve as an entry point to get to know the project. The flyer has been produced to raise awareness of the EMERALD project and to present key project information in a concise manner. The structure adopted for the website has the following goals: • Present the project and its activities in a user-friendly manner making it easier to find relevant items and make available more attractive content. • Provide a platform to share the project results: materials and documents, deliverables, communication products (flyers, posters, annual reports, press releases), open-source software, etc. • Offer a platform in which all partners can collaborate with regular contributions. Both the website and the flyer will be updated throughout the project. In the case of the website, the project results will be published in the appropriate sections as they are achieved.