Developing
The keystone of this adventure has a name: headless
A headless solution in the development of a website refers to an architecture in which the front-end (the part visible to users) is separated from the back-end (the part that manages the data and logic of the site). In practice, the site does not have a predefined "head" (front-end) and uses API
(Application Programming Interface) to communicate with the back-end.
From a traditional WordPress setup to a headless solution with Next.js
In this case, we decided to go with WordPress Headless (backend) with Next.js (frontend).
Benefits of Moving to Headless WordPress with Next.js
- Better performance: reduced loading times, greater responsiveness to user input
- Scalability: a more flexible site, easily adaptable to new needs and technologies
- Security: isolating the WordPress backend reduces the risk of incidents and intrusions, since direct access to the CMS is limited
- Custom user experience: Next.js allows you to create highly customized user interfaces, improving interaction and engagement
Redesign
Communicating good is an action that requires effectiveness and efficiency, where time is more precious than ever. The user of a non-profit organization's website must receive all the necessary information quickly and with absolute clarity; must be able to navigate by following simple and intuitive paths; must carry out their actions - especially if the action is a donation - in a natural and safe way.
This is what we said to ourselves when we were given the task of redesigning the Pro Terra Sancta website. The project involved a total overhaul of the architecture and the improvement of the user experience, starting with a design that would create an attractive and modern website. Working closely with the non-profit organization's team allowed us to achieve the goal while fully respecting the mission and values of the non-profit organization itself.
We studied the competitors, worked on SEO optimization, isolated specific needs: for example, that of managing traffic peaks due to the launch of fundraising campaigns.
The result is this
Custom icons for a consistent look & feel and greater concept recognition
