01Massagestudio · Tamm

Melanie’s Massage

Wie fühlt sich eine Massage an, bevor man den Raum betritt? Wir haben die Webseite eines kleinen Studios in eine Scroll-Story verwandelt: warmes Abendlicht, Ruhe – und eine Atempause mitten auf der Seite.

Live-Seite öffnen
Kunde
Melanie’s Massage, Tamm
Leistungen
Konzept · Design · Entwicklung · DE/EN
Jahr
2026
Status
Live

Echte Aufnahme der Live-Seite, einmal von oben nach unten gescrollt.

01Ausgangslage

Die bisherige Seite erfüllte ihren Zweck – sah aber aus wie viele andere. Schriften und Icons kamen von fremden Servern, ein einziges Foto wog über 2 MB.

02Idee

Die Seite soll sich anfühlen wie die Behandlung: langsam, warm, ohne Lärm. Die ganze Farbpalette stammt aus dem Foto des Behandlungsraums – Abendlicht, Holz, Leinen.

03Umsetzung

Ein Bogen, der sich beim Scrollen zum ganzen Raum öffnet. Behandlungen, die seitlich vorbeiziehen. Eine Atempause, in der die Seite dunkel wird. Und Preise, die man auf einen Blick versteht.

300KB

Seitengewicht

Vorher 2.745 KB. Die Seite ist da, bevor man ungeduldig wird – auch unterwegs.

0

Anfragen an Dritte

Keine Google-Schriften, keine fremden Skripte. Gut für Tempo und Datenschutz.

2

Sprachen

Deutsch und Englisch, mit einem Klick umschaltbar.

5

Bildschirmbreiten geprüft

Vom Handy über das iPad bis zum großen Monitor.

✦Vorher / Nachher

Gleiches Studio. Neuer erster Eindruck.

Die alte Startseite von Melanie’s Massage: heller Kasten in Salbeigrün mit Titel und Knopf
Die neue Startseite: »Melanie’s Massage« in großer Schrift, dazwischen ein Bogen mit dem Foto des Behandlungsraums

Vorher

  • Klassisches Karten-Layout in Salbeigrün
  • Schriften von Google-Servern, Icons von einem fremden CDN
  • 2,7 MB beim ersten Aufruf

Nachher

  • Eigene Bildsprache – die Farben stammen aus dem Foto des Raums
  • Alles liegt auf der eigenen Seite: 0 Anfragen an Dritte
  • 0,3 MB beim ersten Aufruf

✦Momente

Fünf Stellen, an denen man langsamer scrollt.

Startseite mit Bogenfenster zwischen »Melanie’s« und »Massage«
Der geöffnete Raum im Vollbild mit dem Titel »Regeneration und Entspannung«
01

Der Bogen öffnet sich

Beim ersten Scrollen wächst das Fenster im Bogen, bis der ganze Raum zu sehen ist.

Behandlungskarten: Klassische Massage, Sportmassage, Triggerpunkt & Deep Tissue
02

Sieben Behandlungen, eine Bewegung

Die Karten ziehen seitlich vorbei, während man ganz normal nach unten scrollt.

Dunkle Atempause mit leuchtendem Kreis und dem Wort »Einatmen«
03

Einatmen. Ausatmen.

Mitten auf der Seite wird es dunkel – ein Atemzug, bevor es um Raum und Preise geht.

Bilder des Behandlungsraums auf dunklem Grund unter »Warmes Licht. Ruhe. Ankommen.«
04

Warmes Licht. Ruhe. Ankommen.

Ausschnitte des Raums gleiten in unterschiedlicher Tiefe vorbei.

Preisliste: 30, 40 und 60 Minuten für 30, 40 und 60 Euro
05

Einfach & transparent

Drei Preise, die beim Hinscrollen hochzählen – ohne Kleingedrucktes.

✦Mobil

Auf dem Handy genauso ruhig.

Auf kleinen Bildschirmen stapeln sich die Behandlungskarten, statt seitlich zu laufen. Jede Geste bleibt ruhig, jeder Text lesbar – getestet vom Handy bis zum iPad.

Handy-Ansicht der Startseite mit Bogenfenster
Handy-Ansicht: gestapelte Behandlungskarten

02Maschinenbau · Name vertraulich

Projekt Stapel

Ein Maschinenbauer hatte einen pneumatischen Palettenstapler entwickelt. Was fehlte, war die komplette Steuerungstechnik: Pneumatikplan, Elektroplan, Schaltschrank und SPS-Programm. Wir haben sie mit KI gebaut – und alles automatisch prüfen lassen, bevor ein Mensch es freigibt.

Mehr zu KI-Effizienz
Kunde
Maschinenbau · vertraulich
Leistungen
KI-Engineering · Steuerungstechnik · Simulation
Jahr
2026
Status
An die Fachabteilung übergeben

Warum anonym? Das Projekt ist vertraulich. Darum zeigen wir keine Originalpläne, keine Namen und keine Teilenummern – nur, wie wir gearbeitet haben. Die Zeichnungen sind Illustrationen, alle Zahlen stammen aus dem echten Projekt.

12345678ABCDEFProjekt Stapel · IllustrationBlatt 07 / 27SteuerungIEC 60617Rev. 02Sapphire Creators · KI-Engineering-MM1-BG1-BG242513-MB1-QM16 bar+24V0V-KF21314-KF1A1A2-KF11314-MB1A1A2-KF12122-PF1X1X212313-14 › 221-22 › 3

Illustration im Stil der echten Pläne – die Originale bleiben beim Kunden.

✦Eingang → Ergebnis

Vier Dateien rein. Sechs Dokumente raus.

