What did the studio build for miis.?

The public site at miisstudio.com, a blog with its own admin and AI drafting tools, a private client portal with accounts and roles, the contact brief and its email delivery, analytics with consent, and the technical SEO and structured data underneath.

What is the site built with?

Next.js 15 with the App Router, React 19, TypeScript and Tailwind CSS 4, with Supabase for accounts and content, Resend for email, MDX for articles and Motion for animation. It deploys to Vercel from the main branch.

How does the site handle a change of position?

The position is written once, in shared constants for the studio, its services and the navigation. Pages, metadata, JSON-LD, the manifest and llms.txt read from them, and every change is logged as a numbered entry, 58 in all.

How was the hero film made to load fast?

By capping the bitrate so its peaks never outrun the connection, serving a separate phone encode, offering WebM and MP4 with a poster, and stripping an unused audio track that made Safari show a play button.

Can the studio publish without a developer?

Yes. Posts are written in the admin, can be pre-filled from a document and its images, are reviewed by AI before publishing, and can be imported from Google Drive.

How are enquiries protected from spam and forged data?

A honeypot field and a time gate stop bots, and the server accepts only values from a fixed list for every choice in the brief. Forged values were sent on purpose to test it, and were rejected.

Is the site accessible?

It passed an axe-core audit for contrast and links, has a skip link, respects reduced-motion settings and gives moving galleries a pause control. Phone layouts were tested in WebKit and Chromium.

How does the site show up in AI search?

robots.txt allows 16 AI crawlers by name, llms.txt describes the studio from the same source as the rest of the site, and the JSON-LD graph names the studio, its services and its city for every engine.

A website for an Amsterdam PR studio, built around its films

miis.

Website, blog and client portal

Websites
Brand
SEO

A site that leads with the studio's films and event photos

miis. is a creative PR studio for fashion and beauty brands in Amsterdam: seeding and creator relations, campaigns and content, launches and events, and market entry into the Netherlands.

We designed and built miisstudio.com, from the first commit through the studio's latest repositioning: a public site led by film, a blog the studio runs itself, a private admin with AI drafting, a client portal, and the SEO and analytics setup underneath.

The site went through 258 commits.

Visit live site

Services

Positioning rollout & copy system
Art direction & UI design
Next.js web development
Custom blog CMS & admin
AI drafting tools
Client portal, accounts & roles
Film encoding & delivery
Contact brief & email delivery
Technical SEO & structured data
Analytics & consent
Accessibility (WCAG 2 AA)
Performance optimisation

Four photographs from miis. events and venues side by side

Five changes of position, and one site that had to keep up

miis. came to us with an outdated, generic website and a position that was still moving. Over the project it went from a studio for artists, to one for niche brands and creators, to a campaign studio for fashion, design and beauty, to a creative agency, and finally to a creative PR studio for fashion and beauty.

Every move changed the services, the copy, the page titles and the structured data search engines read. When the position is typed into each page by hand, every change leaves old wording behind, and outdated metadata can go unnoticed for months.

The studio set strict rules for its copy: short sentences, no exclamation marks, a list of banned words, one call to action, and every sentence had to survive the question "can you show me?"

miis. home page hero: the film behind the line Where brands become names

The services section with Seeding & Creator Relations beside the studio's network card

The About page: the band "Amsterdam, mostly" over a film, then the camera roll

The blog index: Connecting the dots between art, business, and noise

The contact brief with its choices for needs, timing and budget

The site in motion

This is the live miisstudio.com on desktop and on a phone. The hero film plays as it does on the site, then the page scrolls through the intro, the four services, the network card, the Instagram rail, the gallery, the journal and the footer.

miisstudio.com

One place to change the position, and film across the site

The position lives in a few shared constants: the studio's description, its four services and the navigation. Page titles, structured data, the web manifest and llms.txt all read from them, so the latest repositioning went in as 58 numbered, logged changes, with no page-by-page search for old wording.

Around that sits a site built on the studio's films and event photos: a loader that waits for the hero film, four services each with its own link, a seven-frame gallery, and a blog the studio publishes from its own admin.

The About page camera roll: event photos in two moving rows

What we built

The studio's films across the site

The studio's own short films run through the site: on the hero, in the About bands and behind the services. Each one is encoded twice, MP4 and WebM, with a poster frame, and attaches only when it comes into view.

Fast on slow connections and quick to reposition

In lab tests on a simulated Slow 4G connection, every route paints its largest element in 0.97 to 2.18 seconds, with layout shift at about zero.

After the last SEO pass, the home title runs to 58 characters, every description runs between 136 and 159 characters, and Google showed the new title and description word for word.

If the studio's position changes again, it edits the shared constants once, and the copy, metadata and structured data all follow.

Google Analytics 4, miisstudio.com

Active users: 1.4K
New users: 1.4K
Average engagement time per active user: 37s
Events: 8.9K

Most viewed pages
Page	Views	Active users	Events
Home, titled "Campaign studio for fashion, design and beauty"	834	260	1.7K
Home, titled "Creative Agency & Studio, Amsterdam"	507	194	1.5K
About	333	126	728
Contact	325	204	903
Blog	207	129	547
Home, titled "Campaign studio for fashion, beauty, design…"	169	34	457

The home page appears under three titles because it was renamed as the studio's position moved. The studio's own admin pages are left out.