2
About the Project
Project Title Social Creative Intelligence Platform for achieving Global Sustainability Goals
Project Acronym SOCRATIC Project No 688228 Call H2020-‐ICT-‐2015 CAPS Type of Action RIA-‐ Research and Innovation Action Thematic Priority Social Innovation, Citizen Empowerment, Gamification, Collective
Awareness Platform, Innovative Solutions, CAPS projects, Global Sustainability Challenges, Open Intelligent Collaborative Platform, Millennium Development Goals (MDGs)
Start Date of Project 01.01.2016 Duration of Project 24 Months Project Website www.socratic.eu Social Networks www.facebook.com/socractic2020 @socratic
About the Deliverable
Work Package WP 5, Communication, Disemination and Explotation Task D5.3 Deliverable lead Cibervoluntarios Authors (Org) Inés Romero, Letizia Moreno-‐Lago, Angel Sola López, Jorge
Rastrilla Caballero (Cibervoluntarios) Reviewers (Org) Yolanda Rueda / Antonio Fumero (Cibervoluntarios), Dissemination Level: PU Nature of he Deliverable R Due Date M3 – 31/03/2016 Submission Date 29/03/2016 Date 29/03/2016 Version 0.5 Abstract This document describes website and the intranet created for
external communication about and on SOCRATIC project. This deliverable relates to SOCRATIC Work Package (WP) 5 “Communication, Disemination and Explotation”
Keywords Website SOCRATIC Project, Beta website, Dissemination, Design Specifications, Technical Specifications
3
Versioning and contribution history Version Date Author Notes 0.1 15.02.2016 Leticia Moreno-‐
Lago/ Angel Sola (CIB)
Initial draft version
0.2 03.02.2016 Leticia Moreno-‐Lago/ Angel Sola (CIB)
Updates initial draft version
0.3 23.03.2016 Jorge Rastrilla /Angel Sola (CIB)
Updates imagen version
0.4 16.03.2016 Jorge Rastrilla /Angel Sola (CIB)
Updates about website platform, social media
0.5 28.03.2016 Yolanda Rueda/ Antonio Fumero
Addressing comments from reviewer. Finalization of the document.
Disclaimer The information, documentation and figures in this deliverable are written by the SOCRATIC project consortium under EC grant agreement 688228 and do not necessarily reflect the views of the European Commission. The European Commission is not liable for any use that may be made of the information contained herein. Copyright notice © 2016 -‐ 2018 SOCRATIC Consortium Acknowledgment This report is funded under the EC H2020 CAPS project SOCRACTIC, grant agreement 688228.
4
Table of Contents
1 Introduction ..................................................................................................... 7 1.1 About SOCRATIC ........................................................................................ 7 1.2 About this deliverable ................................................................................ 7
2 SOCRATIC Website ........................................................................................... 8 2.1 Domain Names ........................................................................................... 8 2.2 Website Technical Specifications ................................................................ 9 2.2.1 Platform ..................................................................................................... 9 2.2.2 Accessibility and usability .......................................................................... 9
2.3 Website Design Specifications .................................................................. 10 2.4 Website Structure .................................................................................... 11 2.4.1 Home ....................................................................................................... 12 2.4.2 About us .................................................................................................. 13 2.4.3 Partners ................................................................................................... 14 2.4.4 Blog .......................................................................................................... 15 2.4.5 Dissemination .......................................................................................... 17 2.4.6 Contact .................................................................................................... 18 2.4.7 Join to test the SOCRATIC Platform ......................................................... 19 2.4.8 Social Networks ....................................................................................... 20
2.5 Website statistics ..................................................................................... 22
3 SOCRATIC Dissemination Material .................................................................. 23 3.1 Logo ......................................................................................................... 23 3.2 Brochures ................................................................................................. 24 3.3 Poster ...................................................................................................... 26
4 Planning Next Steps ........................................................................................ 27 4.1 Registration Forms ................................................................................... 27 4.2 Follow-‐up ................................................................................................. 27 4.3 Dissemination .......................................................................................... 28
5 Conclusions .................................................................................................... 29
5
List of Figures
Figure 1. Snapshot from TheFox template’s features ................................................ 11 Figure 2. Snapshot of website’s home page ............................................................... 12 Figure 3. Snapshot of 'About Us' section .................................................................... 13 Figure 4. Snapshot of 'Partners' tab ........................................................................... 14 Figure 5. 'Meet the Partners' slider ............................................................................ 14 Figure 6. Blog home page ........................................................................................... 15 Figure 7. Example of a blog post ................................................................................. 16 Figure 8. Highlighted latest posts ............................................................................... 16 Figure 9. Dissemination collaterals ............................................................................. 17 Figure 10. Dissemination slider .................................................................................. 18 Figure 11. Joining SOCRATIC pilot scenarios (CTA and form) ..................................... 19 Figure 12. Snapshot from Facebook fan page ............................................................ 20 Figure 13. Snapshot of Twitter's timeline ................................................................... 21 Figure 14. SOCRATIC brochure (front cover) .............................................................. 24 Figure 15. SOCRATIC brochure (back cover) ............................................................... 25 Figure 16. SOCRATIC poster ........................................................................................ 26
6
Executive Summary
This report gives an overview of the SOCRATIC project public website and internal website and collaboration support. The public site (www.socratic.eu) is designed to present the work of the SOCRATIC project to the general public, the scientific community, and industry. The configuration of the website will be described accompanied by its major features and purpose of each section. The details of the website management system, the administration tools and the various links to the social networks for the dissemination activities are provided. Sections of the private and public areas of the site are also briefly described. Our collaboration infrastructure will be evaluated and upgraded as necessary during the lifetime of the project.
All partners are encouraged and reminded regularly to provide additional suggestions and further information regarding activities related to the SOCRATIC project, so that these can be properly captured and advertised via the project website in order to keep the website current with fresh information and material.
7
1 Introduction 1.1 About SOCRATIC The project website is part of the management and dissemination strategy of the SOCRATIC project. It serves as first source of information to the public, as concerns objectives, structure and partners involved but particularly with regards to activities, news and public project results.
The website implemented and described below is the initial version of the site leaving space and opportunity for further developments as to information and functionalities as the project advances.
1.2 About this deliverable This report – i.e. SOCRATIC deliverable D5.3 – describes website and the intranet created for external communication about and on the project. This deliverable relates to SOCRATIC Work Package (WP) 5 “Communication, Dissemination and Exploitation”.
8
2 SOCRATIC Website
2.1 Domain Names The SOCRATIC project website has been designed as a highly visual portal accessible to the general public. The main goal to be achieved with the creation of the project website is to have the website as a dissemination tool. It will help in the promotion of the corporate identity and spread all the public information to a higher level. Its main audience comprises citizens and the scientific community.
The project website will include information concerning the project and its progress. Furthermore, public deliverables will be available to interested individuals for download offering them access to detailed or technical information of the project development and execution.
The site will be under periodical maintenance in order to preserve all its functions as well as add new contents to its sections or update the information that it holds.
Main features of the website are to inform of the project characteristics, explain its main objectives, show involved partners information, what are their business areas, their interest of being part of SOCRATIC and their personal goals. Moreover, with the offer of a public deliverables list an extensive amount of produced material will be accessible to anyone interested. It will corroborate all efforts made on this project in terms of tangible information.
Besides, the website gives access to a portal, a complementary platform for subscribers to get enlisted and possibly participate on testing the platform. Partners will have at their disposal updated statistics of visitor’s presence in the web, ability to manage visitors’ feedback or comments and to respond their inquisitiveness.
The site will also have an events and activities section that embrace all corporate communications related to the project as could be news connected to project’s activity, close events or programmed activities.
The website can be addressed through ‘http://www.socratic.eu/’ under the ‘.eu’ domain which emphasizes the 'European identity' of the project and the collaboration established between organizations from different countries of the European Union.
9
2.2 Website Technical Specifications
2.2.1 Platform The website is based in WordPress. The website contains all the required tools to ease the procedure of uploading and updating contents by any registered user without having any knowledge of web programming. WordPress 4.4.2 package has been adapted in order to include the functionalities required by the SOCRATIC website, as well as the corporate image of SOCRATIC. The website is hosted in servers located in CIB headquarters in order to ensure the confidentiality and availability of the information uploaded.
2.2.2 Accessibility and usability WordPress is one of the CMS that contributes the most on creating websites with good web usability, maybe because it is on of the easiest to understand and also because it is on of the CMS with a broader community, therefore there are many developed themes and plugins that will help us create usable sites. Nowadays web usability and accessibility is an important factor when speaking about development or perfection of a website, we should not only pay attention to SEO and searcher, we must create understandable websites for users, visitors and clients, since it is them who are going to use it and browse and this is something we have held into account while creating SOCRATIC´s platform, characterized by:
− Responsive Web Design adaptable to smartphones and tablets without the need of having a specific version of the website.
− Efficient charge speed following good practices indicated by Google, the sooner a website loads, the better.
− Web Design to promote reading content clearly and understandably, without eyestrain and making easier browsing through the different website pages.
− The Website design must be totally compatible with all browsers, meaning it must be seen equally in any browser, no matter it´s version.
10
2.3 Website Design Specifications SOCRATIC logo and corporate image respond to the idea of pieces that come together and colours that show the diversity of organizations that are working on this H2020 project. The main objective of the project is to create a platform where people, institutions and organizations propose and materialize innovative solutions for achieving the Sustainable Development Goals set by the United Nations. So, the logo needs to portray this idea. The proposed logo wants to convey the idea of geometric pieces that fit together like a puzzle in the shape of an "S", the initial letter of "SOCRATIC". Acting as a network and as a visual metaphor about how the Collective Knowledge participates in a common goal: Different pieces working to generate social impact through collaboration. We have used a selection of corporate colours based on the scale used in the Objectives of Sustainable Development graphic image. The main idea is to create a mental association with them when you see the SOCRATIC Logo. A set of colours that visually support the entire life cycle of the project, identifying all materials that are made for dissemination, communication, web and events. The visual identity of the project is visually materialized with a network of social innovation in which the connecting links are iconograms of the Goals of Sustainable Development, also using the colour spectrum of the logo. This palette is expanded in the web, creating a clear, harmonious and clean set that conveys simplicity and focuses on the information in the different sections of the site. The logo acts as a cornerstone uniting all designs both on-‐line an off-‐line. On the website design area we wanted to add to the mix, creativity, H2020 goals on which we have based the project, and the WordPress templates. SOCRATIC design has been done by a creative designer, taking into consideration the concept SOCRATIC wants to transmit. We have based the web on “the fox” a modern template with a very clean design, simple, characterized by a very high usability. Also highlighting the original design that offers small details like the buttons and icons.
11
Figure 1. Snapshot from TheFox template’s features
2.4 Website Structure The website will have a Home page, where the latest news of the project will be posted, a Blog section, where the latest news will be explained in more detail. Also, a “About us” section where we explain summarily the project, a Partners area where there will be found small biographies of each and every partner of the consortium; a Dissemination and Contact section will be also found on it´s structure. Summarizing, the webpage sitemap follows the following structure:
− Home
− Blog
− About us
− Partners
− Dissemination
− Contact
12
2.4.1 Home On the Home page the public can find the project summary, latest news and information and the table of content. The Home Page is designed to look attractive to the user. The movement of the slides is done smoothly; there is the possibility to see the latest news on each section from the home page; a short explanation on the purpose of SOCRATIC Platform; a quick view of the latest posts; a slide that highlighting the Partners section and linking to it, as well as a slide for the Dissemination area. Finally, at the bottom of the Home Page is the submission form to test the platform.
Figure 2. Snapshot of website’s home page
13
2.4.2 About us This part contains a brief summary of the project with specific bullet points of the project´s background and objectives: SOCRATIC will be a Knowledge-‐based Internet Platform offering a set of tools and Services to support the whole Social Innovation Project life cycle from problem identification and awareness and creative solution ideas to collective decision-‐making, design and implementation of the best ideas.
Figure 3. Snapshot of 'About Us' section
14
2.4.3 Partners In this area there is a brief description of each partner and the entities and people involved in the project ATB, Cibervoluntarios, NTNU, SINTEF and Farapi.
Figure 4. Snapshot of 'Partners' tab
As it has been previously mentioned in the Home Page there is a slide linking to the Partners section.
Figure 5. 'Meet the Partners' slider
15
2.4.4 Blog This section will be used to communicate information on all the conferences, meetings or events where SOCRATIC partners will participate). On the next trimester we will work so that a username and a password are provided to each partner. The main page presents the project SOCRATIC at a glance, as well as the latest news. The site also refers to the latest News. In order to keep the website attractive for external users, all partners are requested to add any of their potential local news related to the project.
Figure 6. Blog home page
News will be updated; our objective is to do it at least every week. Next, we will describe in detail a post.
16
Figure 7. Example of a blog post
The latest posts will be highlighted on the Home Page
Figure 8. Highlighted latest posts
17
2.4.5 Dissemination Documents for the diffusion of the program will be uploaded in this section, so that every entity, citizen, etc., can download them. By the end of the first quarter, the logo is ready to be shared, horizontally and vertically, so are the brochures and the poster.
Figure 9. Dissemination collaterals
18
Our goal for the following quarter is to issue press documentation and toolkit. We consider this section very important, also being highlighted on the Home Page.
Figure 10. Dissemination slider
2.4.6 Contact The Webpage also has a “Contact” section, facilitating any user to contact us. Each partner location, address, and phone contact is included in this section.
Figure 10. Contact and location of all partners
19
2.4.7 Join to test the SOCRATIC Platform This is not a section itself, but highlighted on the Home Page as one of the objectives of the platform is that it will be used to find innovative social solutions. At the moment, the website is purely informative, but we want to change this in the future, so that it can become a practical tool. This is why from the beginning; we contemplate using this tool so that people that are attracted to our Project are able to join, to test the platform. This is the reason why we have created a “call to join to test the SOCRATIC Platform” so that in the next steps, website users can also participate in the creation of the platform. The subscribers will be able to test the platform, providing us with very useful data.
Figure 11. Joining SOCRATIC pilot scenarios (CTA and form)
The objective is that there are Registration Forms in the future, on what we will work on the following months.
20
2.4.8 Social Networks The benefits on using Social Networks to disseminate the project are that we can get possible future users to know the platform. Because we want interested people to possibly test it, we think this the way of reaching them. We have chosen Facebook and Twitter because with YouTube they are the most used Social Networks, reaching a broader span of people. Facebook and Twitter pages have been set up. We will upload news generated by SOCRATIC´s Project, as well as any interesting information related to other social innovation projects in Europe and Worldwide. Our goal is to update our page and timeline at least on a weekly basis.
2.4.8.1 Facebook
Figure 12. Snapshot from Facebook fan page
21
2.4.8.2 Twitter
Figure 13. Snapshot of Twitter's timeline
22
2.5 Website statistics Google Analytics has also been included in the website in order to monitor and analyse the number and profile of visitors to the website and adapt the content to attract more visitors and from specific sectors. It makes it possible to measure all the data generated by a website concerning the users.
Google Analytics is an analysis tool that will facilitate generating reports about the people that visit the website in a simple way. It will also allow us to analyse the content, generating reports about the areas of the webpage that have better or worse performance, being able to optimize posterior actions.
With Google Analytics we can also know in SOCRATIC´s webpage, which browser and devices are being used to browse the website. What for? Establishing if the visitors are using a desktop computer, a smartphone, a tablet, and the type of browser. Allowing to optimize SOCRATIC´s website and reorganizing what must appear on the screen without having to scroll as much.
23
3 SOCRATIC Dissemination Material
3.1 Logo
The logo, as it has been previously stated, responds to the idea of pieces that come together and colours that show the diversity of organizations that are working on this H2020 project. Vertical Logo
Horizontal Logo
24
3.2 Brochures In the same line of inspiration the cover is designed with a set of colors that visually support the entire life cycle of the project, identifying all materials that are made for dissemination, communication, web and events (on covers, brochures, etc.) . The visual identity of the project is visually materialized with a network of social innovation in which the connecting links are iconograms of the Goals of Sustainable Development, also using the colour spectrum of the logo.
Figure 14. SOCRATIC brochure (front cover)
25
The back cover of the brochures summarizes the goals of the Project. Our objective is that people that read the brochure have a global idea of our purpose. The main diffusion of brochures will be in dissemination events. Synthesizing, SOCRATIC will implement a Global Observatory on Sustainability Challenges with a double objective: (1) Measuring the impact of SOCRATIC actions on Global Sustainability Challenges by monitoring social networks, (2) Using the data about Global Sustainability Challenges gathered in social media as a source of information to launch challenges in the SOCRATIC platform.
Figure 15. SOCRATIC brochure (back cover)
26
3.3 Poster A poster (dimensions) has been designed for offline dissemination events (e.g. rollups).
Figure 16. SOCRATIC poster
27
4 Planning Next Steps The SOCRATIC public and internal websites will continue to be updated and improved throughout the life of the project. The public website will be updated with project outcomes and news, to keep the general public, social entrepreneurs, the scientific and social innovation community and industry informed of how the project is progressing. We want the Website to be alive and dynamic, a representation of the progress of the project. For the time being, the sections that are already complete are the Home Page, the “About us” section, and the “Partners”, being the project in an initial informative phase in which there isn´t enough content for the “Blog” and “Dissemination” sections. The following steps planned within the platform for the next trimester are:
• Registration Forms • Follow up • Dissemination
o Press Releases
4.1 Registration Forms The Registration forms section which target will be the User Interest Group will be implemented as one of our next phases. For the moment the submission form can be found at the bottom of the Home Page. Again, there is a small description of the project, mentioning that the platform is in a beta phase and that we are looking for testers. Requiring submitting the email, name, surname and country of the user.
4.2 Follow-‐up This section´s content will reflect the results achieved by SOCRATIC. When published, all Public Deliverables will be available on the Internet site including the SOCRATIC project presentation and leaflet. The follow-‐up section will be for the visitor a way of tracing in detail the project. The SOCRATIC outcomes are constituted of information concerning the project and its progress. Furthermore, public deliverables will be available to interested individuals for download offering them access to detailed or technical information of the project development and execution. For the beginning of the project, only the deliverable part is regularly updated. However, we will continuously update the website visitors with the activities conducted in the project.
28
4.3 Dissemination On the next quarter, press releases will be focused on promoting on the media on a national and international level.
Press releases (PR), although not specified in the DoA, will be widely disseminated to outside media outlets to announce important news about the project. Press Releases will be an important dissemination tool, describing the progress of the project, so that visitors can keep posted. Partners can prepare a PR for any important announcement (milestones, major achievements, important publication etc.); They can validate the content of the press releases prior to any diffusion; Partners will upload the PR it onto the project website resources area so that they remains accessible to the general public; Partners also can send the press release through their extended networks of contacts to maximize awareness. Project newsletters, released on a quarterly basis, will enable the consortium to update the project community with latest project activities and results.
29
5 Conclusions The online SOCRATIC public website is a key element of the project’s dissemination strategy. Its features are providing a visitor-‐friendly environment, offering a clear description of the project and its objectives, informing about project development and serving as main feedback tool collecting public interest concerning the project and related issues.
Website design was conceived as accessible as possible. A clear distinction between sections has been made and navigation across the website is remarkably easy.
This site will:
− Ensure the visibility of the project. − Facilitate the diffusion of the project's results − Promote their exploitation.
The website provides a basic set of information about the project and will be regularly updated with scientific results, findings and achievements. Popularity of the site will be increased through active links (websites of SOCRATIC partners and of relevant EU projects / institutions and within the stakeholder network of national relays) and by targeting appropriate keywords for each page of the SOCRATIC website. The information contained on the project website is likely to be valuable even after the project has finished. Therefore, the consortium aims at ensuring that the website will continue to exist after the project funding has finished and that bookmarks and published URLs will continue to function.