Was wir bekamen

  • STEP3D-Modell der Anlage
  • PDFAblaufbeschreibung, 14 Schritte
  • PDFPalettenzeichnung
  • MP4Funktionsvideo

Was wir geliefert haben

  • 01Projektübersicht für die Abteilung
  • 02Pneumatikplan · 3 Blatt · ISO 1219
  • 03Elektroplan · 21 Blatt · IEC 60617
  • 04Schaltschrankaufbau · 3 Blatt · mit Wärmebilanz
  • 05Listen · E/A, Betriebsmittel, Klemmen, Kabel
  • 06SPS-Programm · IEC 61131-3 · mit Import

✦Eine Quelle der Wahrheit

Nichts wird abgeschrieben.

Alles entsteht aus einem einzigen Datenmodell: Geräte, Ein- und Ausgänge, Klemmen, Kabel und Meldungen. Daraus werden Pläne, Listen und Programm erzeugt. Ändert sich ein Sensor, ändern sich alle Dokumente mit – und die Prüfung läuft von vorn.

ZeitachseEchte Uhrzeiten

  1. Tag 1

    Die Anfrage

    3D-Modell, Ablaufbeschreibung, Zeichnung, Video – und ein Satz: »Ich brauche Pneumatikplan, Schaltplan, Schaltschrank und SPS-Programm.«

  2. Tag 1

    Erster Entwurf

    Alle Pläne, Listen und das SPS-Programm. Dazu eine Simulation, in der das Programm die Anlage schon steuert.

  3. Tag 2

    Rückmeldung

    »Manche Symbole werden nicht richtig dargestellt.« Alle Symbole werden gegen Normen und Herstellerunterlagen neu gezeichnet.

  4. Tag 2

    Zweite Prüfung

    »Es darf nirgends Fehler geben.« Eigene Prüfprogramme lesen jetzt jede Linie, jede Klemme, jede Adresse.

  5. Tag 2

    Versandfertig

    Sechs Dokumente, Revision 02 – bereit für die Fachabteilung.

✦Digitaler Zwilling

Getestet, bevor sich etwas bewegt.

Wir haben das SPS-Programm nicht nur geschrieben, sondern laufen lassen: gegen ein Modell der Anlage, ein Zyklus alle 10 Millisekunden. Jede Bewegung, die mechanisch unmöglich oder gefährlich wäre, zählt als Fehler – auch beim NOT-HALT in jedem einzelnen Schritt.

simulation.log
  1. $ simulation --zyklus 10ms
  2. PASSVolle Kapazität ein- und auslagern
  3. PASSNOT-HALT in jedem Schritt: Einlagern
  4. PASSNOT-HALT in jedem Schritt: Auslagern
  5. PASSBolzen klemmt → Störung erkannt
  6. PASSWagen fährt mitten im Ablauf weg
  7. PASSWagen nicht leer → Einzug gesperrt
  8. PASSZählerfehler erkannt und korrigiert
  9. PASSHandbetrieb: gefährliche Bewegungen gesperrt
  10. PASSSperre durch das Leitsystem
  11. PASSPalette auf dem Hubgestell vergessen
  12. PASSWagen wartet vor dem Andocken
  13. PASSKleinere Variante der Anlage
  14. PASSTaktzeit im Modell gemessen
  15. 13 bestanden · 0 fehlgeschlagen

✦Automatische Prüfung

Prüfen, bis nichts mehr zu finden ist.

Für die zweite Runde haben wir Prüfprogramme geschrieben, die jede Zeichnung maschinell lesen: Überschneidungen, fehlende Verbindungspunkte, Klemmen, Kabeladern, Adressen. Am Ende standen überall Nullen.

  • 400

    Linien, die durch Beschriftungen liefen

  • 100

    Querverweise auf die falsche Spalte

  • 8484

    Klemmen – in Plan und Liste identisch

  • PlanSPS

    Alle E/A-Adressen stimmen zwischen Elektroplan und Programm überein

✦Ehrlich

Was die KI nicht entschieden hat.

Eine KI, die so tut, als wüsste sie alles, ist gefährlich. Darum steht jede Annahme sichtbar im Plan – und geht an die Menschen zurück, die sie verantworten. Sieben offene Punkte, klar benannt:

  1. 01Steuerungstyp bestätigen
  2. 02Funktion zweier Einschaltventile
  3. 03Ventiltypen und Steckerbelegung
  4. 04Zylinderschalter – im 3D-Modell nicht enthalten
  5. 05Prozessdaten der Sensorik
  6. 06Bedienfeld und zweiter NOT-HALT
  7. 07Risikobeurteilung und PL-Nachweis
84Min.

Bis zum ersten Entwurf

Von der Anfrage um 20:12 Uhr bis zum vollständigen Paket um 21:36 Uhr.

27Blatt

Zeichnungen

Pneumatik, Elektro und Schaltschrank – nach ISO 1219, IEC 60617 und EN 60204-1.

13/ 13

Simulationsszenarien

Bestanden – inklusive NOT-HALT in jedem Schritt.

0

Prüfbefunde

In der automatischen Endprüfung über alle 27 Blatt.

Ziehen zum Drehen

03In eigener Sache

Sapphire Creators

Diese Seite. Du bist gerade mittendrin. Ein Brillant mit 57 Facetten, live in deinem Browser berechnet – ohne 3D-Bibliothek, ohne Vorlage. Zieh ruhig mal daran.

  • 57Facetten
  • 0Bibliotheken
  • DE · ENzweisprachig
Zur Startseite

04Noch frei

Dein Projekt.

Das nächste Projekt auf dieser Seite könnte deins sein. Erzähl uns von deinem Produkt, deinem Event oder der Idee, die bisher alle für unmöglich hielten.

Projekt starten