• Payload CMS
  • 2026
  • 6–8 weeks

Premium nail studio platform with multi-language CMS and localized content

Case study · 2026

Headless Payload CMS powers tri-lingual content for Baden-Baden's Studio Amelie

Visit live sitestudioamelie.de

The artifact

01

Studio Amelie nail salon homepage showing elegant dark branding and professional service offerings

Brand pulse

02

Palette

01

Dominant#0C1517

Typeface

01

Aa

studioamelie.de

abcdefghijklmnopqrstuvwxyz

0123456789 & @ ?

editorial 200

Mark

Studio Amelie nail salon homepage showing elegant dark branding and professional service offerings — logo

Receipts

What we shipped, in receipts.

Real evidence of what we shipped — not promises.

06 receipts

01

Localization

3 locales

German, English, and Italian content through Payload localization API.

02

Accessibility

Alt on 100%

All 19 images carry descriptive alt text with semantic landmarks.

03

SEO

OG + JSON-LD

Open Graph and structured data on every page for rich previews.

04

Performance

WebP images

Modern image formats optimized through Next.js Image component.

05

Stack

Payload + Next.js

Headless CMS with App Router on Vercel hosting platform.

06

Content

5 service pages

Custom pages for services, pricing, gallery, and courses management.

Context

00

Studio Amelie needed a professional web presence to serve their international clientele in Baden-Baden. The salon offers nail modeling, permanent makeup, and beauty courses to German, English, and Italian-speaking customers.

Approach

01

We built a headless CMS architecture using Payload for content management and Next.js for the frontend. The tri-lingual setup handles localized content, pricing, and service descriptions through Payload's localization API. Custom content types manage services, gallery images, and course offerings.

Outcome

02

The platform delivers localized content across three languages with full editorial control. Studio Amelie can manage their service offerings, pricing, and gallery through a single CMS while serving content in each client's preferred language.

Stack

Architecture, layer by layer.

Every layer we shipped, end-to-end. No black boxes.

05 layers

  • Layer 01

    CMS

    • Payload v3
    • Postgres

  • Layer 02

    Frontend

    • Next.js App Router
    • TypeScript

  • Layer 03

    Localization

    • Payload i18n
    • DE + EN + IT

  • Layer 04

    Images

    • Next.js Image
    • WebP optimization

  • Layer 05

    Hosting

    • Vercel

Engagement

— fin

  • Timeline6–8 weeks
  • TeamFront Tribe
  • RoleHeadless CMS + tri-lingual frontend
  • Live sitestudioamelie.de
Back to work