European Food Safety Authority (EFSA)
EFSA is the agency of the European Union that provides independent scientific advice and communicates on existing and emerging risks associated with the food chain.
Design, development, hosting and maintenance of the website and mobile application for the ONE – Health, Environment, Society – Conference 2022
Hypertech was tasked to provide with an intricate and hybrid platform that could cover the needs of the ONE 2022 Conference. The platform needed to provide to participants – speakers and audience alike – the ability to feel included irrespective of their location or device capabilities.
In order to provide a seamless experience to the end-user our team created a Progressive Web Application (PWA) in Drupal 9, making sure that a responsive design and an intuitive and interactive user interface was implemented. That way all participants to the conference could experience exactly the same behaviour, whether logging in:
Further emphasising on merging physical and digital user experience, the following networking features were incorporated:
To cater for the different levels of participation an elaborate user registration scheme was created covering 3 different flows depending on the role of the user:
Each role was able to complete the registration process by filling-in different levels of information and by uploading the relevant documents (bio, photo, poster files and so on so forth).
After the deadline of the registrations phase, the Organising Committee was responsible for screening and selecting the physical attendees while the rest of the participants were invited to participate online. All users have been informed automatically about their participation type through email, after the screening by the Organising Committee.
During the registration phase and the event itself, detailed user statistics were available to the Organising Committee specifically through a Microsoft flow in PowerBI.
The application provided multiple levels of information for all users. A dynamic Agenda of the Conference and a Separate agenda for Satellite & Side Events. Dedicated pages to showcase Poster Abstracts, Poster Gallery, poster videos as well as the Programme Affiliates profiles.
Overall, the application merged the physical and digital world to support the ONE-conference EFSA hybrid conference. Speakers and participants alike could walk into an auditorium via the venue or through their smartphone, tablet or pc and experience the same features, irrespective of their location.
Hypertech was assigned the project "Assistance with the preparation for the launch of a new website" from the Bio-based Industries Joint Undertaking (BBI JU) in March 2021.The successor of the BBI JU, the European Partnership for Circular Bio-based Europe (CBE), was aiming to launch a new website that will continue to channel the missions and objectives already established by BBI JU, that is protecting biodiversity, promoting a low-carbon economy, and encouraging economic growth by structuring and strengthening the circular bio-based industries sector. The project lasted five months and Hypertech’s role was to provide assistance, guidance, and advice to the organisation during all the stages of the project, segmented in the following tasks:<b>Task 1: Analysis of current website users</b><br>A full and detailed analysis was conducted, to evaluate the current situation and propose the next steps for optimization. The methodology included interviews with the members of the organisation through which Hypertech extracted the business priorities & objectives and identified the enablers and possible difficulties. The next step of the process was to find best practices for the industry and select the most relevant KPIs for the analysis of the current situation. The last step was to analyse the selected KPIs, compare them with the competition, and conclude with specific actions to formulate the proposal.<b>Task 2: Definition of target audiences for the new website</b><br>To meet user needs for an optimal user experience (UX) of the project in scope, Hypertech identified the exact target audience, through interview sessions with stakeholders and current users. In this direction, the main factors defined and decided included the main user goals and the ease of use, the final targeted audience or users, detailed characteristics of end-users, key industry-standard trends or techniques in similar projects. Hypertech’s team aimed to validate the suggested target audience and ensure that all potential users and stakeholders are adequately represented, and thus their needs and goals were taken into consideration at the new website development.<b>Task 3: Formulation of recommendations on the website content, structure, and navigation</b><br>Hypertech is providing a complete solution with a specific structure, content, and navigation tailored to users’ needs and goals and a cross-platform compatible, accessible, and search engine optimized website. Subtasks of this activity include the new information architecture with the creation of the new sitemap, formulation of the editorial styles and guidelines in regards to the tone of voice and wordings, and the high-fidelity mockups of the proposed solution. Specifically, Hypertech provided detailed design recommendations, that offer a systematic approach to color usage, specific UI elements, and interactions that adhere to brand guidelines in the form of high-fidelity mock-ups of all the webpages templates, such as homepage, list pages, login, contact forms, rich content pages, category pages, menus, and additional navigation items.<b>Task 4: Formulation of accessibility guidelines for the new website</b><br>Accessibility defines a user’s ability to use the website or web service, so the design phase should take into account users with all different disabilities, including visual, auditory, physical, speech, cognitive, language, learning, neurological, social, cultural, or conceptual. The Web Content Accessibility Guidelines (WCAG) 2.1 define how web content can be made accessible to people with disabilities. Hypertech provided all accessibility principles and recommendations for the Web accessibility of the new website that was developed.<b>Task 5: Formulation of recommendations on Search Engine Optimization (SEO)</b><br>Hypertech identifies three dimensions of optimizing a website for search engines: content, technical, and onsite, and through this task provided recommendations of optimizing the website for search engines pre-and post-launch with mandatory and optional audits.
The general objective was the planning, design, and delivery of a one-page scrollable infographic, communicating the Agency’s work programme that was approved by the Agency’s Management Board and published on its website.The general objective was to increase the Agency’s presence in Europe, by informing the EU citizens and the stakeholders about the Agency’s mission, objectives, and activities in a simple, direct, and transparent way.Based on the Single Programming Document published by ERA, Hypertech conducted a UX analysis to identify the target audience and create the key messages. Information architecture was built based on a storytelling narrative. The story was based on ERA’s mission and how this would be accomplished by completing the approved activities. Each activity was described concerning all of its objectives, the required budget, and resources. To reach the purpose of the key message the data visualisations were:<ul>Hierarchical – Charting part-to-whole relationships and hierarchies</li>Relational – Graphing relationships to explore correlations and connections</li>Temporal – Showing trends and activities over timeFollowing a User-Centered Design approach, a prototype was created to depict the structure and all elements that would be included in the final storytelling product. After a set of testing and iterations, the visual design was formed with illustrations, and colours were added. Taking into account accessibility guidelines, the colour scheme was consistent with the agency’s brand identity and the colours used on its website, where the infographic would be hosted.Considering the data shared by ERA and the way this information would be explained most optimally visually, suitable charts and graphs were picked. After a couple of iterations and feedback incorporations, the final visual was completed in a static version. Then, interactions and animations were added to support the storytelling and bring a playful touch to the final product.In regards to technologies, the website was based on Drupal 7, and thus the infographic needed to be compliant with all relevant restrictions and, simultaneously, utilise Drupal’s capabilities. The website’s front-end was built upon Bootstrap, a popular CSS framework, which provides a specific responsive layout. Hypertech obliged the rules of this grid and provided the end product in alignment with the environment in which it would be injected.
It’s the provision of specialized recommendations, ideas, tools, and know-how regarding best practices and technologies used in web design. After examining needs and pain points, the target audience was segmented into two distinct user groups, consisting of the Commissions’ Operations Centre officers and visitors respectively.For the complex data to be displayed in clear and understandable terms, the visualisation employed a strategic information architecture.Based on the requirements the tool is projectable on any screen and all major tasks and goals are presented in one layout with minimum interaction required by the users. Various risks and technical/functional requirements that arise in developing a visualisation tool that needs to operate properly in significantly varying sizes (from small scale monitors to display walls), were taken under consideration. The process that Hypertech followed to satisfy the above-mentioned criteria was to investigate and identify the specific tasks and relevant information that users will need and illustrate the outcome in wireframes agreed upon by both parties.Due to the complexity of the project, the visual elements included in the design recommendations were universal and consistent, e.g. a specific colour palette, symbols, and elements were established and formed in a reusable content format. The same goes for the animated elements and other forms of visual identification methods, specific to the task, such as the selected map layers to be aligned with the boundaries the stations and the monitoring process, in general, have established. All of the above were developed with accessibility in mind, colours contrast adequately, and the text is readable from a large distance. As the monitoring system is a global network it consists of multi-cultural members symbols, legends, etc., that are immediately understandable without the need for descriptions.Alternative solutions were developed and showcased to the Commission, as the Contractor assisted the close monitoring of the entire development process and incorporated any feedback received. To ensure the feasibility and the quality of the proposals, Hypertech made use of robust libraries and technologies, such as D3.js and Bootstrap.
It’s an implementation of the scenarios and 3D models of Hagia Sophia monument in Istanbul (Constantinople), as it was in the period of 11th to 12th century. It includes the development of a virtual world, the creation of 200 detailed 3D models, development and integration of audio and visual effects, and installation to the "Tholos" dome-shaped Virtual Reality "Theatre". The shows are interactive -not static- and controlled by the spectator, offering a unique experience of immersion into the virtual world.
Just contact us. We’d love to discuss your needs, struggles, and goals, and come up with solutions that will make an impact on you and your target audience.