Case Study

Smart Yachting

Solo Docking Interface

Die Digitalisierung der maritimen Welt erreicht ein neues Level. Ziel dieses Projekts war es, eine intuitive Steuerungslösung für 13 verschiedene Volvo Penta Motorensysteme zu entwickeln. Der Fokus lag auf der Lösung eines kritischen Problems: Das sichere Anlegen einer massiven Yacht durch eine einzige Person.

Thitronik GmbH
UI/UX & Motion Designerin
November 2023 — September 2025
Smart Dock Yacht Control App - iPhone Mockup
The Pain Point

Das Problem

Die Komplexität des Anlegens

Das Manövrieren und Anlegen großer Yachten ist physisch und mental fordernd.

Eingeschränkte Sicht

Vom Steuerstand aus sind die Abstände zum Kai oft nicht einsehbar.

Personalmangel

Skipper sind oft gezwungen, Hilfe von ungeschulten Begleitpersonen (Familie/Freunde) in Anspruch zu nehmen, was zu Stress und Missverständnissen führt.

Sicherheitsrisiko

Ein falscher Winkel beim Anlegemanöver führt schnell zu kostspieligen Kollisionsschäden.

Physische Barriere

Der Skipper muss gleichzeitig das Ruder bedienen und an Deck gehen, um die Festmacherleinen auszuwerfen.

The Solution

Die Lösung

Single-Handed Design Logic

Ich habe eine UI/UX-Strategie entwickelt, die es dem Nutzer ermöglicht, die Yacht buchstäblich mit einem Daumen zu steuern.

Einhandbedienung

Das Interface ist so optimiert, dass alle kritischen Manöver mit einer Hand ausgeführt werden können. Dies ist essenziell, da sich der Skipper mit der anderen Hand an der Reling festhalten muss.

Intuitive Joystick-Emulation

Statt komplexer Hebel bietet die App eine digitale Steuerung, die sofort auf Berührungen reagiert.

Haptisches & Visuelles Feedback

Durch den Einsatz von Lottie-Animationen erhält der Nutzer sofortige Bestätigung über die Motoraktivität und die Schubrichtung.

Visuelle Identität & Branding

Ich habe das Logo und die gesamte Designsprache entworfen. Das Design vermittelt Vertrauen und Präzision durch eine moderne, maritime Ästhetik.

Design Prozess

Von der Idee zum fertigen Produkt — mein iterativer Designprozess in Figma.

Figma Prototyping

Komplexe Flow-Verbindungen und interaktive Prototypen mit Farbsystem-Dokumentation (Smart Dock Lime & Dark Green).

Interaktiver Prototyp — Demonstration der Smart Dock Steuerung

Validation

Prototyping & Real-Life Testing

Ein entscheidender Teil meiner Arbeit war die Vor-Ort-Validierung. Ich habe das Interface direkt auf einer Yacht getestet.

Erkenntnis

Feedback aus der realen Umgebung half mir, die Button-Größen und Kontraste für direkte Sonneneinstrahlung zu optimieren.

Iteration

Die Logik wurde so angepasst, dass sie auch bei nassen Händen oder schnellen Bewegungen präzise funktioniert.

Lottie Animationen

Ich habe benutzerdefinierte Lottie-Animationen erstellt, um visuelles Feedback und Systemzustände intuitiv zu kommunizieren.

The Golden Middle

Engineering Collaboration

The Golden Middle

Ein Kernpunkt des Projekts war die enge Zusammenarbeit mit dem Entwicklungsteam.

Co-Location

Wir arbeiteten im selben Raum, um Kommunikationswege kurz zu halten.

Effiziente Übergabe

Durch den Einsatz von Lottie-Files konnte ich komplexe Animationen bereitstellen, die die Performance der Hardware nicht belasten.

Synergie

Wir fanden die perfekte Balance zwischen einem ästhetischen High-End-Design und einer ressourcenschonenden technischen Umsetzung.

Results

Messbare Erfolge

Die Ergebnisse sprechen für sich.

Sicherheitssteigerung

Die Daten zeigen eine deutliche Reduktion von Parkschäden und Kollisionen.

Stressreduktion

Nutzer berichten von einem völlig neuen Sicherheitsgefühl beim Solo-Skippering.

Kostensenkung

Weniger Schäden bedeuten weniger Versicherungsfälle und geringere Wartungskosten.

Endlich ein System, das die Realität auf dem Wasser versteht.

Customer Feedback

Verwendete Tools

FigmaAfter EffectsLottieProtopieIllustratorPrinciple
Nächstes Projekt

Lumi Self Care Planner