NEW WEBSITE OF SCML. INNOVATIVE, ACCESSIBLE AND EFFECTIVE.

The website has an innovative structure that guarantees an intuitive user experience and provides even more information to the user.

Now the website is different, but the mission of the Santa Casa online page remains the same: to bring the institution closer to the Portuguese and to communicate the work developed over more than five centuries. The renewal made the site more intuitive, with an efficient browsing experience. The site has an innovative design and it is accessible to everyone. It is more “user friendly”, for example, the new search engine that is more intuitive, which makes it faster to find content on the website. This channel also allows a better communication of all the current expertise areas in Santa Casa, simplifying the access to information on each one.

Provides to the old website a new look, more clean and attractive; more intuitive and effective navigation; contains more information related to the expertise areas; more highlights related to Santa Casa, using the homepage for all the main information, showing an institution with 500 years as a live organism that keeps up with most advanced and best technology; more ease to find content on the website and share on the social networks; This was possible because of the new open-source platform used to provide the best technology to the new SCML website.

The Association of Blind and partially sighted from Portugal (ACAPO), followed the development process of the new website, in order to ensure that all functionalities respond to the needs of people with visual impairments, who use assistive technologies, namely screen readers. All the changes followed the recommendations from the World Wide Web Consortium (W3C) and the World Wide Web (WWW) standardization organization. The organization is made up of hundreds of technology professionals and most of the leading companies in the IT market. The goal is to standardize the web technologies, in order to guarantee access to all, regardless of the equipment used, the user's physical limitations, or geographic location.

"We appreciate the official website link receipt, which we were able to access a summary navigation and appears to be in accordance with the test version that we had the opportunity to do.

Once again we would like to congratulate Santa Casa for the work done in general and in what concerns the new site, in particular. "

Words of Fernando Santos, responsible for IT and Telecommunications at ACAPO. He is visually impaired and uses the screen reader to be able to access the content.

The new website of Santa Casa da Misericórdia de Lisboa has the decoupled architecture, which means the website has another level of abstraction between the Backoffice (where the content is downloaded) and the Frontend (where it is the visual design). This solution gives more freedom to choose the technologies, in order to facilitate the integration of different CMS and the most recent frameworks of Javascript (e.g. React, Vue.js, Angular, Nuxt.js). We used WordPress as the CMS, because of the high scalability, performance, ease learning, and use by the content manager.

Our option for the Frontend was Nuxt.js it has one of the best frameworks at the moment. Their code is based on the well-known Vue.js, in order, the application has the capability to react to changes (no need to refresh the page when something is changed). All the pages visited in one section and all the changes made on the CMS will be saved in Cache, creating instant second navigation. For the integration between the two parts of the website was used GraphQL, as an alternative to REST with the advantage of performance. With this technology, it is necessary to define the backend fields that must be returned in the response and only the request data will return. Resulting in a positive impact in terms of performance and data organization.

  • Nuxt.js
  • WordPress
  • GraphQL