# Thavi A.: One fast, AI-readable identity from a marketer's scattered proof

> A statically rendered Next.js personal-brand site that turns a marketer's scattered proof, awards, press, training and testimonials, into one fast, machine-readable identity.

Source: https://www.truenorthmarketing.ae/en/case-studies/thavi-ai-marketer-portfolio
Client: Thavi A.
Published: 2026-07-15
Disciplines: Web Development, Personal Brand Architecture, Structured Data & AEO, Experience & Motion
Publisher: True North Marketing (truenorthmarketing.ae)

## Challenge

A marketer's proof was scattered across awards, press, training and testimonials, with no single place that read as one credible identity, and it had to stay clearly separate from True North's own client work.

## Approach

One statically rendered Next.js page, not a CMS: a single reading sequence from hero to contact, a typed schema.org entity graph linking the person to her awards and press, and a technical SEO and AEO layer so search and AI read it as one identity.

## Outcome

A live personal-brand site at thaviaimarketer.com: server-rendered content that loads before any animation, a Person and ProfilePage entity graph connecting recognitions and press, and engineered motion. No traffic or ranking metrics are claimed.

## What We Did

A Next.js 16 and React 19 build with Tailwind, a SplitType and Framer Motion text-reveal plus a scroll-zoom hero, a typed Person and ProfilePage schema.org graph with awards and press, and a technical SEO and AEO layer, all statically rendered on Vercel.

## Full article

![Thavi A. personal-brand site](../images/case-thavi-cover.jpg)

Thavi Achharya is a performance marketer, Uplers-certified in the global top 3% and a co-founder of True North. Her credibility was real but scattered: an award here, a press feature there, training programmes, testimonials, none of it in one place that read as a single, verifiable identity. We built that place: a fast personal-brand site at thaviaimarketer.com that a person can read top to bottom in a minute, and that a search engine or AI assistant can read as one connected entity.

## The problem was scattered proof

A personal brand fails in a specific way: the proof exists, but it is spread across LinkedIn, press articles, award pages and word of mouth, so no single surface carries the whole story. The brief was to gather it, order it, and make each claim point at a real source, without inflating anything.

There was a second constraint that mattered more than it looks. Thavi's personal history had to stay clearly separate from True North's client proof. A founder's recognitions are hers; the agency's case studies are the agency's. Collapsing the two would make a glossier page and a weaker factual record. So the site is deliberately built as a founder's profile, not a second storefront for the agency.

## A hero that earns the first five seconds

A profile lives or dies on its opening. Instead of a stock banner, the homepage opens on a headline that reveals itself line by line, split into words with SplitType and staggered in with Framer Motion, beside a portrait that slowly scales as you begin to scroll. It is calm, deliberate motion that reads as confidence rather than decoration, and it sets the register for everything below it.

The discipline underneath is the important part: the headline and the portrait are server rendered and legible before a single animation runs, and the hero image loads with priority. The motion supports the reading order; it never becomes a prerequisite for reading. Smooth scrolling with Lenis ties the sections together into one continuous sequence rather than a set of disconnected screens.

## Built to be read by people and by machines

This is where a portfolio becomes an asset rather than a business card. Under the visible page, the site ships a typed schema.org entity graph that describes Thavi as one connected identity: a `Person` node with her role, awards and profile links; a `ProfilePage`; the recognitions modeled as `award` entries; press features as `NewsArticle` nodes that point back at the person by ID; and an `FAQPage`. Because the graph is cross-linked by `@id`, a machine reading it does not see loose facts, it sees "Thavi Achharya, award-winning performance marketer, featured in these publications."

That graph sits on a proper technical layer: deliberate metadata and a canonical URL, Open Graph and Twitter cards, a sitemap, robots rules, and a root `llms.txt`. The point is legibility to the systems that increasingly answer "who is this person" before a human ever visits, the search results and the AI assistants. A personal brand that is only human-readable is invisible to half of its audience now.

## The stack, and why each piece earns its place

The build is small on purpose. A focused profile does not need a CMS; it needs to be fast, legible, and easy to keep truthful.

| Layer | What we used | Why it is there |
| --- | --- | --- |
| Framework | Next.js 16, React 19 | Statically rendered, so content exists before any motion runs |
| Styling | Tailwind CSS | One token system, tuned to the stone-and-ink brand |
| Motion | Framer Motion, Lenis, SplitType | The text-reveal, scroll-zoom hero and smooth scroll |
| Structured data | schema.org entity graph | Person, ProfilePage, awards and press, cross-linked by ID |
| Delivery | Vercel | Static hosting, fast globally, simple to maintain |

None of it is a page builder or a theme with the serial numbers filed off. It is a small, deliberate build that stays fast and stays honest.

## The proof boundary

The most important decision on this project was not visual. It was drawing a firm line between a founder's personal history and the agency's client work, and refusing to blur it for effect. Structured data makes that temptation stronger, because a schema entity can assert almost anything, so every node here points at a claim that is actually visible on the page and sourced.

We do not attach traffic, ranking or lead figures to this write-up. A personal-brand site earns those slowly, in production, and we would rather record the shipped, verifiable system than borrow numbers it has not earned yet. What is real is the build: a fast, single-page identity, an honest entity graph, and motion that serves the reading rather than the reel.

Want a personal brand that reads as one credible identity to people and to AI? [See Our Services](/en/services) or [Start A Project](/en/contact).