---
slug: messtechnik-sassner
client: 'Sassner Mess- und Ortungstechnik'
category: ['Design', 'Development', 'Branding']
date: '2026'
website: https://messtechnik-sassner.de
services: ['Development', 'Design', 'Branding', 'SEO/GEO Optimization']
technologies:
    - Laravel
    - Vue.js
    - Inertia.js
    - Tailwind CSS
    - VueUse Motion
    - Figma
    - Illustrator
    - Photoshop
title: 'B2B Website for Measurement & Positioning Technology'
story_preview: 'Sassner Mess- und Ortungstechnik is a leak-detection and measurement business. From a rough logo sketch, we shaped the full brand identity and built the website on top of it — logo, wordmark, color palette, typography, editorial content, design, and development, all shipped in two weeks.'
fineprint: 'Two weeks from logo sketch and briefing to launch. We handled the full stack: brand identity, editorial content, design, and a custom Laravel + Inertia build optimized for SEO, GEO, and lead generation.'
---

> **Case study source:** https://unlimited.studio/en/case-study/messtechnik-sassner

# Precision, On-Site and On-Screen

Sassner Mess- und Ortungstechnik works where millimetres and signal integrity decide outcomes. The brief was simple: build a website that reads like a measurement report, not a marketing brochure — and do it fast. **Two weeks from a rough logo idea to a live site**, with us handling the full stack: brand identity, editorial content, design, and development.

## From a Sketch to a Brand System

The client arrived with a rough direction and a logo idea. We turned it into a complete identity: a **logo with icon mark and wordmark**, a **full brand guide**, and a **color and typography system** — the foundation for the design direction of the website and
all associated assets.

The result sits between **editorial clarity** and **technical instrumentation**: deep navy blue, cool paper tones, and a single thermal-red accent. **Bricolage Grotesque** for display, **Hanken Grotesk** for body copy, and **JetBrains Mono** for labels.

## A Live Instrument-Panel Hero

The homepage opens with a custom **4-discipline live dashboard** — one tile per service: a pressure-drop trace, a moisture gauge, a thermal-spectrum scan, and an endoscope path through depth markers. A live timestamp ticks in the panel header, and a refresh icon replays the entire choreographed sequence on demand. Motion is restraint, not spectacle.

## Service Pages With Depth

Every service gets its own detail page covering what the discipline actually does, when clients reach out, the standards the work is anchored in, and how the team runs the measurement on site.

## Contact Form

The contact form handles inbound inquiries. Extensive security measures keep spam out; legitimate messages reach the team as branded admin notifications as well as a copy to the sender.

## SEO & GEO Infrastructure

Beyond on-page content, the site ships the structural pieces search engines and AI crawlers actually need:

- **`LocalBusiness` JSON-LD** with geo-radius, opening hours, and an `OfferCatalog` of services
- **Per-page canonical URLs** and **Open Graph** metadata
- **Auto-updating sitemap** that stays in sync as new services launch
- **`llms.txt`** so generative engines surface the business with the right summary
- **Inertia SSR** — every route renders server-side for crawlers and first-paint speed

## The Result

A full B2B identity and a focused web presence — both delivered in two weeks. Fast, indexed for the searches that matter, and built so new services slot in without needing a redesign.