Case study · Website
Overview
Impact data, turned into clear answers.
Merivia is an AI platform that helps investors and NGOs turn fragmented ESG and impact data into clear, defensible answers. I designed the marketing website, from the gradient hero and live product preview to the benefits, three-step workflow, use cases and FAQ, so a complex data product reads simply, and built it in Framer.
- Industry
- Impact investing AI
- Services
- Website design
- Development
- Built with
- Figma
- Framer
- Timeline
- ~3 weeks · 2025
Performance
Accessibility
Best practices
SEO
Measured on the delivered build at handoff (desktop). The live site may score differently since.
Client review
“Tiago was incredible to work with - highly intuitive, efficient, and focused. No fluff, just clear thinking and fast execution. He offered unlimited iterations until everything was perfect, and the final product exceeded expectations.”
Ludovico F.
Co-Founder & CEO, Merivia
The challenge
What we set out to build.
Merivia's product does a lot. It pulls ESG reports, disclosures and assessments together, surfaces red flags and prepares reporting. The marketing site had to make that feel simple for investors and NGOs, and show the product instead of describing it.
What I did
- 01
Show the product first
The gradient hero opens on a live preview of the platform, with the "Ask Your Portfolio" view and floating reporting and monitoring cards, so visitors see what Merivia does before they read about it.
- 02
Three steps to clarity
Benefits with key figures, a three-step workflow from screening to monitoring to reporting, use cases for investors and for NGOs, and an FAQ that answers the usual questions.
- 03
Figma to Framer
A soft indigo-to-lilac gradient system with Satoshi type and light, layered UI cards, designed in Figma and built in Framer.
Start a project
Tell me what you’re building.
A few quick questions, and you’ll get a reply with a clear next step. No call required.