kloster

Klosterwald is a forest cemetery concept that offers burials in natural areas, under trees personally chosen by the deceased or their family. Instead of headstones and ordered flowers, the forest itself marks the seasons with its colors, plants and textures, creating a place of farewell that feels more intimate, organic and connected to nature. The brand works in partnership with Austrian funeral homes to offer this alternative for a final resting place.

Website

https://res.cloudinary.com/faustoalves/image/upload/v1770230451/portifolio/work/klosterwald/klosterwald_site_04_daquei.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230450/portifolio/work/klosterwald/klosterwald_site_01_q9295i.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230449/portifolio/work/klosterwald/klosterwald_site_05_gypv6u.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230449/portifolio/work/klosterwald/klosterwald_site_07_tjzty6.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230446/portifolio/work/klosterwald/klosterwald_site_06_lryjdv.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230445/portifolio/work/klosterwald/klosterwald_site_03_oodjqq.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230444/portifolio/work/klosterwald/klosterwald_site_02_koigml.png

For Klosterwald's Website, I handled the entire design and frontend process: requirements gathering, wireframes, visual identity definition, design system setup and development of all interface components. The application was built with Next.js, Tailwind CSS and TypeScript, always focusing on performance, SEO and a smooth user experience. Every component was designed to be highly customizable, making it easy to evolve the site over time. We also used a BFF (Backend for Frontend) to increase security and enable tighter cache control, ensuring fast responses without sacrificing fresh content.

Stack:

Next.js

Strapi

Tailwind CSS

TypeScript

Node.js

Figma

Photoshop

Cypress

Headless CMS

https://res.cloudinary.com/faustoalves/image/upload/v1770230448/portifolio/work/klosterwald/klosterwald_strapi_01_gnxukw.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230447/portifolio/work/klosterwald/klosterwald_strapi_02_nlutdn.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230445/portifolio/work/klosterwald/klosterwald_strapi_03_py6xtj.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230447/portifolio/work/klosterwald/klosterwald_strapi_04_zsmlky.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230452/portifolio/work/klosterwald/klosterwald_strapi_05_yqvlga.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230452/portifolio/work/klosterwald/klosterwald_strapi_06_ld64sl.png
https://res.cloudinary.com/faustoalves/image/upload/v1770230453/portifolio/work/klosterwald/klosterwald_strapi_07_jpnqtn.png

On the Headless CMS side, I implemented and customized Strapi to match Klosterwald's specific needs. We integrated the CMS with Cloudinary, leveraging its CDN and automatic image optimization based on the user's device. I structured content using components and dynamic zones, so the team can create flexible pages instead of being limited to a single template. We also set up a workflow with a draft environment and scheduled publishing, plus a tight integration with the Website, triggering cache revalidation only when needed to balance performance and editorial control.

Stack:

React

Strapi

TypeScript

Node.js