Back to projects

Consulting Website

Manon Ruivo

A trilingual site for an international consultant: three languages with their own addresses, a separate path per audience, and a blog she publishes herself without calling a developer.

Next.jsReactTypeScriptTailwind CSSSanity CMSGSAPFramer Motionnext-intl

Some details omitted under NDA

Manon Ruivo

The problem it solved

An international consultant serves people across three different language regions. Her work was only ever explained live, and anyone arriving from the internet landed on a page that did not speak the right language.

On top of that, publishing a new article meant calling somebody. In practice that means not publishing.

What the site delivers

Three languages, three addresses

Portuguese, Spanish and English, each language on its own address on the site.

A blog she publishes herself

She writes and publishes from the studio inside the site, with categories and authors, without calling a developer.

Articles ready to be found

Each article has its own address per language, and the site map updates itself when she publishes.

An opening image slider

The first screen cycles through images on its own, with a smooth transition.

Sections by audience

Separate paths for individuals, companies and the course.

Video testimonials with synced transcript

The transcript follows the speaker and highlights the line being said, so the video works with the sound off.

Written testimonials

Alongside the videos, written testimonials for people who would rather read.

Consulting Website - Manon Ruivo
01

Consulting Website - Manon Ruivo

We developed a complete and modern digital platform for Manon Ruivo, international Access Consciousness consultant.

The solution delivers an immersive experience with responsive design, trilingual (PT/ES/EN), allowing the consultant to reach clients globally.

  • Trilingual interface with native support for PT/ES/EN
  • Hero section with interactive image slider
  • Specialized sections for different audiences
  • Dynamic testimonials with video and text
  • Responsive and accessible design
Content Management with Sanity CMS
02

Content Management with Sanity CMS

We set Sanity up as a headless CMS so the consultant manages the blog on her own.

The studio lives inside the site, and she creates articles with categories and authors without asking anyone.

Each article gets its own address per language, and the site map picks up the new article by itself, so a post published today can be found tomorrow.

  • Studio inside the site, at /studio
  • Articles with categories and authors
  • Its own address per language
  • Image upload and management
  • Site map updated from the CMS

How it turned out

  • The consultant serves three language markets from a single site, with the right address for each one.
  • She publishes an article whenever she wants, and the site map and the per-language versions adjust themselves.
  • The video testimonials work with the sound off, which is how most people watch on a phone.
  • Being clear about the limit: what she edits herself is the blog and its articles. The fixed section copy lives in the code, so rewording that is a development task.

In numbers

3

languages served

3

audiences with their own path

3

video testimonials with a synced transcript

For technical visitors

The rest of this page is written for whoever decides the purchase. This block is for whoever has to maintain the site.

  • Next.js with next-intl on the en, pt and es locales, always with a language prefix in the URL.
  • Sanity as the headless CMS, with the studio mounted at /studio and a blog schema (post, category, author and block content), with its own slug per language.
  • The sitemap is generated from Sanity, with hreflang alternates per language and hourly revalidation. Robots blocks /studio.
  • GSAP in 8 components for the scroll animations, and Framer Motion on the opening slider.
  • A Content Security Policy and six security headers written by hand in the Next configuration.

Ready to build your project?

Let's turn your idea into a tailored digital solution.

Get in touch