# Sheydin Studio – Vollständige Inhaltsbeschreibung (LLM-optimiert) # Diese Datei ist für Retrieval-Augmented Generation (RAG) optimiert. # Alle Inhalte: faktisch, zitierbar. Sprache: Deutsch (de-DE). # Kurzversion: https://sheydin.de/llms.txt ## Studio Name: Sheydin Studio Typ: Studio für Web-Apps, Plattformen und komplexe digitale Produkte Gegründet: April 2001 Ort: Remagener Str. 5, 50968 Köln, Deutschland Website: https://sheydin.de Telefon: +49 221 2592 7541 Sprachen: Deutsch, Englisch Erfahrung: 25+ Jahre, 200+ Projekte, 8 Branchen Branchen: Medizintechnik, Pharma, Automotive, SaaS, B2B, Healthcare, Real Estate, Brand Sheydin Studio aus Köln verbindet Produktdenken, Interface Design und technische Umsetzung für Web-Apps, Plattformen und komplexe digitale Produkte – von Anforderungen bis Release. Schwerpunkte sind Product Discovery, UX/UI Design, Design Systems und umsetzungsnahe Produktentwicklung. André Sheydin verantwortet jedes Vorhaben persönlich. Spezialisierte Partner und AI-gestützte Workflows ergänzen die operative Arbeit. ## André Sheydin – Gründer & Lead Name: André Sheydin Rolle: Gründer, Product- und Design-Lead Ausbildung: Köln International School of Design (KISD), Diplom-Designer (FH) LinkedIn: https://www.linkedin.com/in/andresheydin/ Dribbble: https://dribbble.com/sheydin GitHub: https://github.com/sheydin Wikidata: https://www.wikidata.org/wiki/Q139891511 Profil: https://sheydin.de/ueber-uns/andre-sheydin Generalist mit über 25 Jahren Erfahrung in der Konzeption und Gestaltung komplexer Anwendungen. Schwerpunkte: UX/UI Design, Product Design, Design Systems, DesignOps, Information Architecture, Usability Engineering, Healthcare HMI, Automotive HMI, Frontend Development, Brand Identity. Erfahrung mit Siemens Healthineers, Siemens Gamesa, Uniklinik Köln, Johnson & Johnson, AGFA Healthcare, BMW, Visteon. ## Leistungen (9 Pakete) ### MVP Design & Build URL: https://sheydin.de/leistungen/mvp-design-build Typische Dauer: 6–12 Wochen Aktualisiert: 2026-07-22 MVP Design & Build von Sheydin Studio umfasst den vollständigen Weg von der Spezifikation über UX/UI-Design bis zur komponentenbasierten Frontend-Implementierung. Das Paket richtet sich an Startups und Teams, die ein MVP oder neues Modul schnell und konsistent live bringen müssen. Ergebnis ist ein produktionsreifes Lieferpaket aus PRD, UI-System und launchfähigem Code. #### Für wen - Startups und Teams, die ein MVP oder ein neues Modul schnell live bringen müssen - Unternehmen mit komplexen Anforderungen (B2B, interne Tools, regulierte Kontexte) - Produkte, bei denen Design und Umsetzung bisher auseinanderlaufen #### Typische Auslöser - „Wir brauchen in 6–10 Wochen etwas, das wirklich nutzbar ist.“ - „Die Anforderungen sind da, aber niemand übersetzt sie sauber in ein lieferbares Paket.“ - „Figma ist fertig, aber die Umsetzung frisst Zeit und wird inkonsistent.“ - „Wir müssen Entscheidungen treffen, statt Varianten zu diskutieren.“ #### Ergebnis Scope & Spezifikation - PRD oder Story-Set mit Akzeptanzkriterien - Priorisierung (Must/Should/Could) und klare Abnahme UX/UI als System - Struktur, Flows, UI-States (Edge/Empty/Error) - Komponentenlogik statt Screensammlung Umsetzung - Komponentenbasierte Implementierung (produktionsreif) - QA, Fixes, saubere Übergabe (Dokumentation) #### Ablauf - Scope Sprint Ziele, Constraints, Risiken, Abnahme und MVP-Schnitt. - System Design Struktur, Flows, States, Komponentenrahmen. - Build Sprint(s) Umsetzung, QA, Iteration, Release-Vorbereitung. #### Was sich danach verbessert - Kürzere Time-to-Market: aus einem priorisierten Scope wird in Wochen ein nutzbares Release - Weniger Fehlinvestition, weil Schnitt und Abnahme vor dem Build entschieden sind - Weniger Koordinations-Overhead durch einen durchgängigen Flow - Höhere Konsistenz, weil UI als Komponenten-/State-System gedacht ist - Schnellere Iteration, weil Spezifikation, Design und Build zusammenlaufen #### Abgrenzung Nicht enthalten (wenn nicht explizit vereinbart) - Vollständige Backend-Neuentwicklung - Branding-Komplettentwicklung - SEO-/Marketing-Kampagnen CTA: Neues MVP oder Modul? — Schicken Sie kurz Kontext, Ziel und Constraints. Sie bekommen einen konkreten Vorschlag für Scope und nächstes Vorgehen. ### Product Discovery & Requirements URL: https://sheydin.de/leistungen/product-discovery-requirements Typische Dauer: 2–4 Wochen Aktualisiert: 2026-07-22 Product Discovery & Requirements von Sheydin Studio übersetzt Stakeholder-Ziele in eine belastbare Produktdefinition: klare Nutzerprobleme, priorisierte Use Cases und ein PRD oder Epic-Set mit Akzeptanzkriterien. Das Angebot richtet sich an Teams vor MVP, Relaunch oder größeren Feature-Blöcken, bei denen Anforderungen unklar oder Stakeholder uneins sind. #### Für wen - Teams, bei denen das Was noch offen ist: Anforderungen, Prioritäten, Scope - Stakeholder sind uneins, Anforderungen widersprechen sich - Es gibt viele Ideen, aber keine belastbare Entscheidungsgrundlage - Development braucht Klarheit zu Abnahme und Kantenfällen #### Typische Auslöser - „Wir drehen uns im Kreis, weil niemand Scope entscheidet.“ - „Wir brauchen User Stories mit Akzeptanzkriterien, nicht nur Slides.“ - „Wir wollen schneller bauen, aber Requirements sind zu weich.“ - „Wir müssen Risiken früh erkennen, bevor Code entsteht.“ #### Ergebnis Problem- und Zielbild - Zielgruppen, Jobs-to-be-done, Constraints - Erfolgskriterien (KPIs/Qualitätskriterien) - Annahmen + Risiken (was muss validiert werden?) Scope & Priorisierung - MVP-Schnitt (Must/Should/Could) - Feature-/Use-Case-Ranking (Impact/Effort) - Release-Plan als grobe Sequenz Spezifikation (dev-fähig) - PRD oder Epic-Set - User Stories + Akzeptanzkriterien - Nicht-Ziele, Abhängigkeiten, Edge Cases - Glossar/Naming (damit alle dasselbe meinen) Optional: Entscheidungs-Prototyp - 1–2 kritische Flows als HiFi-Prototyp zur Validierung #### Ablauf - Intake & Inputs Ziele, Stakeholder, vorhandene Artefakte, Datenlage. - Modellierung Use Cases, Prozess-/Flow-Sicht, Informationsstruktur, States. - Priorisierung & Schnitt MVP-Definition, Abnahme, Sequenzierung. - Spezifikation & Übergabe PRD/Stories, Review, Finalisierung, Backlog-ready. #### Was sich danach verbessert - Entscheidungen werden leichter, weil Ziele und Abnahme klar sind - Development baut weniger „Interpretation“ und mehr „Spezifikation“ - Scope bleibt stabil, obwohl Details präziser werden - Roadmap wird realistisch (weniger Wunschliste) #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Langfristige Produktstrategie über mehrere Quartale - Vollständige Research-Programme (kann ergänzt werden) - Projektmanagement/Delivery-Management als Dauerrolle CTA: Discovery starten? — Schicken Sie kurz Kontext, Ziel und Constraints. Sie erhalten einen Vorschlag für Scope, Vorgehen und die notwendigen Inputs. ### UX/UI Design URL: https://sheydin.de/leistungen/user-experience-design Typische Dauer: 2–6 Wochen Aktualisiert: 2026-07-22 UX/UI Design von Sheydin Studio umfasst Konzeption, Informationsarchitektur, Interface Design, Prototyping und Optimierung für komplexe digitale Produkte, Web-Apps und Plattformen. Das Angebot richtet sich an B2B-Teams, Startups und Unternehmen, die klare User Flows, saubere UI-States und dev-fähige Spezifikationen benötigen. Bestehende Produkte können zusätzlich per UX/UI-Audit analysiert und priorisiert verbessert werden. #### Für wen - B2B-Produkte, Web-Apps und Plattformen mit komplexen Rollen, Daten oder Prozessen - Teams vor MVP, Relaunch, Redesign oder größeren Feature-Blöcken - Unternehmen mit gewachsener UX, inkonsistenter UI oder hoher Supportlast - Produkte, bei denen UX, UI und Entwicklung enger zusammenlaufen müssen #### Typische Auslöser - „Unsere Anwendung ist fachlich stark, aber schwer zu bedienen.“ - „Nutzer finden zentrale Funktionen nicht oder brechen im Prozess ab.“ - „Die UI ist inkonsistent und Entwicklung muss zu viel interpretieren.“ - „Wir brauchen klare Flows, States und Komponenten statt einzelner Screens.“ - „Wir wollen wissen, was zuerst verbessert werden muss.“ #### Ergebnis UX-Konzept & Informationsarchitektur - Nutzerrollen, Jobs-to-be-done, Kernflows und Navigationslogik - Struktur für Inhalte, Funktionen, Zustände und Entscheidungen - Priorisierung kritischer Use Cases und Kantenfälle Interface Design - Wireframes, UI-Screens oder klickbare Prototypen je nach Projektphase - Komponentenlogik mit Empty, Loading, Error, Success und Edge States - Layout, Typografie, Interaktionsverhalten und visuelle Hierarchie Optimierung bestehender Produkte - UX/UI-Audit mit priorisierten Findings - Konkrete Lösungsvorschläge für kritische Flows und Screens - Umsetzungsplan für Quick Wins und strukturelle Verbesserungen Handoff & Umsetzungsvorbereitung - Dev-fähige Spezifikation, Akzeptanzkriterien und UI-Regeln - Abstimmung mit bestehenden Design-Systemen oder Aufbau eines schlanken Komponentenrahmens #### Ablauf - Zielbild & Kontext Geschäftsziele, Nutzergruppen, Constraints, vorhandene Daten und Produktstand. - Analyse & Struktur Research-Inputs, Heuristik, Journey, Informationsarchitektur, Kernflows und Prioritäten. - Konzept & UI-Design Wireframes, Prototypen, Screens, Komponentenlogik und relevante States. - Review & Validierung Stakeholder-Review, Usability-Checks oder Nutzertests, falls sinnvoll. - Handoff & Optimierung Spezifikation, QA-Kriterien, Umsetzungsplan und Begleitung der nächsten Schritte. #### Was sich danach verbessert - Nutzer verstehen schneller, was zu tun ist - Teams entscheiden mit weniger Reibung - Entwicklung bekommt klarere Flows, States und Abnahmekriterien - Interfaces werden konsistenter, skalierbarer und leichter zu pflegen - Support-, Schulungs- und Nacharbeitsaufwand sinkt #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Reine Branding-/CI-Projekte - Vollständige Neuentwicklung (dafür: MVP Design & Build) - Dauerhafte Analytics-/Tracking-Implementierung (kann als Add-on) CTA: UX/UI Design starten? — Schicken Sie kurz Produktlink, Ziel und aktuelle Herausforderungen. Sie erhalten einen Vorschlag für Scope, Vorgehen und die ersten sinnvollen Schritte. ### Prototyping URL: https://sheydin.de/leistungen/prototyping Typische Dauer: 1–3 Wochen Aktualisiert: 2026-07-22 Prototyping von Sheydin Studio produziert entscheidungsreife Prototypen für Stakeholder-Alignment, Nutzertests und Development-Übergabe. Je nach Ziel entstehen Decision Prototypes, Demo Prototypes oder Usability-Test-Prototypen – immer mit klarem Fokus auf das zu validierende Risiko. #### Für wen - Teams, bei denen das Was steht, aber das Wie umstritten ist: Lösung, Flow, Interaktion - Diskussionen bleiben abstrakt, weil niemand die Lösung sehen und klicken kann - Hohe Unsicherheit bei Flow, IA oder Interaktionslogik - Development soll erst starten, wenn Kernannahmen getestet sind #### Typische Auslöser - „Wir müssen endlich entscheiden, nicht weiter diskutieren.“ - „Wir wollen Nutzertests, aber ohne großen Build.“ - „Die Anforderungen sind da, aber die Interaktion ist unklar.“ - „Wir brauchen etwas, das man wirklich klicken kann.“ #### Ergebnis Je nach Ziel entstehen folgende Prototyp-Typen: Decision Prototype (HiFi) - 1–3 Kernflows klickbar, realistische States - Edge/Empty/Error States für die kritischen Stellen - Klarer Fokus: Was wird validiert, was nicht? Demo Prototype (Stakeholder/Investor) - Storyline + Kernscreens, überzeugend strukturiert - Reduziert auf das Wesentliche, ohne Fake-Komplexität Usability-Test-Prototype (Research-ready) - Test-Szenarien, Aufgaben, Messpunkte - Instrumentierung auf Proto-Ebene (z. B. Click-Paths), wenn sinnvoll Handoff Pack (für Umsetzung) - Screens/Components sauber benannt - Interaktionsdetails, States, Regeln - Offene Fragen und Annahmen dokumentiert #### Ablauf - Ziel & Hypothesen Welche Entscheidung soll fallen? Welche Risiken sind kritisch? - Modellierung Flow, Struktur, States, Komponentenrahmen. - Prototyp-Build Klickbar, realistisch, mit relevanten Kantenfällen. - Review / Test / Iteration Stakeholder-Review oder User Test, dann Anpassung. #### Was sich danach verbessert - Schnellere Entscheidungen, weniger Meinungsloops - Klarere Requirements für Umsetzung - Weniger Rework, weil Kernrisiken vor Code geklärt sind - Gemeinsames Verständnis im Team #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Produktionscode (dafür: MVP Design & Build) - Vollständige visuelle Ausgestaltung aller Screens - Vollständiges Research-Programm (kann ergänzt werden) CTA: Prototyping starten? — Schicken Sie kurz Kontext, Ziel und die 1–2 kritischen Flows. Sie erhalten einen Vorschlag für Prototyp-Typ, Umfang und Vorgehen. ### Design Systems & DesignOps URL: https://sheydin.de/leistungen/design-systems-designops Typische Dauer: 4–8 Wochen Aktualisiert: 2026-07-22 Design Systems & DesignOps von Sheydin Studio umfasst Aufbau und Stabilisierung von Komponentenbibliotheken, Token-Strukturen und Governance-Prozessen für Produktteams. Das Angebot adressiert Teams mit inkonsistenter UI, langsamer Umsetzung oder unübersichtlichen Figma-Libraries. Ergebnis sind saubere Komponenten mit States und Variants, klarer Handoff-Standard und leichtgewichtige Contribution-Regeln. #### Für wen - Produkte mit mehreren Teams, Modulen oder Markenvarianten - UI ist inkonsistent, Umsetzung wird langsam, QA eskaliert - Figma-Libraries sind gewachsen, aber nicht systematisch - Dev-Handoff ist Reibungspunkt (Missverständnisse, Nacharbeit) #### Typische Auslöser - „Jedes Team baut Buttons anders.“ - „Design Reviews drehen sich um Details statt Systematik.“ - „Neue Features dauern länger, weil UI-Basics jedes Mal neu entstehen.“ - „Figma-Library ist unübersichtlich und wird gemieden.“ - „Tokens/Variables fehlen oder sind nicht konsistent.“ #### Ergebnis System-Architektur - Inventory: Ist-Komponenten, Duplikate, Lücken - Zielbild: Struktur, Naming, Ownership - Prinzipien: wann Komponente vs. Pattern Tokens & Foundations - Typografie, Spacing, Color, Radius, Elevation (je nach Bedarf) - Token-Naming + Mapping (Design ↔ Dev) - Variables/Mode-Setup (z. B. Light/Dark, Brand A/B) Komponentenbibliothek - Kernkomponenten mit Variants und States - Interaktions-/Status-States (hover/focus/disabled/error/empty) - Layout-Patterns (Form, Table, Navigation etc. nach Produkt) Governance & Ops - Contribution-Flow (wie Änderungen reinkommen) - QA-Checkliste (Consistency, A11y, States, Naming) - Versionierung/Release Notes - Handoff-Standard (Specs, Tokens, Doku) #### Ablauf - Diagnose (Inventory & Pain Points) Library-Check, Team-Interviews, Dev-Handoff-Analyse, Prioritäten. - Foundations & Tokens Token-Struktur, Variablen/Modes, Naming, Mapping. - Component Build Kernkomponenten + States/Variants, Doku, Beispiele. - Governance & Enablement Regeln, Prozesse, Übergabe, Team-Rituale (leichtgewichtig). #### Was sich danach verbessert - Weniger UI-Divergenz, weniger Rework - Schnellere Umsetzung neuer Features durch wiederverwendbare Bausteine - Klarere Zusammenarbeit zwischen Design und Development - Stabilere Qualität (States, Accessibility, Konsistenz) #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Vollständige Re-Implementierung eines Frontend-Frameworks - Branding-Rework auf Unternehmensniveau - Reines „Figma-Aufräumen“ ohne System-Architektur CTA: Design System starten? — Schicken Sie kurz Produktlink, Team-Setup und euren aktuellen Stand (Figma/Code). Sie erhalten einen Vorschlag für Einstieg, Umfang und Prioritäten. ### Website Design & Build URL: https://sheydin.de/leistungen/website-design-build Typische Dauer: 4–8 Wochen Aktualisiert: 2026-07-22 Website Design & Build von Sheydin Studio umfasst Konzeption, Design und Entwicklung von Corporate- und Marketingwebsites als durchgängigen Prozess. Bevorzugter Stack ist Next.js / React mit komponentenbasiertem Aufbau. Das Angebot richtet sich an Unternehmen, die eine neue Website oder einen Relaunch benötigen, und schließt laufende Betreuung als Add-on ein. #### Für wen - Unternehmen und Startups ohne professionelle Website oder mit einer, die nicht mehr passt - Marken nach einem Rebranding, bei denen Design und Website auseinanderlaufen - Teams, die Design und Entwicklung bisher getrennt beauftragt haben und Reibung sparen wollen - Projekte, bei denen die Website Teil eines Markenaufbaus ist #### Typische Auslöser - „Die Website wirkt nicht mehr wie wir – zu alt, inkonsistent oder zu generisch.“ - „Wir haben ein neues CD, aber die Website spiegelt es nicht.“ - „Wir haben eine Agentur für Design und eine für Entwicklung – das kostet Zeit und Qualität.“ - „Wir brauchen etwas, das live geht und wirklich funktioniert – nicht nur gut aussieht.“ #### Ergebnis Konzeption & Struktur - Seitenarchitektur und Inhaltslogik - Navigation, Call-to-Action-Hierarchie - Inhaltsbereiche und Seitentypen Design - Responsives UI, markenkonsistent - Saubere Komponenten und States - Typografie, Farben, Bildsprache Entwicklung - Komponentenbasierte Umsetzung (bevorzugt Next.js / React) - Produktionsreif, performant, SEO-ready - Saubere Übergabe oder Hosting-Setup Launch-Paket - Meta-Tags, Sitemap, Open Graph - Performance-Check - Dokumentation für spätere Pflege #### Ablauf - Briefing & Ziele Zielgruppe, Zweck, Inhalte, Constraints. - Konzeption Seitenarchitektur, Inhaltslogik, Navigation. - Design Responsives UI, Komponenten, States. - Build Komponentenbasierte Umsetzung, QA, Performance-Check. - Launch & Übergabe Hosting-Setup oder Übergabe, Dokumentation. #### Was sich danach verbessert - Besucher verstehen schneller, was Sie anbieten – und warum es glaubwürdig ist - Mehr qualifizierte Anfragen, weil Inhalte und Handlungswege auf Entscheidungen ausgerichtet sind - Bessere Auffindbarkeit durch saubere Struktur, Technik und Ladezeiten - Die Website wächst mit: Neue Inhalte und Seiten entstehen ohne Neubau #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Full-Stack-Produktentwicklung mit Backend-Logik (dafür: MVP Design & Build) - Vollständiger Markenaufbau ohne bestehendes oder parallel entstehendes Brand Foundation-Projekt - Laufendes Hosting-Management und Betrieb (als Add-on verfügbar) CTA: Website starten? — Schicken Sie kurz Kontext, Ziel und was heute nicht mehr stimmt. Sie bekommen einen konkreten Vorschlag für Umfang, Struktur und Vorgehen. ### Information Architecture & Content URL: https://sheydin.de/leistungen/information-architecture-content Typische Dauer: 2–4 Wochen Aktualisiert: 2026-07-22 Information Architecture & Content von Sheydin Studio strukturiert Inhalte, Navigation und Seitenlogik so, dass Produkte klarer werden. Das Ergebnis ist ein belastbares Strukturmodell mit Navigationsarchitektur, Content-Typen, Benennungslogik und User Flows – als Blueprint für Design und Umsetzung. #### Für wen - Plattformen und interne Tools mit vielen Funktionen, Rollen oder Bereichen - Websites/Portale, bei denen Navigation und Seitenlogik „gewachsen“ sind - Produkte mit Content-Overload, redundanten Seiten und unklaren Zuständigkeiten - Teams, die vor einem Redesign erstmal Ordnung ins System bringen müssen #### Typische Auslöser - „Nutzer finden Inhalte nicht, obwohl alles da ist.“ - „Navigation ist historisch – niemand traut sich aufzuräumen.“ - „Zu viele Menüpunkte, zu viele Varianten, keine klare Hierarchie.“ - „Content und UI widersprechen sich – Begriffe sind nicht konsistent.“ #### Ergebnis Strukturmodell - Navigationsstruktur (Sitemap/Tree) inkl. Ebenenlogik - Rollen-/Rechte-Sicht (wer sieht was, warum?) - Informationsobjekte + Zuständigkeiten (Owner, Quelle, Aktualität) Content-System - Content-Typen und Templates (was ist eine Seite, was ein Objekt?) - Content-Hierarchien (Titel, Metadaten, Teaser, Detail) - Benennungslogik: Begriffe, Labels, Glossar User-Flows & Page Logic - Kernpfade durch die Struktur (Find → Decide → Act) - Such-/Filter-/Browse-Strategie (wann Suche, wann Navigation?) - Empty/No-Result-Strategie (was passiert, wenn nichts passt?) Übergabe für Design/Dev - Struktur als umsetzbarer Blueprint - Regeln, Beispiele, Anti-Beispiele - Prioritätenliste: was zuerst, was später #### Ablauf - Inventory Content/Features sammeln, Duplikate, Lücken, Dead Ends. - Modellierung Taxonomie, Hierarchie, Rollen, Objekttypen, Benennung. - Validierung Quick Checks mit Stakeholdern/Nutzern (Card Sort / Tree Test, wenn sinnvoll). - Finalisierung & Übergabe Blueprint + Regeln + Prioritäten für Umsetzung. #### Was sich danach verbessert - Weniger kognitive Last: Struktur führt statt zu überfordern - Höhere Konsistenz: Begriffe und Objekte sind eindeutig - Weniger Redundanz: Content wird wartbarer - Besserer Handoff: UI und Umsetzung basieren auf einer stabilen IA #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Copywriting/Redaktion kompletter Inhalte - Vollständige SEO-Strategie - Reines „Menü umbauen“ ohne Strukturmodell CTA: IA-Check starten? — Schicken Sie kurz Produktlink, Zielgruppe und die wichtigsten Bereiche (Navigation, Suche, Content). Sie erhalten einen Vorschlag für Umfang, Vorgehen und Prioritäten. ### UI Craft & Accessibility URL: https://sheydin.de/leistungen/ui-craft-accessibility Typische Dauer: 1–3 Wochen Aktualisiert: 2026-07-22 UI Craft & Accessibility von Sheydin Studio verbessert die Qualität bestehender Interfaces durch systematische Arbeit an States, Spacing, Typografie und Barrierearmut. Das Ergebnis ist ein UI-System, das stabil wirkt, leichter zu bauen ist und WCAG-nahe Kriterien erfüllt – ohne vollständigen Rebuild. #### Für wen - Produkte, die „fast fertig“ sind, aber nicht rund wirken - Teams mit vielen UI-Bugs, Inkonsistenzen und QA-Schleifen - Design-Systeme ohne saubere States/Guidelines - Produkte, die barriereärmer werden müssen (intern oder extern) #### Typische Auslöser - „Es wirkt unruhig und inkonsistent, obwohl das Design steht.“ - „Disabled/Loading/Error/Empty ist nicht definiert.“ - „Focus/Keyboard-Navigation ist nicht sauber.“ - „Wir brauchen WCAG-nahe Verbesserungen ohne Komplettumbau.“ #### Ergebnis UI-Qualitätspaket - Konsistenz-Check (Spacing, Typo, Hierarchie, Alignment) - Komponenten-Polish (Variants, States, Micro-Interactions) - Systematische Definition von Statuslogik (Loading, Error, Empty, Success) Accessibility-Paket (WCAG-nah) - Tastatur-/Focus-Flow (sichtbar, konsistent) - Kontrast- und Typo-Checks - Interaktionsgrößen, Touch Targets - Fehler-/Hinweistext-Pattern (verständlich, robust) Dev-Handoff Verbesserungen - Spezifikation der States und Regeln - Token-/Style-Constraints (damit Umsetzung nicht driftet) - QA-Checkliste für UI und A11y #### Ablauf - Audit (UI + A11y) Hotspots identifizieren: Komponenten, Screens, kritische Flows. - Fix-Set definieren Was wird standardisiert, was wird nur gepolished, was bleibt. - Ausarbeitung States/Rules, Specs, Doku, Beispiele. - Übergabe / Umsetzung Entweder als Design-Paket oder mit direkter Umsetzungssupport. #### Was sich danach verbessert - Weniger QA-Schleifen, weniger UI-Bugs - Stimmigeres Erscheinungsbild ohne Redesign - Besserer Handoff, weniger Interpretationsarbeit - Barriereärmeres Produkt mit klaren Prioritäten #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Formale WCAG-Zertifizierung/Legal Sign-off - Vollständiger Rebuild des Frontends - Reines Branding/CI-Projekt CTA: UI-Qualitätscheck starten? — Schicken Sie kurz Produktlink, Ziel und die 2–3 kritischsten Screens/Flows. Sie erhalten einen Vorschlag für Umfang, Prioritäten und die konkreten Fixes (States, Konsistenz, Accessibility). ### Brand Foundations URL: https://sheydin.de/leistungen/brand-foundations Typische Dauer: 3–5 Wochen Aktualisiert: 2026-07-22 Brand Foundations von Sheydin Studio entwickelt eine kompakte Markengrundlage, die sich direkt in Interface und Kommunikation übersetzen lässt. Das Ergebnis umfasst Positionierung, Tonalität, visuelles System (Farben, Typografie, Bildstil) und UI-nahe Guidelines – als schlankes Set, nicht als aufwändiges Corporate-Identity-Projekt. #### Für wen - Produkte/Startups ohne klare visuelle Leitplanken - Teams, die ein Produkt launchen und konsistent auftreten müssen - Rebrands „light“, bei denen UI und Marketing zusammenpassen sollen - Plattformen mit mehreren Bereichen/Untermarken (leichtgewichtig) #### Typische Auslöser - „Unser UI wirkt beliebig, weil die Marke nicht definiert ist.“ - „Marketing und Produkt sehen aus wie zwei Firmen.“ - „Wir brauchen Regeln, keine endlosen Varianten.“ - „Wir wollen seriöser/hochwertiger wirken – ohne Show.“ #### Ergebnis Brand Kern - Positionierung in 1–2 Sätzen (Nutzen, Zielgruppe, Ton) - Tonalität (Do/Don’t, Beispiele) - Naming/Claim (optional) Visuelle Foundations - Farb- und Typo-System (UI-tauglich) - Grid/Spacing-Prinzipien (light) - Bildstil/Illustrationsprinzip (wenn relevant) - Icon-/UI-Stilregeln Guidelines (kompakt) - 5–10 Seiten PDF oder Notion/Confluence - Beispiele: UI, Social, Slides (kleines Set) - Regeln für konsistente Anwendung Übergabe - Tokens/Styles für Figma (oder kompatibles Setup) - Mini-Kit für schnelle Nutzung #### Ablauf - Direction Referenzen, Ziele, Wettbewerbsumfeld, Tonalität. - System Farben/Typo/Regeln als kleines, robustes Set. - Anwendung Beispiele auf realen Screens/Assets, Feinschliff. - Guidelines & Übergabe Dokumentation + Figma-Setup. #### Was sich danach verbessert - Produkt wirkt „aus einem Guss“ - Schnellere Entscheidungen, weniger Geschmacksdiskussion - Neue Materialien – von Website bis Präsentation – entstehen schneller und passen zusammen #### Abgrenzung Nicht enthalten (wenn nicht vereinbart) - Vollständige Corporate-Identity-Rollouts (Print, Messe, etc.) - Riesige Markenmanuals - Reine Logoentwicklung ohne System/Anwendung CTA: Brand Foundations starten? — Schicken Sie kurz Kontext, Zielgruppe und 2–3 Referenzen, in welche Richtung es gehen soll. Sie erhalten einen Vorschlag für Umfang und Vorgehen – und was Sie am Ende konkret in der Hand haben. ## Aktuelle Projekte ### Records URL: https://sheydin.de/projekte/records Auftraggeber: MedVertical Zeitraum: 2022-01 – aktuell Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Product Ownership, Full-Stack MVP, Health DataOps Branchen: Healthcare & Life Sciences, IT & Software Beitrag: Gründer, Product Owner, Anforderungsmanagement, UX/UI Design, Full-Stack MVP, QA- und Review-Steuerung Technologien: React / TypeScript, Node.js / Express, PostgreSQL, FHIR R4/R5/R6, HAPI FHIR / Ontoserver, REST API / MCP, Figma Proof: 8 Prüfaspekte; R4/R5/R6 FHIR-Versionen; CLI · API · MCP Integrationen Records ist eine Plattform zur kontinuierlichen Qualitätskontrolle von FHIR-Daten. Sie erkennt Veränderungen, unterstützt Release-Entscheidungen und erstellt nachvollziehbare Prüfberichte, ohne klinische Inhalte zu speichern. Sheydin Studio verantwortete Produktstrategie, UX/UI Design und die Entwicklung des Full-Stack-MVP. #### Scope Produktstrategie, Anforderungen und Roadmap UX/UI Design für Dashboard, Prüfungen und Fehleranalyse Entwicklung des Full-Stack-MVP mit React, Express und PostgreSQL Automatisierte Prüfung von Struktur, Profilen, Terminologien und Referenzen Statussignale und Vergleichsansichten für Release-Entscheidungen Nachvollziehbare Berichte für Audits und Qualitätssicherung Anbindung an Entwicklungsprozesse über Kommandozeile, API und MCP #### Ergebnisse Datenqualität wird über längere Zeit messbar und vergleichbar Klare Freigabesignale unterstützen sichere Releases Probleme lassen sich schneller priorisieren und bis zur Ursache verfolgen Klinische Inhalte bleiben in den bestehenden Quellsystemen Prüfberichte können jederzeit reproduzierbar erstellt werden #### Kontext Gesundheitsplattformen prüfen Daten häufig nur zu einzelnen Zeitpunkten. Danach verändern sich Schnittstellen, Standards und Datenbestände weiter. Fehler werden dadurch oft erst sichtbar, wenn Integrationen scheitern, ein Audit ansteht oder klinische Abläufe betroffen sind. #### Rolle Wir verantworteten das Produkt von der ersten Idee bis zum lauffähigen MVP: Produktstrategie, Anforderungen, Informationsarchitektur, UX/UI Design, technische Architektur und Entwicklung. Automatisierte Tests und Vergleiche mit etablierten FHIR-Prüfwerkzeugen sicherten die Umsetzung ab. #### Ansatz Records arbeitet als unabhängige Prüfschicht neben bestehenden FHIR-Servern. Es liest Daten, verändert sie aber nicht und legt keine zusätzliche Kopie klinischer Inhalte an. Jeder Prüflauf dokumentiert den aktuellen Zustand und vergleicht ihn mit einem zuvor akzeptierten Stand. So werden neue Fehler und behobene Probleme sofort sichtbar. #### Lösung Ein zentrales Dashboard zeigt Datenumfang, Prüfstatus und Handlungsbedarf. Quality Gates übersetzen die Ergebnisse in klare Freigabeentscheidungen. Vergleichsansichten machen Veränderungen zwischen zwei Prüfständen sichtbar, während die Issue-Analyse von der Übersicht bis zur betroffenen Ressource führt. Berichte dokumentieren Ergebnisse nachvollziehbar für Teams, Audits und automatisierte Entwicklungsprozesse. #### Impact Records macht aus punktuellen Prüfungen einen kontinuierlichen Qualitätsprozess. Produktteams erkennen Risiken früher, können Releases fundierter freigeben und erhalten belastbare Nachweise darüber, was wann und mit welchem Ergebnis geprüft wurde. #### Learnings Nutzer brauchen nicht mehr Fehlermeldungen, sondern bessere Orientierung. Entscheidend sind verständliche Statussignale, eine klare Priorisierung und der Vergleich über Zeit. Ebenso wichtig ist die Trennung von klinischen Inhalten und Prüfergebnissen: Sie schafft Vertrauen und reduziert unnötige Datenschutzrisiken. ### Siemens Healthineers User Interface (Shui) URL: https://sheydin.de/projekte/siemens-healthineers-user-interface Auftraggeber: Siemens Healthineers Zeitraum: 2023-02 – 2024-07 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Anforderungsmanagement Branchen: Healthcare & Life Sciences Beitrag: Senior Lead UX/UI Technologien: Figma Proof: 18 Monate Senior Lead UX/UI; International getestet; Konzernweit Designsystem Senior-Lead-Arbeit am konzernweiten Designsystem Shui von Siemens Healthineers: Produktanforderungen bündeln, UI-Komponenten weiterentwickeln, technische Umsetzung abgleichen und Nutzung dokumentieren. #### Scope Anforderungen aus Produktteams aufnehmen und priorisieren Neue UI-Komponenten konzipieren und bestehende überarbeiten Figma-Bibliothek und technische Implementierung abgleichen Spezifikationen für Design und Entwicklung erstellen Dokumentation für Designer und Entwickler ausarbeiten Tests und Qualitätssicherung begleiten Einführung und Nutzung des Designsystems intern vermitteln #### Ergebnisse Red Dot Design Award German Design Award International getestete Designelemente und Navigationsprinzipien Teil des Corporate Identity und der Hardware-Systeme #### Kontext Mit jedem neuen digitalen Produkt wächst die Gefahr unterschiedlicher Bedienmuster, Komponenten und technischer Varianten. Ein konzernweites Designsystem muss deshalb nicht nur visuell konsistent sein, sondern Anforderungen vieler Teams aufnehmen und in gemeinsam nutzbare Lösungen übersetzen. #### Rolle Als Senior Lead UX/UI verantworteten wir die inhaltliche Weiterentwicklung von Shui: von der Klärung neuer Produktanforderungen über die Komponentenkonzeption bis zu Spezifikation, Dokumentation und interner Einführung. #### Ansatz Jede neue Anforderung wurde zunächst auf ihren Nutzen für das Gesamtsystem geprüft. Wir entwickelten Komponenten nicht als Einzellösung für ein Produkt, sondern als wiederverwendbare Muster, glichen sie mit der technischen Umsetzung ab und dokumentierten Verhalten, Zustände und Einsatzgrenzen. #### Lösung Neue und überarbeitete Komponenten wurden in Figma spezifiziert, mit technischen Teams abgestimmt und für Designer und Entwickler dokumentiert. Workshops und Präsentationen halfen Produktteams, die Bausteine korrekt einzusetzen und Rückmeldungen wieder in das System einfließen zu lassen. #### Impact Die Arbeit stärkte die Verbindung zwischen konkreten Produktanforderungen und dem konzernweit eingesetzten Designsystem. Shui ist international mit Nutzern getestet, Teil der Corporate Identity von Siemens Healthineers und als Gesamtsystem mit Red Dot und German Design Award ausgezeichnet. #### Learnings Ein Designsystem setzt sich nicht allein durch gute Komponenten durch. Es braucht nachvollziehbare Entscheidungen, verlässliche Dokumentation und einen laufenden Austausch mit den Produktteams, die täglich damit arbeiten. ### IT-Compliance-Plattform für Krankenhäuser URL: https://sheydin.de/projekte/it-compliance-plattform Auftraggeber: Vertraulich / Eigenprojekt Zeitraum: 2024-12 – 2025-12 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Anforderungsmanagement, Product Ownership Branchen: Healthcare & Life Sciences, IT & Software Beitrag: Senior Lead UX/UI Technologien: Figma, React, TypeScript, Supabase, BPMN.js, Confluence, Jira Proof: 9 Frameworks; 222 Anforderungen; Multi-Tenant Plattformkonzept Produktkonzeption, UX/UI Design und Product Ownership für eine Krankenhausplattform, die IT-Systeme, Risiken und 222 Anforderungen aus neun Compliance-Regelwerken in einem gemeinsamen Arbeitsbereich zusammenführt. #### Scope Product Ownership von Anforderungserhebung bis Abnahme Informationsarchitektur und UX/UI-Konzept für die gesamte Plattform Gemeinsamer IT-Bestand aus automatisch erfassten und manuell ergänzten Daten Übersicht über 222 Anforderungen aus neun Regelwerken Risikobewertung, Maßnahmensteuerung und Schwachstellenzuordnung Modellierung klinischer Prozesse und ihrer IT-Abhängigkeiten Rollen- und Rechtekonzept für getrennte Krankenhausorganisationen Prototyping, Tests und Abstimmung mit Compliance-Fachexperten #### Ergebnisse Gemeinsames Produktkonzept für IT-Bestand, Risiken und Compliance 222 Anforderungen aus neun Regelwerken in einer Struktur zusammengeführt Klare Arbeitsabläufe von der Bestandsaufnahme bis zur Audit-Vorbereitung Belastbares Rollen- und Rechtekonzept für getrennte Organisationen #### Kontext IT-Verantwortliche in Krankenhäusern müssen technische Systeme, Risiken und Nachweise über mehrere Regelwerke hinweg pflegen. Ohne einen gemeinsamen Arbeitsstand entstehen doppelte Pflege, unklare Zuständigkeiten und Lücken, die häufig erst bei Prüfungen sichtbar werden. #### Rolle Als Product Owner verantworteten wir die gesamte UX/UI-Konzeption, die Anforderungserhebung, Priorisierung und Abnahme gegenüber der Entwicklung. #### Ansatz Die Plattform wurde entlang der tatsächlichen Aufgaben aufgebaut: Systeme erfassen, Anforderungen zuordnen, Risiken bewerten, Maßnahmen verfolgen und Nachweise für Prüfungen vorbereiten. Automatisch erkannte technische Daten lassen sich um fachliche Angaben ergänzen. Ein Rollen- und Rechtekonzept hält die Daten verschiedener Krankenhäuser konsequent getrennt. #### Lösung Ein Dashboard zeigt den Stand je Regelwerk und macht offene Anforderungen sichtbar. Von dort führen die Arbeitsabläufe zu betroffenen IT-Systemen, Risiken, Maßnahmen und Dokumenten. Klinische Prozesse können mit ihren technischen Abhängigkeiten verknüpft werden, damit Auswirkungen nicht nur auf System-, sondern auch auf Versorgungsebene nachvollziehbar bleiben. #### Impact Das Konzept schafft einen gemeinsamen Arbeitsstand für IT-Bestand, Risiken und Compliance über neun Regelwerke hinweg. Es reduziert die Abhängigkeit von getrennten Listen und bereitet klare Verantwortlichkeiten sowie nachvollziehbare Audit-Nachweise vor. #### Learnings Die zentrale Aufgabe war nicht, neun Regelwerke zu vereinfachen, sondern ihre Gemeinsamkeiten sichtbar zu machen, ohne fachliche Unterschiede zu verlieren. Die enge Arbeit mit Compliance-Experten und frühe Prototypen halfen, abstrakte Anforderungen in verständliche Aufgaben zu übersetzen. ### Exposé Builder für Loock Immobilien URL: https://sheydin.de/projekte/loock-expose-builder Auftraggeber: Loock Immobilien Zeitraum: 2026-05 – aktuell Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Product Ownership, Full-Stack MVP, Design Automation Branchen: Immobilien & Bau, IT & Software Beitrag: Product Owner, UX/UI Design, Full-Stack-Entwicklung, Design Automation, PDF Template Design Technologien: React 18, TypeScript, Vite, Node.js, Express, Zod, Playwright, JSON Schema Proof: 2 Immobilienprojekte; 30 Einheiten-Exposés; Web → PDF Produktionsworkflow Der Exposé Builder für Loock Immobilien ist eine interne Web-App für die strukturierte Produktion markenkonformer Immobilienexposés. Der MVP verwaltet zwei Projekte mit 30 Einheiten und führt zentrale Daten, A4-Vorschau und versionierten PDF-Export zusammen. #### Scope Produktdefinition und Ablauf für die Exposé-Produktion Übersicht für mehrere Immobilienprojekte und Einheiten Zentrale Pflege von Flächen, Preisen, Texten, Kontakten und Medien Vollständige A4-Vorschau direkt im Browser Feste Seitenmodule für Titel, Objekt, Lage, Grundriss, Bilder, Energie und Kontakt Automatische Prüfung strukturierter Daten und verwendeter Dateien Versionierter PDF-Export sowie Öffnen und Download Responsive Arbeitsoberfläche für Desktop und Mobile #### Ergebnisse Lauffähiger MVP für zwei reale Immobilienprojekte 30 Einheiten-Exposés aus einer gemeinsamen Daten- und Vorlagenstruktur Direkter Weg von gepflegten Daten zur geprüften PDF-Datei Einheitliche Gestaltung und Seitenlogik über alle Exposés Wiederverwendbare Grundlage für weitere Objekte und Dokumenttypen Weniger wiederkehrende Layoutentscheidungen pro Dokument #### Kontext Für ein einzelnes Immobilienprojekt entstehen zahlreiche Exposés mit gemeinsamem Objektkontext, aber unterschiedlichen Einheiten, Preisen, Grundrissen, Bildern und Vermarktungsargumenten. Klassische Layoutdateien führen dabei schnell zu redundanter Datenpflege, Abweichungen zwischen Versionen und wiederkehrender manueller Satzarbeit. #### Rolle Wir verantworteten den Builder von der Produktdefinition bis zum lauffähigen System: Informationsarchitektur, UX/UI Design, Datenmodell, Weboberfläche, Backend, A4-Vorlagen und automatisierter PDF-Export. Das bestehende Markensystem von Loock Immobilien wurde dafür in klare digitale Regeln übersetzt. #### Ansatz Der Builder ist bewusst kein freier Layouteditor. Inhalte und Bilder werden strukturiert gepflegt und in fest definierte Seitenmodule eingesetzt. Diese Begrenzung reduziert Bedienaufwand, schützt die Markenqualität und verhindert, dass jede Einheit erneut gestaltet werden muss. #### Lösung Die Objektübersicht zeigt Projekte und ihren Bearbeitungsstand. Innerhalb eines Objekts kann das Team schnell zwischen Einheiten wechseln, Unterschiede prüfen und das komplette Dokument in einer A4-Vorschau kontrollieren. Titel, Eckdaten, Beschreibungen, Grundrisse, Bildstrecken, Lage, Energieangaben und Kontakt werden anschließend als versionierte PDF-Datei ausgegeben. #### Impact Der MVP führt zwei Immobilienprojekte und 30 Einheiten-Exposés in einer gemeinsamen Daten- und Vorlagenstruktur zusammen. Wiederkehrende Objektinformationen, Kontakte und Gestaltungsregeln werden zentral verwendet. Damit entsteht zugleich eine belastbare Grundlage für weitere Objekte und Dokumenttypen. #### Learnings Bei wiederkehrenden Dokumenten ist eine klar begrenzte Vorlage oft wertvoller als maximale Gestaltungsfreiheit. Entscheidend sind sauber getrennte gemeinsame und einheitsspezifische Daten sowie eine Vorschau, die exakt dem späteren PDF entspricht. ### Clinical Documentation System URL: https://sheydin.de/projekte/clinical-documentation-system Auftraggeber: Uniklinik Köln / Healex Zeitraum: 2010-01 – 2021-12 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Usability Engineering, Anforderungsmanagement, Product Ownership, Spezifikation Branchen: Healthcare & Life Sciences, Forschung & Bildung Methoden: DIN EN ISO 9241, Nutzungskontextanalyse, Usability Tests, Moderierte Tests, Requirements Engineering, Prototyping Technologien: Figma, Sketch, Storybook, Jenkins, Jira Proof: 12 Jahre Projektbegleitung; 2 klinische Netzwerke; Klinischer Einsatz Produktionskontext Zwölf Jahre Produkt-, UX- und Usability-Verantwortung für ein klinisches Dokumentationssystem der Uniklinik Köln und Healex. Das System unterstützt Studien und Register und wurde später für das Nationale Netzwerk Genomische Medizin erweitert. #### Scope Arbeitsabläufe mit Dokumentaren, Prüfärzten und weiteren Fachrollen untersuchen Rollen, Aufgaben, Eingaberegeln und Systemgrenzen strukturieren Anforderungen und Spezifikationen für klinische Studien ausarbeiten Moderierte Usability-Tests planen, durchführen und auswerten Eingabemasken und Nutzerführung schrittweise modernisieren Wiederverwendbare Komponenten für neue Module aufbauen Product Ownership, Priorisierung und Qualitätssicherung übernehmen System für die Abläufe des nNGM-Registerprojekts erweitern #### Ergebnisse Zwölf Jahre kontinuierliche Weiterentwicklung im klinischen Kontext Konkrete Verbesserungen aus Beobachtungen und Usability-Tests Bestehendes System für grundlegend neue nNGM-Abläufe erweitert Gemeinsame Komponentenbasis für neue und modernisierte Module Langfristige Verbindung von Fachanforderungen, UX und Qualitätssicherung #### Kontext Das Dokumentationssystem musste medizinische Daten zuverlässig erfassen und zugleich mit neuen Studien, Regeln und Nutzergruppen wachsen. Änderungen durften den laufenden klinischen Betrieb nicht unnötig stören. Später kam mit nNGM ein neuer fachlicher Schwerpunkt hinzu, der deutlich andere Abläufe und Daten erforderte. #### Rolle Wir verbanden über zwölf Jahre UX/UI Design, Usability Engineering und Product Ownership – zunächst für Systems R&D der Uniklinik Köln, später für Healex. Dazu gehörten Analyse, Priorisierung, Spezifikation, Tests und laufende Qualitätssicherung. #### Ansatz Wir begannen bei den konkreten Aufgaben der Nutzer: Daten erfassen, Pflichtangaben prüfen, Fehler vermeiden und Fälle weiterbearbeiten. Interviews, Beobachtungen und moderierte Tests lieferten die Grundlage für schrittweise Verbesserungen. Neue Funktionen wurden in die bestehende Arbeitslogik integriert, statt das System in einem riskanten Komplettumbau zu ersetzen. #### Lösung Das System führt von der Patientenerfassung durch strukturierte Eingabemasken bis zur Prüfung der Daten. Klare Pflichtfelder, Validierungszustände und wiederverwendbare Komponenten unterstützen konsistente Eingaben. Für nNGM kamen eigene Module zur Einreichung und Bearbeitung genomischer Anforderungen hinzu. #### Impact Das Clinical Documentation System wurde über mehr als ein Jahrzehnt in klinischen Studien- und Registerkontexten weiterentwickelt. Die Erweiterung für nNGM zeigt, dass eine gewachsene Anwendung auch neue fachliche Aufgaben aufnehmen kann, wenn Anforderungen, Bedienung und Qualitätssicherung gemeinsam betrachtet werden. #### Learnings Bei langfristig eingesetzten Fachsystemen entsteht Akzeptanz durch nachvollziehbare, schrittweise Verbesserungen. Konkrete Aufgaben und Tests mit Nutzern waren verlässlicher als abstrakte Designannahmen; Kontinuität war oft wertvoller als ein vollständiger Neustart. ### Windkraft Logistik-App URL: https://sheydin.de/projekte/wind-turbine-logistics Auftraggeber: Vertraulich Zeitraum: 2019-08 – 2021-12 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Anforderungsmanagement Branchen: Industrie & Energie Beitrag: Senior Lead UX/UI Technologien: Figma, Azure DevOps UX/UI-Konzeption für eine Anwendung, mit der internationale Projektteams Transport, Aufbau und Kosten von Windturbinen planen und unterschiedliche Logistikszenarien vergleichen. #### Scope Workshops und Interviews mit internationalen Fachabteilungen Anforderungen und Abläufe für Planung und Kalkulation strukturieren UX/UI-Konzept und interaktive Prototypen entwickeln Designsystem in Figma pflegen und erweitern Product Owner bei Priorisierung und Abstimmung unterstützen Qualitätssicherung, Tests und Fehlerdokumentation begleiten #### Ergebnisse Ein gemeinsamer Ablauf für Logistik- und Errichtungskalkulation Verschiedene Planungsszenarien werden direkt vergleichbar Zuvor verteilte Informationen sind in einem System gebündelt #### Kontext Die Kalkulation von Logistik und Errichtungskosten für Windturbinen ist ein hochkomplexer Prozess, der internationale Standorte, variable Transportwege und unterschiedliche Regulierungen berücksichtigen muss. #### Rolle Als Senior Lead UX/UI verantworteten wir die Produkt- und Bedienkonzeption, moderierten internationale Workshops und arbeiteten eng mit Product Owner und Fachexperten zusammen. #### Ansatz Wir zerlegten den komplexen Kalkulationsprozess in nachvollziehbare Entscheidungen und Eingaben. Anforderungen aus verschiedenen Regionen wurden verglichen und in gemeinsame Muster überführt. Ein Designsystem sorgte dafür, dass sich wiederkehrende Aufgaben über alle Module gleich bedienen lassen. #### Lösung Die Anwendung führt von der Projektanlage über Standortanalyse, Transportplanung und Kranauswahl bis zur Kostenübersicht. Strukturierte Formulare und kontextbezogene Hinweise unterstützen die Facheingabe. Übersichten machen unterschiedliche Szenarien und ihre Kostentreiber vergleichbar. #### Impact Die konzipierte Anwendung bündelt zuvor verteilte Informationen und schafft einen gemeinsamen Ablauf für internationale Kalkulationen. Projektteams können Logistikszenarien auf derselben Grundlage vergleichen und Entscheidungen nachvollziehbarer dokumentieren. #### Learnings Bei hochspezialisierten Fachanwendungen entsteht Verständlichkeit nur im engen Austausch mit den Menschen, die den Prozess beherrschen. Internationale Unterschiede müssen sichtbar bleiben, dürfen aber nicht zu unterschiedlichen Bedienlogiken führen. ### PHIRE URL: https://sheydin.de/projekte/phire Auftraggeber: Eigenprojekt Zeitraum: 2026-05 – aktuell Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Product Ownership, Geschäftsmodellentwicklung Branchen: Healthcare & Life Sciences, Legal & Compliance, IT & Software Beitrag: Produktstrategie, Architekturkonzept Methoden: Privacy by Design, Local-first Architektur, Pseudonymisierung PHIRE ist ein Produktkonzept für die geschützte Nutzung von Sprachmodellen in vertraulichen Arbeitskontexten. Identifizierende Angaben werden lokal ersetzt und erst nach der Verarbeitung wieder zugeordnet. Das Projekt befindet sich in der Konzeptphase. #### Scope Produktdefinition für einen datenschutzbewussten KI-Arbeitsablauf Konzept zur lokalen Erkennung und Ersetzung identifizierender Angaben Architektur für geschützte Zuordnung und lokale Rückübertragung Risikoanalyse für vertrauliche Anwendungssituationen UX-Konzept für Prüfung, Freigabe und Kontrolle durch die Nutzer #### Ergebnisse Produktidee und Schutzprinzipien klar beschrieben Verarbeitung sensibler Angaben bleibt unter lokaler Kontrolle Technischer Ablauf für Pseudonymisierung und Rückübertragung definiert Grundlage für Interface und Machbarkeitsnachweis vorbereitet #### Kontext Viele Berufsgruppen arbeiten mit hochsensiblen Informationen und können große Cloud-Sprachmodelle nur eingeschränkt oder gar nicht nutzen. Gleichzeitig entsteht im Alltag ein klarer Bedarf an KI-gestützter Unterstützung beim Strukturieren, Formulieren und Auswerten von Texten. #### Rolle Als Eigenprojekt verantwortet Sheydin Studio die Produktdefinition: Zielgruppen, Schutzprinzipien, Bedienkonzept und technische Architektur werden von Beginn an gemeinsam entwickelt. #### Ansatz Datenschutz wird nicht als nachträgliche Funktion behandelt, sondern als sichtbarer Teil des Arbeitsablaufs. Nutzer sollen erkennen und kontrollieren können, welche Angaben ersetzt werden und welcher reduzierte Text das eigene Gerät verlässt. #### Lösung Geplant ist ein Ablauf in drei Schritten: Text lokal prüfen und identifizierende Angaben ersetzen, mit der geschützten Fassung arbeiten und die Antwort anschließend lokal wieder den richtigen Personen oder Vorgängen zuordnen. Freigabe und Kontrolle bleiben bei den Nutzern. #### Impact Das Konzept zeigt einen Weg, Sprachmodelle auch in vertraulichen Arbeitskontexten nutzbar zu machen, ohne personenbezogene Ausgangsdaten unnötig weiterzugeben. Eine Wirkung im praktischen Einsatz muss in den nächsten Projektphasen noch validiert werden. #### Learnings Datenschutz wird verständlicher, wenn er nicht hinter Systemeinstellungen verschwindet. Er muss im konkreten Arbeitsablauf sichtbar, überprüfbar und durch die Nutzer steuerbar sein. ### Dr. Anna Toodeh URL: https://sheydin.de/projekte/anna-toodeh Auftraggeber: Dr. Anna Toodeh Zeitraum: 2026-07 – 2026-07 Aktualisiert: 2026-07-30 Disziplinen: Webdesign & Entwicklung, Informationsarchitektur Branchen: Beratung & Mittelstand Beitrag: Konzept & Struktur, Design & Umsetzung Technologien: Figma, Next.js, TypeScript, CSS Modules, Vercel Konzept, Informationsarchitektur, Gestaltung und technische Umsetzung der Website für Dr. Anna Toodeh. Der ruhige Auftritt ordnet Beratung zu Familienunternehmen, Nachfolge und Unternehmensbewertung und schafft klare Kontaktwege. #### Scope Konzeption und Struktur der Website Informationsarchitektur für Leistungen, Forschung und Kontaktwege Visuelle Gestaltung mit ruhiger Typografie und reduziertem Farbsystem Responsive Umsetzung mit Next.js und TypeScript SEO-Grundlagen, Open Graph, Sitemap und strukturierte Daten #### Ergebnisse Klarer digitaler Auftritt für die Selbstständigkeit Leistungen verständlich nach Beratung, Bewertung, Mediation und Vorträgen strukturiert Vertrauensbildende Verbindung aus fachlicher Tiefe, Portraits und konkreten Kontaktwegen Technisch saubere, performante und responsive Website #### Kontext Nach dem Start in die Selbstständigkeit brauchte Dr. Anna Toodeh einen sichtbaren Ort für ihre fachlich gewachsene Positionierung. Die Herausforderung lag darin, ein komplexes Beratungsthema zu strukturieren: Nachfolge, Familienunternehmen, Unternehmensbewertung und die persönlichen Ebenen, die in solchen Entscheidungen immer mitwirken. #### Rolle Sheydin Studio verantwortete Konzept, Informationsarchitektur, Gestaltung und technische Umsetzung der Website. Bildmaterial und Film entstanden mit spezialisierten Partnern; Struktur, Webdesign und Frontend lagen beim Studio. #### Ansatz Die Website wurde bewusst ruhig und präzise angelegt. Leistungen, Haltung, Forschung und Kontakt sollten schnell erfassbar sein, ohne das Thema zu verkürzen. Die Seitenarchitektur trennt Beratungsrollen klar voneinander und führt Nutzer von der ersten Einordnung zu konkreten Kontaktmöglichkeiten. #### Lösung Der fertige Auftritt kombiniert eine persönliche Startseite mit klaren Leistungsseiten, einer Über-mich-Seite, Forschung und Publikationen sowie einem reduzierten Kontaktbereich. Typografie, Farben und Layout unterstützen die Positionierung: analytisch, klar und vertrauensbildend. #### Impact Die Website gibt der Selbstständigkeit einen klaren digitalen Ausgangspunkt. Unternehmerfamilien und ihre Berater können Leistungen, fachlichen Hintergrund und passende Kontaktwege schneller einordnen. #### Learnings Bei beratungsintensiven Themen muss eine Website Vertrauen schaffen, bevor sie verkauft. Entscheidend ist eine Struktur, die Komplexität ordnet, aber die fachliche und menschliche Tiefe des Themas nicht glättet. ### M. Korfmacher GmbH URL: https://sheydin.de/projekte/m-korfmacher Auftraggeber: M. Korfmacher GmbH Zeitraum: 2026-03 – 2026-05 Aktualisiert: 2026-07-30 Disziplinen: Webdesign & Entwicklung, Informationsarchitektur, Technical SEO Branchen: Immobilien & Bau, Industrie & Energie Beitrag: Konzept & Struktur, Design & Umsetzung Technologien: Figma, Next.js, TypeScript, Tailwind CSS, Vercel Konzept, Informationsarchitektur, Webdesign und technische Umsetzung für die M. Korfmacher GmbH. Die Website ordnet Gebäudeautomation, Mess-, Steuer- und Regeltechnik, Referenzen, eigene Fertigung und Karrierewege. #### Scope Konzeption und Struktur der Website Informationsarchitektur für Leistungen, Referenzen, Karriere und Kontakt Responsives Webdesign auf Basis der bestehenden Unternehmensmarke Technische Umsetzung mit Next.js und TypeScript SEO-Grundlagen, Open Graph, Sitemap und strukturierte Daten #### Ergebnisse Klarer digitaler Auftritt für ein technisch spezialisiertes B2B-Unternehmen Verständliche Darstellung von Gebäudeautomation, MSR-Technik, Schaltanlagenbau und Service Strukturierte Referenzen für öffentliche, gewerbliche und private Gebäude Eigene Karriere- und Kontaktwege für Bewerbungen und Projektanfragen Technisch saubere, performante und responsive Website #### Kontext Korfmacher arbeitet in einem technisch anspruchsvollen Feld. Bauherren, Betreiber, Fachplaner und Bewerber benötigen jeweils andere Informationen, sollen aber denselben Kern verstehen: Planung, Automation, Elektrotechnik und eigene Fertigung greifen bei Korfmacher ineinander. #### Rolle Sheydin Studio verantwortete Konzept, Informationsarchitektur, Gestaltung und technische Umsetzung der Website. Die bestehende Unternehmensmarke wurde in ein modernes, responsives Websystem übertragen und um klare Seitenlogik, SEO-Grundlagen und strukturierte Daten ergänzt. #### Ansatz Die Website wurde entlang konkreter Entscheidungswege aufgebaut: Wer Korfmacher als Projektpartner prüft, soll Leistungen, Systemkompetenz und Referenzen schnell erfassen; wer sich bewirbt, soll ein klares Bild von Arbeitsweise und Teamumfeld bekommen. Technische Begriffe bleiben präzise, werden aber in verständliche Seitenmodule und Kontaktwege übersetzt. #### Lösung Entstanden ist eine performante Next.js-Website mit fokussierter Startseite, Unternehmensprofil, Leistungsseite, Referenzübersicht, Karriereseite und Kontaktformular. Visuelle Hierarchie, Bildmaterial, Icons und klare Call-to-Actions verbinden technische Glaubwürdigkeit mit direkter Ansprache. #### Impact Die Website macht Korfmachers Leistungsprofil für Bauherren, Betreiber, Fachplaner und öffentliche Auftraggeber leichter zugänglich. Referenzen, Technologiepartner, eigene Schaltanlagenfertigung und Service werden an einem Ort nachvollziehbar dargestellt. #### Learnings Bei technisch geprägten B2B-Websites entsteht Vertrauen aus konkreter Kompetenz, nicht aus lauter Inszenierung. Entscheidend ist eine Struktur, die Fachlichkeit ernst nimmt und trotzdem schnell zum nächsten Schritt führt. ### M³ Bauwerk URL: https://sheydin.de/projekte/m3-bauwerk Auftraggeber: M³ Bauwerk Zeitraum: 2025-09 – 2026-02 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design, Webdesign & Entwicklung Branchen: Immobilien & Bau Beitrag: Brand Foundation Technologien: Adobe Illustrator, Figma, Next.js, TypeScript, Tailwind CSS, Vercel Markenidentität und Website für M³ Bauwerk aus Stuttgart. Leistungen und Bauprojekte werden für Eigentümer und Investoren mit konkreten Projektdaten, Gewerkelisten und klaren Kontaktwegen präsentiert. #### Scope Entwicklung der visuellen Identität (Logo, Typografie, Farbsystem) Konzeption, Gestaltung und Umsetzung der Website Darstellung des Leistungsspektrums und aktueller Bauprojekte SEO-Optimierung und responsive Gestaltung #### Ergebnisse Eigenständige Markenidentität mit räumlichem M³-Zeichen Website mit konkreten Projektdaten und Gewerkelisten Leistungen und Kontaktwege für Eigentümer und Investoren klar geordnet #### Kontext M³ Bauwerk realisiert Bauprojekte in der Region Stuttgart – von der energetischen Kernsanierung bis zum schlüsselfertigen Neubau. Für den professionellen Marktauftritt fehlte eine durchgängige Markenidentität und eine Website, die das Leistungsspektrum und abgeschlossene Projekte überzeugend präsentiert. #### Rolle Wir verantworteten Markenaufbau und Website: vom Logo und visuellen System über Seitenstruktur und Interface Design bis zur technischen Umsetzung. #### Ansatz Das geometrische Logo übersetzt M³ in eine räumliche Form und funktioniert auf Baustellenschildern ebenso wie digital. Für die Website wurden Leistungen und Referenzen nicht nur bebildert, sondern mit den Informationen strukturiert, die Auftraggeber für eine erste Einordnung brauchen. #### Lösung Der Auftritt verbindet ein prägnantes Markenzeichen mit einer übersichtlichen Website. Projektseiten zeigen Fläche, Einheiten, Dauer und ausgeführte Gewerke. Leistungsübersicht und Kontaktwege führen Eigentümer und Investoren von der Orientierung zur konkreten Anfrage. #### Impact M³ Bauwerk verfügt über einen konsistenten Auftritt, der das Leistungsprofil und realisierte Projekte nachvollziehbar darstellt. Die Website schafft eine belastbare Grundlage für Projektkommunikation und Anfragen, ohne eine nicht gemessene Vertriebswirkung zu behaupten. #### Learnings Bei Bauunternehmen entsteht Vertrauen durch konkrete Projektdaten und nachvollziehbare Leistungen, nicht allein durch Imagebilder. Marke und Website müssen deshalb sowohl auf der Baustelle als auch in der digitalen Prüfung eines möglichen Partners funktionieren. ### Bereuter Media URL: https://sheydin.de/projekte/bereuter-media Auftraggeber: Bereuter Media Zeitraum: 2015-01 – 2026-02 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design, Webdesign & Entwicklung Branchen: Medien & Kommunikation Beitrag: Markenbetreuung Technologien: Adobe Illustrator, Figma, Next.js, TypeScript, TYPO3, Vercel Langjährige Markenbegleitung und Website-Redesign für Bereuter Media. Der neue Auftritt stellt strategische PR-Beratung, persönliche Positionierung und strukturierte Cases in den Mittelpunkt. #### Scope Corporate Design (Logo, Typografie, Farbsystem) seit 2015 Website-Redesign: Migration von TYPO3 auf Next.js Hero mit Loop-Video der Kölner Skyline Cases-Bereich mit Strategie/Umsetzung/Ergebnis-Struktur Leistungsübersicht als Akkordeon Google-Bewertungen-Integration Kontaktformular mit klaren Call-to-Actions #### Ergebnisse Modernisierte Markenpräsenz mit persönlicher Positionierung Strukturierter Cases-Bereich als Kompetenznachweis Technisch zeitgemäße Plattform auf Next.js Langjährige Markenbetreuung seit 2015 #### Kontext Die bestehende Website spiegelte weder die gewachsene strategische Beratung noch die persönliche Rolle des Gründers ausreichend wider. Leistungen blieben abstrakt und realisierte Arbeiten waren als Entscheidungsgrundlage für potenzielle Kunden zu wenig präsent. #### Rolle Wir betreuen die Marke seit 2015 – vom ursprünglichen Corporate Design und der ersten Website bis zum aktuellen Redesign. Unsere Verantwortung umfasst visuelle Identität, Informationsarchitektur, Webdesign und Frontend-Entwicklung. #### Ansatz Das Redesign fokussierte auf drei Hebel: persönliche Positionierung des Gründers als Gesicht der Agentur, strukturierte Cases als Kompetenznachweis (Eurostar, Efteling, mobilezone u.a.) und eine modernisierte Leistungsübersicht. Technisch wurde von TYPO3 auf Next.js migriert. #### Lösung Die Website verbindet eine persönliche Startseite mit klar gegliederten Leistungen und einem modularen Cases-Bereich. Jeder Case macht Ziel, Strategie, Umsetzung und Ergebnis nachvollziehbar. Kundenstimmen, Referenzlogos und direkte Kontaktwege ergänzen die fachlichen Belege. #### Impact Der neue Auftritt führt die seit 2015 entwickelte Marke in einem zeitgemäßen Websystem fort. Persönliche Positionierung, Leistungen und Projekterfahrung sind nun an einem Ort konsistent und leichter vergleichbar dargestellt. #### Learnings Langjährige Markenbegleitung schafft Kontext für ein Redesign: Die Marke muss nicht neu erfunden, sondern auf die veränderte Positionierung zugespitzt werden. Technik ist dabei Mittel zum Zweck – entscheidend sind klare Inhalte und belastbare Referenzen. ### Creative Urban Kitchen URL: https://sheydin.de/projekte/creative-urban-kitchen Auftraggeber: CUK Küchen / Faber & Söhne Zeitraum: 2025-10 – 2026-01 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design, Webdesign & Entwicklung Branchen: Konsumgüter & Handel Beitrag: Brand Foundation Technologien: Adobe Illustrator, Figma, Next.js, TypeScript, Tailwind CSS, Vercel Markenaufbau und zweisprachige Website für CUK – Creative Urban Kitchen aus Stuttgart. Die neue Marke positioniert individuell geplante Designküchen in Schreinerqualität für ein breiteres, urbanes Publikum. #### Scope Entwicklung der visuellen Identität (Logo, Typografie, Farbsystem) Definition der Bildsprache und Tonalität Konzeption, Gestaltung und Umsetzung der Website Mehrsprachigkeit (Deutsch/Englisch) #### Ergebnisse Vollständige Markenbasis für den Marktstart Zweisprachige Website als zentrale Anlaufstelle Klare Positionierung zwischen Massenangebot und Luxusküche #### Kontext Die Gründer von Faber & Söhne – einem etablierten Stuttgarter Küchenstudio im Luxussegment – wollten eine neue Marke launchen, die hochwertige Designküchen einem breiteren Publikum zugänglich macht. Vorhanden war nur der Name. Alles andere musste von null aufgebaut werden – und zwar schnell. #### Rolle Wir verantworteten den Aufbau der Marke und der Website: visuelle Identität, Tonalität, Seitenstruktur, Interface Design und technische Umsetzung. #### Ansatz Die Positionierung war durch das Geschäftsmodell klar: individuelle Designküchen in Schreinerqualität zu einem erreichbaren Preis. Darauf aufbauend entwickelten wir das visuelle System und die Website parallel, damit Marke, Inhalte und digitaler Auftritt von Beginn an dieselbe Haltung vermitteln. #### Lösung Das Ergebnis ist eine klare, moderne Markenidentität, die Qualität und Zugänglichkeit gleichermaßen kommuniziert. Die mehrsprachige Website präsentiert den Designansatz, das kuratierte Sortiment und realisierte Küchenprojekte. Das visuelle System ist schlank und erweiterbar angelegt. #### Impact CUK konnte innerhalb weniger Wochen mit einer vollständigen Markenbasis und einer funktionsfähigen, zweisprachigen Website starten. Der Auftritt grenzt das Angebot klar von standardisierten Küchenketten und vom klassischen Luxussegment ab. #### Learnings Ein schneller Markenaufbau funktioniert, wenn das Geschäftsmodell bereits eine klare Position vorgibt. Dann können Identität, Inhalte und Website parallel entwickelt und Entscheidungen ohne lange Übergaben getroffen werden. ## Archivprojekte ### Galllery URL: https://sheydin.de/projekte/galllery Auftraggeber: Eigenprojekt Zeitraum: 2024-03 – 2024-12 Aktualisiert: 2026-07-30 Disziplinen: Service Design, Geschäftsmodellentwicklung, Corporate Design, Webdesign & Entwicklung Branchen: Kunst & Kultur, Immobilien & Stadtentwicklung Methoden: Prozessmodellierung Technologien: Adobe Illustrator, Figma, WordPress Galllery realisierte einen kuratierten Galerieraum in einer leerstehenden Kölner Bürofläche. Auf Basis dieser Erfahrung entsteht ein noch zu validierendes Modell für weitere temporäre Kulturorte. #### Scope Name, Marke und Website für die erste Galeriephase Kuratierten Galerieraum in einer leerstehenden Bürofläche betreiben Erfahrungen des Standorts dokumentieren Kriterien für geeignete Flächen und Partner entwickeln Vertrags-, Betriebs- und Wirtschaftlichkeitsmodell vorbereiten Weitere Pilotgespräche anbahnen #### Ergebnisse Kuratierter Galerieraum in Köln realisiert Marke und digitale Dokumentation der Ausstellungen aufgebaut Praktische Erkenntnisse für temporären Betrieb gesammelt Übertragbares Modell und weitere Pilotstandorte noch in Entwicklung #### Kontext Leerstehende Büroflächen und der Bedarf nach bezahlbaren Kulturräumen bestehen oft nebeneinander. Temporäre Nutzungen sind möglich, für Eigentümer und Betreiber aber organisatorisch, rechtlich und wirtschaftlich aufwendig. #### Rolle Wir verantworten das Projekt von der ursprünglichen Geschäftsidee über den Markenaufbau und den Pilotbetrieb bis zur Entwicklung des pilotierbaren Geschäftsmodells. Die Modell- und Prozessentwicklung liegt bei uns, ergänzt durch kuratorische Expertise und digitale Dokumentation im erweiterten Team. #### Ansatz Wir trennen bewusst zwischen dem realisierten Galerieraum und dem geplanten Betriebsmodell. Die Erfahrungen des ersten Standorts fließen in vier Arbeitsbereiche: Flächeneignung, Kurationsregeln, Vertrags- und Betriebsstruktur sowie Wirtschaftlichkeit. #### Lösung Realisiert sind Marke, Website, Ausstellungskommunikation und der erste Galerieraum. In Entwicklung ist ein dokumentiertes Toolkit aus Kriterien, Abläufen, Vertragsbausteinen und Kalkulation für weitere Pilotstandorte. #### Impact Der erste Standort aktivierte eine zuvor leerstehende Fläche und bot jungen Künstlern einen Ausstellungsort. Besucherzahlen, Quartierswirkung und wirtschaftliche Tragfähigkeit wurden nicht systematisch gemessen; die Übertragbarkeit muss in weiteren Piloten geprüft werden. #### Learnings Ein gelungener Einzelort ist noch kein skalierbares Modell. Erst klare Partnerrollen, Verträge, Betrieb und Finanzierung zeigen, ob kuratierte Zwischennutzung wiederholbar funktioniert. ### Loock Immobilien URL: https://sheydin.de/projekte/loock-immobilien Auftraggeber: Loock Immobilien Zeitraum: 2023-05 – 2024-04 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design, Webdesign & Entwicklung Branchen: Immobilien & Bau Beitrag: Markenbetreuung Technologien: Adobe Illustrator, Figma, TYPO3 Corporate Design, Website und laufende Markenbetreuung für Loock Immobilien in Stuttgart. Der Auftritt verbindet Objektpräsentation, Exposés und neue digitale Werkzeuge. #### Scope Corporate Design und Gestaltungsregeln Design und Entwicklung der Immobilienwebsite Vorlagen und Anwendungen für die Objektvermarktung Laufende Weiterentwicklung als externer Creative Director #### Ergebnisse Konsistenter Auftritt über Website und Vermarktungsunterlagen Klare, bildstarke Präsentation der Immobilien Gemeinsame Gestaltungsgrundlage für neue digitale Werkzeuge #### Kontext Ein Premium-Immobilienanbieter in Stuttgart benötigte einen vollständigen Markenauftritt, der Exklusivität, Vertrauen und Lifestyle gleichermaßen kommuniziert – über alle Kanäle konsistent. #### Rolle Wir begleiten Loock Immobilien in der Rolle des externen Creative Directors – verantwortlich für alle visuellen und digitalen Berührungspunkte der Marke, einschließlich strategischer Beratung. #### Ansatz Ausgehend von einer Analyse des Wettbewerbsumfelds und der Zielgruppe wurde ein visuelles System entwickelt, das Seriosität und gehobenen Lebensstil verbindet. Die Website wurde in TYPO3 umgesetzt. #### Lösung Das Corporate Design umfasst Logo, Typografie, Farbkonzept und Bildsprache. Die Website präsentiert Immobilien mit großformatigen Bildern und klarer Struktur. #### Impact Die laufende Zusammenarbeit hält Website, Objektpräsentationen und neue Werkzeuge gestalterisch zusammen. Quantitative Daten zur Markenwahrnehmung oder Geschäftsentwicklung liegen uns nicht vor. #### Learnings Langfristige Markenbetreuung erfordert ein flexibles System, das wächst, ohne die Kernidentität zu verwässern. Die enge, laufende Zusammenarbeit ermöglicht es, auf Marktveränderungen und neue Immobilienangebote schnell und konsistent zu reagieren. ### Otjisazu URL: https://sheydin.de/projekte/otjisazu Auftraggeber: Guest Farm Otjisazu Zeitraum: 2021-09 – 2023-07 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design, Webdesign & Entwicklung, Social Media, Marketing, Print Branchen: Tourismus & Hotellerie Beitrag: Full-Service Branding, Digitales Setup Technologien: WordPress, Adobe Creative Suite Markenaufbau, WordPress-Buchungswebsite, Drucksachen und Kommunikation für die historische Guest Farm Otjisazu in Namibia. Die Lodge ist inzwischen geschlossen. #### Scope Historische Recherche und Markenidee Visuelles Erscheinungsbild für digitale und gedruckte Medien Buchungswebsite in WordPress Drucksachen für den Aufenthalt vor Ort Aufbau und Betreuung der Social-Media-Kommunikation #### Ergebnisse Zusammenhängender Auftritt von Website bis Drucksache Geschichte der Farm als erkennbarer Teil der Marke Website als zentraler Einstieg für Information und Buchung #### Kontext Die Guest Farm Otjisazu, eine traditionsreiche Lodge in Namibia, benötigte einen kompletten kommerziellen und visuellen Neustart, um internationale Touristen auf die besondere Historie des Ortes aufmerksam zu machen. #### Rolle Verantwortlich für den kompletten Markenaufbau, von der historischen Recherche über Print und Web bis zum laufenden Marketing. #### Ansatz Die reiche Geschichte der Farm diente als primäre Inspirationsquelle für das Branding. Alle digitalen (WordPress, Social Media) und analogen Touchpoints (Print) wurden aus einem Guss entwickelt, um eine immersive Markenwelt zu schaffen. #### Lösung Erdige Farben, historische Elemente und eine zurückhaltende Typografie prägten den Auftritt. Die WordPress-Website bündelte Geschichte, Unterkunft und Buchungsweg; Print und Social Media führten dieselbe Sprache fort. #### Impact Otjisazu erhielt einen konsistenten Auftritt für internationale Gäste und einen zentralen digitalen Buchungsweg. Vergleichbare Reichweiten- oder Buchungsdaten liegen uns nicht vor. #### Learnings Eine kleine Gastgebermarke wirkt besonders glaubwürdig, wenn Buchungswebsite, Kommunikation und Details vor Ort dieselbe Geschichte erzählen. ### Portal für biomedizinische Forschung URL: https://sheydin.de/projekte/portal-biomedizinische-forschung Auftraggeber: Vertraulich Zeitraum: 2023-03 – 2023-06 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design Branchen: Healthcare & Life Sciences Technologien: Figma, Miro, Confluence Redesign eines Pharma-Forschungsportals, über das Wissenschaftler präklinische Wirkstoffe finden und für nichtklinische Untersuchungen anfragen können. Fokus waren Informationsarchitektur, Suche, Filter und Anforderungsprozess. #### Scope Analyse des bestehenden Portals und Identifikation von Optimierungspotenzial Redesign der Benutzeroberfläche und Informationsarchitektur Prototyping und Validierung mit Stakeholdern Spezifikation für die Entwicklung #### Ergebnisse Redesign-Konzept abgenommen und in die Umsetzungsplanung überführt Anforderungsprozess für Forschungsmoleküle vereinfacht Suche und Filter entlang der Forschungsaufgabe neu geordnet #### Kontext Das bestehende Portal war technisch funktionsfähig, aber die Benutzeroberfläche entsprach nicht mehr den heutigen Anforderungen an Usability und Informationsarchitektur. Forscher hatten Schwierigkeiten, relevante Wirkstoffe effizient zu finden und anzufordern. #### Rolle Wir analysierten das bestehende Portal, strukturierten den Weg von der Suche bis zur Anfrage neu und entwickelten interaktive Prototypen für die Abstimmung mit dem internen Team. #### Ansatz Die Überarbeitung folgte den Fragen der Forschenden: Welche Wirkstoffe sind verfügbar, wofür eignen sie sich und welche Angaben werden für eine Anfrage benötigt? Schwachstellen des bestehenden Ablaufs wurden dokumentiert und schrittweise in Wireframes und Prototypen aufgelöst. #### Lösung Das Konzept verbindet eine klarere Informationsarchitektur mit gezielter Suche, verständlichen Filtern und einem vereinfachten Anforderungsprozess. Produktinformationen und notwendige Angaben werden dort erklärt, wo sie für die nächste Entscheidung gebraucht werden. #### Impact Das interne Team nahm das Redesign-Konzept ab und überführte es in die Umsetzungsplanung. Die geplante Struktur verkürzt den Weg von der Wirkstoffsuche bis zur vollständigen Anfrage; eine Nutzungsmessung nach Umsetzung lag im Projekt nicht vor. #### Learnings Bei regulierten Forschungsplattformen darf Vereinfachung keine fachlich oder rechtlich notwendigen Informationen verlieren. Gute UX zeigt deshalb Anforderungen zum richtigen Zeitpunkt, statt sie nur zu reduzieren. ### DesignOps für Automotive eCommerce URL: https://sheydin.de/projekte/designops-automotive-ecommerce Auftraggeber: Vertraulich Zeitraum: 2022-09 – 2023-01 Aktualisiert: 2026-07-30 Disziplinen: DesignOps Branchen: Automotive & Mobilität Beitrag: Projektmanagement Technologien: Miro, Confluence, Jira DesignOps und Projektmanagement für den digitalen Vertrieb eines deutschen Automobilherstellers. Prozesse, Verantwortlichkeiten und Designentscheidungen wurden über Design, Produktmanagement und Entwicklung hinweg nachvollziehbar strukturiert. #### Scope Bestehende Design- und Abstimmungsprozesse analysieren Anforderungen und Designentscheidungen nachvollziehbar verbinden Verantwortlichkeiten und Übergaben zwischen Abteilungen klären Remote-Workshops vorbereiten und moderieren Operative Projektkoordination und Stakeholder-Abstimmung #### Ergebnisse Weniger wiederkehrender Verwaltungsaufwand im Designteam Designentscheidungen mit ihren Anforderungen dokumentiert Gemeinsamer Arbeitsablauf über mehrere Abteilungen hinweg #### Kontext Im Zuge der eCommerce-Digitalisierung eines führenden Automobilherstellers waren die Designprozesse zwischen mehreren Abteilungen fragmentiert. Designentscheidungen waren schwer nachvollziehbar und administrative Aufwände bremsten die operative Arbeit. #### Rolle Als DesignOps-Beratung waren wir das Bindeglied zwischen Design, Produktmanagement und Entwicklung. Wir verantworteten Prozessanalyse, Workshopmoderation, Stakeholder-Abstimmung und operative Koordination. #### Ansatz Statt einen vollständig neuen Prozess vorzugeben, machten wir zunächst bestehende Wege und Reibungspunkte sichtbar. In Remote-Workshops wurden Anforderungen, Entscheidungen und Übergaben gemeinsam geklärt und anschließend konsistent dokumentiert. #### Lösung Der gemeinsame Arbeitsablauf verbindet Anforderungen mit den daraus entstandenen Designentscheidungen. Zuständigkeiten und Übergaben sind klarer beschrieben, wiederkehrende Abstimmungen gebündelt und der Stand einer Entscheidung auch für andere Abteilungen nachvollziehbar. #### Impact Die neue Struktur reduzierte wiederkehrende administrative Arbeit im Designteam und schuf eine gemeinsame Grundlage für die Zusammenarbeit mit Produktmanagement und Entwicklung. #### Learnings Prozessverbesserung in großen Organisationen funktioniert selten als radikaler Neustart. Sichtbare Entlastung im Alltag schafft Vertrauen; darauf können weitergehende Veränderungen aufbauen. ### SWP Beteiligungen URL: https://sheydin.de/projekte/swp-website Auftraggeber: SWP Seniorenwohnbauprojekte Zeitraum: 2022-01 – 2022-12 Aktualisiert: 2026-07-30 Disziplinen: Webdesign & Entwicklung Branchen: Immobilien & Bau Technologien: Figma, TYPO3 Konzeption, Design und TYPO3-Umsetzung der Website von SWP Beteiligungen. Leistungen und mehr als 20 Seniorenwohnprojekte werden als Galerie, Karte und Tabelle präsentiert. #### Scope Informationsarchitektur für Unternehmen, Leistungen und Referenzen Gestaltung der Website auf Basis des bestehenden Markenauftritts Projektübersichten als Galerie, Karte und Tabelle Umsetzung in TYPO3 Redaktionelle Pflege durch das SWP-Team ermöglichen #### Ergebnisse Leistungen und Projekterfahrung an einem Ort nachvollziehbar Mehr als 20 Referenzen visuell und datenorientiert zugänglich Inhalte und neue Projekte durch SWP selbst pflegbar #### Kontext SWP Seniorenwohnbauprojekte ist ein Projektentwickler und Fondsverwalter für Seniorenwohn-Immobilien mit über 22 Jahren Erfahrung und einem Investitionsvolumen von über 270 Millionen Euro. Das Unternehmen benötigte eine Website, die Leistungsspektrum, Track Record und Referenzprojekte professionell präsentiert. #### Rolle Wir verantworteten Struktur, Gestaltung und technische Umsetzung der Website in TYPO3. #### Ansatz Die Informationsarchitektur wurde aus den Fragen potenzieller Investoren und Partner entwickelt: Was leistet SWP, welche Erfahrung ist belegt und wo liegen die realisierten Projekte? Das bestehende Branding wurde mit zurückhaltenden Linienzeichnungen für den digitalen Einsatz weitergeführt. #### Lösung Die Website präsentiert das Unternehmen, seine Leistungen und Referenzprojekte klar strukturiert. Projekte können als Bildergalerie, auf einer interaktiven Karte oder in einer Tabellenansicht erkundet werden. SWP pflegt neue Projekte eigenständig über das TYPO3-Backend. #### Impact Die Website macht den Track Record des Unternehmens nachvollziehbar und gibt Investoren wie Partnern mehrere Zugänge zu den Referenzprojekten. SWP kann neue Inhalte eigenständig ergänzen. #### Learnings Bei erklärungsbedürftigen Immobilienangeboten brauchen unterschiedliche Zielgruppen unterschiedliche Zugänge: Bilder vermitteln den Charakter, Karten den Standort und Tabellen den schnellen Faktenvergleich. ### MedVertical URL: https://sheydin.de/projekte/medvertical Auftraggeber: Eigenprojekt Zeitraum: 2021-05 – 2022-05 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design, Webdesign & Entwicklung Branchen: Healthcare & Life Sciences, IT & Software Beitrag: Gründer Technologien: Adobe Illustrator, Figma, Google Workspace Namensfindung, Positionierung, Corporate Design und Website für MedVertical, ein Startup für Kliniksoftware. #### Scope Namensfindung und Domain-Sicherung Entwicklung der visuellen Identität (Logo, Typografie, Farbsystem) Definition der Markenstrategie und Positionierung Gestaltung von Geschäftsausstattung und digitalen Vorlagen Erstellung der Website #### Ergebnisse Name und Positionierung für den Marktstart Durchgängiges Erscheinungsbild von Logo bis Website Wiederverwendbare Vorlagen für die weitere Kommunikation #### Kontext Im Health-IT-Markt müssen Startups von Beginn an Vertrauen bei Krankenhaus-IT-Abteilungen und medizinischem Fachpersonal aufbauen – eine Markenidentität, die kompetent wirkt, ohne kalt oder unnahbar zu sein. #### Rolle Als Gründer und Product Owner trafen wir alle markenstrategischen Entscheidungen und verantworteten die gesamte visuelle Umsetzung. #### Ansatz Ausgehend von einer Wettbewerbs- und Zielgruppenanalyse wurden Name und visuelle Identität parallel entwickelt. Die Namensfindung erfolgte in Kombination mit Domain-Verfügbarkeit, um digitale Präsenz von Anfang an sicherzustellen. #### Lösung Das Ergebnis umfasst eine geometrisch konstruierte Bildmarke mit medizinischem Bezug, ein klares Farbsystem in Blau- und Grüntönen sowie eine vollständige Geschäftsausstattung und Website. Die Marke kommuniziert Fachkompetenz und Zugänglichkeit gleichermaßen. #### Impact MedVertical erhielt eine vollständige visuelle Grundlage für Marktauftritt, Gespräche und digitale Kommunikation. Eine unabhängige Messung von Markenwirkung oder Vertrauen liegt uns nicht vor. #### Learnings Als Gründer-Designer ist man gleichzeitig Entscheider und Gestalter. Die Herausforderung liegt darin, objektive Designentscheidungen zu treffen und nicht der eigenen Betriebsblindheit zu erliegen. ### Oncology-Informationsplattform URL: https://sheydin.de/projekte/oncology-informationsplattform Auftraggeber: Vertraulich Zeitraum: 2021-07 – 2022-04 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Webdesign & Entwicklung Branchen: Healthcare & Life Sciences Beitrag: Senior Lead UX/UI Technologien: Figma, Adobe XD, Zeplin, Jira UX/UI-Konzeption für eine Onkologie-Informationsplattform eines internationalen Biotechnologieunternehmens: responsive Website sowie iOS- und Android-Apps für Therapie- und Studieninformationen, verbunden durch ein gemeinsames Designsystem. #### Scope Informationsarchitektur für Therapie- und Studieninhalte UX/UI-Design für responsive Website, iOS und Android Gemeinsame Komponenten und Gestaltungsregeln definieren Vertraute Bedienmuster der einzelnen Plattformen berücksichtigen Übergabe an die Entwicklung und iterative Qualitätssicherung #### Ergebnisse Zusammenhängende Produkterfahrung auf drei Plattformen Wiederverwendbare Grundlage für Design und Entwicklung Therapie- und Studieninformationen auf Web und mobilen Geräten zugänglich #### Kontext Medizinisches Fachpersonal sollte Therapie- und Studieninformationen sowohl am Desktop als auch mobil erreichen. Drei getrennte Oberflächen hätten Pflege, Entwicklung und Orientierung unnötig erschwert. #### Rolle Als Senior Lead UX/UI verantworteten wir die Konzeption aller drei Plattformen, das gemeinsame Designsystem und die Abstimmung mit der Entwicklung. #### Ansatz Wir trennten gemeinsame Produktlogik von plattformspezifischer Bedienung. Inhalte, Komponenten und visuelle Regeln wurden zentral gedacht; Navigation und Interaktionen orientierten sich an den Erwartungen von Web-, iOS- und Android-Nutzern. #### Lösung Entstanden sind eine responsive Website sowie iOS- und Android-Apps mit gemeinsamem Designsystem. Alle drei Zugänge strukturieren Therapieoptionen und klinische Studien einheitlich, ohne die Konventionen des jeweiligen Geräts zu übergehen. #### Impact Das Design schuf eine belastbare gemeinsame Grundlage für drei Produkte und erleichterte die konsistente Umsetzung über die beteiligten Entwicklungsteams hinweg. Nutzungskennzahlen nach dem Launch liegen uns nicht vor. #### Learnings Plattformübergreifende Konsistenz bedeutet nicht, jede Oberfläche identisch zu gestalten. Entscheidend ist, dieselbe Produktlogik mit den jeweils vertrauten Interaktionsmustern zu verbinden. ### Anamnesis URL: https://sheydin.de/projekte/anamnesis Auftraggeber: Eigenprojekt Zeitraum: 2021-01 – 2021-12 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Product Ownership Branchen: Healthcare & Life Sciences Technologien: Figma Konzeptstudie für eine Selbstanamnese in der Notaufnahme. Patienten erfassen während der Wartezeit strukturierte Angaben, die das spätere Aufnahmegespräch vorbereiten. #### Scope UX-Konzeption einer tablet-basierten Selbstanamnese Informationsarchitektur für den Fragebogen-Flow UI-Design mit Fokus auf Barrierefreiheit und Stresssituation Prototyping und Validierung des Konzepts #### Ergebnisse Ausgearbeiteter Prototyp für digitale Selbstanamnese Bedarf und Ablauf in Fachgesprächen mit Klinikpersonal geprüft Grundlage für einen klinischen Pilotversuch geschaffen #### Kontext Patienten verbringen in Notaufnahmen oft lange Wartezeiten, während das Personal unter hohem Druck steht. Die Anamnese erfolgt meist erst beim Arztkontakt und verzögert den Prozess zusätzlich. #### Rolle Wir verantworteten Konzept und Design vollständig – von der Problemanalyse über die Informationsarchitektur bis zum hochauflösenden Prototyp. #### Ansatz Auf Basis von Recherche zu klinischen Aufnahmeprozessen und Barrierefreiheitsanforderungen wurde ein geführter Fragebogen-Flow entwickelt. Besonderer Fokus lag auf der Nutzbarkeit in Stresssituationen: große Touch-Targets, klares visuelles Feedback und mehrsprachige Unterstützung. #### Lösung Eine Tablet-Anwendung führt Patienten durch einen strukturierten Fragebogen – von Symptomen über Vorerkrankungen bis zu aktueller Medikation. Die Daten werden automatisch strukturiert und stehen dem medizinischen Personal vor dem Erstkontakt zur Verfügung. #### Impact Fachgespräche bestätigten die Relevanz des Problems und halfen, den Ablauf zu schärfen. Das Projekt blieb eine Konzeptstudie; eine Zeitersparnis im klinischen Betrieb wurde nicht gemessen. #### Learnings Design für Stresssituationen erfordert radikale Einfachheit. Jede zusätzliche Interaktion ist eine potenzielle Fehlerquelle. Die Erkenntnis, dass Barrierefreiheit und Stressresistenz eng zusammenhängen, war zentral für das Konzept. ### ExpertUp URL: https://sheydin.de/projekte/expertup Auftraggeber: Eigenprojekt Zeitraum: 2020-01 – 2021-12 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Corporate Design, Webdesign & Entwicklung Branchen: IT & Software Technologien: Adobe XD, Vue.js, HTML/CSS Name, Marke, UX/UI und Frontend für ExpertUp, einen MVP zur Vermittlung klar umrissener IT-Aufgaben. Die Erprobung machte besonders die Akquise-Herausforderung des zweiseitigen Marktplatzes sichtbar. #### Scope UX-Konzeption für Matching, Auftragsvergabe und Kommunikation Gestaltung skalierbarer UI-Komponenten und interaktiver Prototypen Entwicklung von Name, Logo und visuellem Auftritt Produktverantwortung vom MVP bis zur Umsetzung Frontend-Entwicklung mit Vue.js, HTML und CSS #### Ergebnisse Funktionaler MVP für klar umrissene IT-Aufgaben Ablauf von Anfrage, Auswahl und Kommunikation erprobt Zentrale Akquise-Herausforderung eines zweiseitigen Marktplatzes erkannt #### Kontext IT-Fachkräfte und Auftraggeber finden bei kleineren, spezialisierten Aufgaben nur schwer zueinander. Bestehende Plattformen sind entweder zu generisch oder zu komplex für kurze Einsätze. #### Rolle Die gesamte Produktentwicklung lag in unserer Hand – von der Namensfindung über UX/UI-Design und Corporate Design bis zur Frontend-Entwicklung mit Vue.js. #### Ansatz Ausgehend von einer Analyse bestehender Freelancer-Plattformen wurde ein schlanker MVP-Ansatz gewählt. UX-Flows für Matching, Auftragsvergabe und Kommunikation wurden in Adobe XD prototypisiert und iterativ validiert. Parallel wurde die Markenidentität entwickelt. #### Lösung Der MVP führt Auftraggeber von einer beschriebenen Aufgabe zu passenden Profilen und einer direkten Kommunikation. Aufträge, Status und Absprachen werden in einem gemeinsamen Ablauf gebündelt. #### Impact ExpertUp wurde als funktionaler MVP umgesetzt. Die Erprobung lieferte Hinweise auf Interesse an spezialisierter IT-Hilfe, reichte aber nicht für einen belastbaren Nachweis der Marktnachfrage; Nutzerakquise blieb der größte Engpass. #### Learnings Bei zweiseitigen Marktplätzen ist die Henne-Ei-Problematik das größte Risiko. Ein lean MVP mit schnellem Launch ist entscheidend, um die Angebots- und Nachfrageseite parallel aufzubauen und frühzeitig zu validieren. ### Clinical Site URL: https://sheydin.de/projekte/clinical-site Auftraggeber: ZKS Köln / Universitätsklinikum Köln Zeitraum: 2009-06 – 2021-12 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Usability Engineering, Anforderungsmanagement, Webdesign & Entwicklung Branchen: Healthcare & Life Sciences, Forschung & Bildung Methoden: DIN EN ISO 9241, User Centered Design, Nutzungskontextanalyse, Usability Tests, Informationsarchitektur, HTML/CSS-Prototyping Technologien: Sketch, TYPO3, HTML/CSS Langjährige UX/UI- und Usability-Arbeit an Clinical Site, dem Studiensystem des ZKS Köln. Die Anwendung organisiert Studien, Prüfzentren, Personen, Dokumente und differenzierte Zugriffsrechte. #### Scope Rollen, Aufgaben und bestehende Arbeitsabläufe analysieren Studien-, Prüfzentren- und Personenverwaltung strukturieren Zugriffsrechte für interne und externe Beteiligte konzipieren Übersichten, Formulare und Berichte gestalten Prototypen mit Anwendern testen und verbessern UI-Spezifikation und frontend-nahe Umsetzung begleiten #### Ergebnisse Gemeinsame Quelle für zentrale Studieninformationen Gezielter Zugriff für Prüfzentren, Sponsoren und Studiengruppen Vom Register zum umfassenden Studiensystem weiterentwickelt Ausgewählte Studien über öffentliche Portale auffindbar #### Kontext Das ZKS Köln benötigte eine verlässliche Übersicht über laufende klinische Studien. Prüfzentren, Sponsoren, Studiengruppen und weitere Partner arbeiteten mit gemeinsamen Daten, durften aber nicht alles sehen oder bearbeiten. #### Rolle Als UX/UI Designer, Usability Engineer und frontend-naher Entwickler waren wir für die Konzeption der Benutzeroberfläche, die Informationsarchitektur, die Spezifikation und die technische UI-Umsetzung verantwortlich. #### Ansatz Wir machten zunächst Nutzungskontexte, Zuständigkeiten und Übergaben sichtbar. Daraus entstanden Rollenmodelle und Prototypen, die in konkreten Arbeitssituationen getestet und anschließend als UI-Spezifikation und frontend-nahe Umsetzung weitergeführt wurden. #### Lösung Clinical Site bündelt Studiendatensätze, Prüfzentren, Personen, Ethikvoten, Dokumente und Berichte. Rollenbasierte Rechte steuern, wer Informationen sehen oder bearbeiten darf; öffentliche Portale zeigen freigegebene Teile des Studienportfolios. #### Impact Das System wurde am Universitätsklinikum Köln zur zentralen Quelle für Studienmetadaten ausgebaut und über mehr als ein Jahrzehnt weiterentwickelt. #### Learnings Bei Produkten mit vielen Beteiligten beginnt Verständlichkeit nicht am Interface, sondern bei klaren Rollen und Aufgaben. Nur wenn jede Partei den Nutzen der Datenpflege erkennt, bleibt eine gemeinsame Informationsquelle verlässlich. ### Hochebene URL: https://sheydin.de/projekte/hochebene Auftraggeber: Hochebene Zeitraum: 2020-08 – 2020-09 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design, Webdesign & Entwicklung Branchen: Handwerk & Interior Technologien: Adobe Illustrator, Figma Marke und Website für Hochebene, einen Anbieter maßgefertigter Hochebenen, Hochbetten und Spieletagen für Wohnungen mit hohen Decken. #### Scope Entwicklung der visuellen Identität (Logo, Typografie, Farbsystem) Gestaltung und Umsetzung der Website Darstellung des Leistungsspektrums und Referenzprojekte #### Ergebnisse Angebot und Einsatzmöglichkeiten verständlich gebündelt Durchgängiger Auftritt von Logo bis Website Weg von der Idee bis zur Montage klar dargestellt #### Kontext Ein auf Raumoptimierung spezialisiertes Unternehmen brauchte eine Markenidentität und Website, die handwerkliche Qualität und architektonischen Anspruch kommuniziert – für Kunden in Großstädten wie Köln, Düsseldorf und Berlin. #### Rolle Verantwortlich für die Entwicklung des Corporate Designs und die Gestaltung der Website. #### Ansatz Die visuelle Identität wurde minimalistisch und modern gestaltet, passend zur ästhetischen Qualität der Produkte. Die Website stellt die verschiedenen Lösungen (Hochebenen, Hochbetten, Spieletagen) klar strukturiert dar. #### Lösung Eine klare Markenidentität, die handwerkliche Präzision und architektonische Integration kommuniziert, ergänzt durch eine Website, die den gesamten Prozess von der Idee bis zur Montage abbildet. #### Impact Marke und Website geben dem jungen Angebot einen konsistenten Rahmen und machen Leistung, Referenzen und Ablauf für Interessenten nachvollziehbar. Geschäftliche Wirkungsdaten liegen uns nicht vor. #### Learnings Bei Produkten, die stark visuell wirken, ist hochwertige Fotografie der wichtigste Vertrauensfaktor. Die Website muss den handwerklichen Prozess greifbar machen. ### Packiro URL: https://sheydin.de/projekte/packiro Auftraggeber: Siegwerk Ventures Zeitraum: 2020-01 – 2020-06 Aktualisiert: 2026-07-30 Disziplinen: Corporate Design Branchen: Konsumgüter & Handel Technologien: Adobe Illustrator, Sketch Namensfindung und Corporate Design für Packiro, ein Startup für individuell bedruckte und nachhaltige Verpackungen. Die geometrische Bildmarke ist für digitale und gedruckte Anwendungen ausgelegt. #### Scope Namensfindung in Kombination mit Domain-Verfügbarkeit Exploration und Entwicklung von vier Logokonzepten Konstruktion einer geometrisch präzisen Bildmarke Wortmarkengestaltung auf Basis der Schrift Gilroy Definition des visuellen Grundsystems #### Ergebnisse Name und Zeichen aus einer gemeinsamen Markenidee Bildmarke für kleine digitale und große gedruckte Anwendungen Visuelles Grundsystem für den weiteren Markenaufbau #### Kontext Im wachsenden Markt für nachhaltige Verpackungen brauchte ein neues Startup einen Namen und eine visuelle Identität, die sich klar abhebt und Innovation kommuniziert. #### Rolle Die Verantwortung für den gesamten Markenentstehungsprozess lag bei uns – von den ersten Namensideen über die Konzeptexploration bis zur finalen Konstruktion der Bildmarke. #### Ansatz Parallel zur Namensfindung wurden vier eigenständige Designkonzepte exploriert. Jedes Konzept leitete sich aus der Kombination ikonischer Elemente des Verpackungsbereichs ab – Faltkanten, Verschlüsse, geometrische Formen. #### Lösung Die finale Bildmarke integriert mehrere Verpackungssymbole zu einem unteilbaren, geometrisch präzise konstruierten Zeichen. Die Wortmarke nutzt die Schrift Gilroy und ergänzt die Bildmarke mit ihrem geometrischen Charakter. Das visuelle Grundsystem definiert Farben, Typografie und Anwendungsregeln. #### Impact Name, Logo und Gestaltungsregeln gaben Packiro eine einheitliche Grundlage für den Markteintritt. Eine eigenständige Messung von Bekanntheit oder Wiedererkennung liegt uns nicht vor. #### Learnings Die parallele Exploration von Name und Bildmarke spart Zeit und führt zu einer stärkeren Verbindung zwischen beiden. Die geometrische Konstruktion der Bildmarke war entscheidend für ihre Reproduzierbarkeit in verschiedenen Größen und Medien. ### Visteon Digital Cockpit URL: https://sheydin.de/projekte/visteon-digital-cockpit Auftraggeber: Visteon (via Allround Team) Zeitraum: 2018-08 – 2019-02 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design Branchen: Automotive & Mobilität Beitrag: UI Co-Design Technologien: Sketch, Adobe After Effects UI Co-Design für Visteons digitales Elektrofahrzeug-Cockpit: Reiseplanung, Reichweitenwirkung, Fahrerassistenz und Head-up-Display in einem auf der CES 2019 präsentierten Konzept. #### Scope Reiseplanung für Elektrofahrzeuge Reichweitenwirkung von Fahrmodus und Komforteinstellungen sichtbar machen Vorschläge bei Routenänderungen und knapper Energie Fahrerassistenz verständlich visualisieren Sicherheitsrelevante Hinweise im Head-up-Display Begriffe und Zustände mit dem Engineering-Team abstimmen #### Ergebnisse Zusammenhängendes Konzept für Reiseplanung, Fahrerassistenz und Head-up-Display Auswirkungen von Einstellungen direkt in der Reichweite erkennbar Präsentation des Cockpit-Konzepts auf der CES 2019 #### Kontext Visteon entwickelte für die CES 2019 ein zukunftsweisendes Cockpit-Konzept, das intelligente Missionsplanung, Reichweitenmanagement und Fahrerassistenz in einem integrierten System vereint – für die nächste Generation elektrischer Fahrzeuge. #### Rolle Als UI Co-Designer gestalteten wir Reiseplanung, Fahrerassistenz und Head-up-Display gemeinsam mit Allround Team und Visteon Engineering. #### Ansatz Wir übersetzten technische Fahrzeugzustände in konkrete Entscheidungen für Fahrerinnen und Fahrer. Jede Änderung an Fahrmodus oder Komforteinstellung zeigte ihre Auswirkung auf die Route; Assistenzfunktionen wurden nach Dringlichkeit und Fahrsituation geordnet. #### Lösung Das Konzept verbindet drei Bereiche: eine Reiseplanung mit Reichweitenprognose, eine Ansicht für Fahrerassistenz und ein Head-up-Display für zeitkritische Hinweise. Termine und Routenänderungen fließen in die Empfehlungen ein. #### Impact Das Cockpit-System wurde auf der CES 2019 in Las Vegas einem internationalen Fachpublikum und potenziellen OEM-Kunden präsentiert. #### Learnings Im Fahrzeug muss eine komplexe Berechnung als schnelle Entscheidung lesbar werden. Sichtbare Folgen – etwa die veränderte Reichweite – sind verständlicher als zusätzliche technische Kennzahlen. ### FIRE-AND-FORGET URL: https://sheydin.de/projekte/fire-and-forget Auftraggeber: Köln International School of Design Zeitraum: 2015-01 – 2018-12 Aktualisiert: 2026-07-30 Disziplinen: Print, Informationsdesign Branchen: Kunst & Kultur Technologien: Adobe Illustrator, Adobe InDesign, Adobe Photoshop FIRE-AND-FORGET ist eine Informationsdesign-Publikation über Unternehmen, Exportdaten und politische Rahmenbedingungen der deutschen Waffenindustrie. Recherche und Quellen werden in Text und Datenvisualisierung zusammengeführt. #### Scope Recherche und Datenaufbereitung zur deutschen Waffenindustrie Informationsdesign und Datenvisualisierung Editorial Design und Buchgestaltung Druckvorstufe und Produktion #### Ergebnisse Komplexe Industriestrukturen durch Informationsdesign zugänglich gemacht Geschlossenes Gesamtwerk aus Infografiken, Datenvisualisierungen und Text Beleg für visuelle Verdichtung als Vermittlungsform gesellschaftlicher Themen #### Kontext Die deutsche Waffenindustrie ist ein komplexes Geflecht aus Unternehmen, Regulierung und Politik, das für die Öffentlichkeit schwer durchschaubar ist. Ziel war es, diese Strukturen durch Informationsdesign sichtbar und verständlich zu machen. #### Rolle Wir waren verantwortlich für Konzeption, Recherche, Informationsdesign und die gesamte Buchgestaltung. #### Ansatz Auf Basis umfangreicher Recherche wurden Daten zu Rüstungsexporten, Unternehmensstrukturen und politischen Zusammenhängen gesammelt und visuell aufbereitet. Die gestalterische Herausforderung lag darin, Komplexität zu reduzieren, ohne zu vereinfachen. #### Lösung Die Publikation kombiniert Infografiken, Datenvisualisierungen und erklärende Texte zu einem geschlossenen Gesamtwerk. Komplexe Zusammenhänge werden auf Doppelseiten verdichtet und visuell navigierbar gemacht. #### Impact Entstanden ist eine eigenständige, gedruckte Auseinandersetzung mit einem schwer zugänglichen Themenfeld. Eine externe Reichweiten- oder Wirkungsanalyse liegt nicht vor. #### Learnings Bei politisch sensiblen Themen müssen Quelle, Zeitraum und Unsicherheit sichtbar bleiben. Gestaltung kann Orientierung geben, darf aber eine Bewertung nicht als Tatsache erscheinen lassen. ### HIT4CLL / Semantische Datenintegration URL: https://sheydin.de/projekte/hit4cll Auftraggeber: Uniklinik Köln, AGFA, J&J Zeitraum: 2012-01 – 2012-10 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Informationsdesign, Spezifikation Branchen: Healthcare & Life Sciences, Forschung & Bildung Methoden: Prototyping UX/UI-Konzeption für HIT4CLL, einen Forschungspiloten zur Integration klinischer Krebsdaten. Die Anwendung verbindet Suche, Auswertung, Patientenverläufe und die Erschließung gescannter Befunde. #### Scope Benutzeroberfläche und Interaktionen vollständig spezifizieren Klinische Daten suchen, filtern und vergleichen Patientenverläufe und auffällige Werte visualisieren Scans und Befunde mit strukturierten Begriffen verknüpfen Herkunft und Änderungen von Daten nachvollziehbar halten #### Ergebnisse Machbarkeit der semantischen Datenintegration im Pilotprojekt nachgewiesen Ergebnisse wissenschaftlich publiziert („Semantic integration and analysis of clinical data") Vollständige Interface-Spezifikation aller Module als Umsetzungsgrundlage #### Kontext Damit unterschiedliche Krankenhäuser klinische Daten (beispielsweise aus der Onkologie) für übergeordnete Studien auswerten können, müssen diese semantisch integriert werden. Dieser „Two-Step Formalization Approach" – der Transfer von lokalen Datenbankschemata in vereinheitlichte Domänen-Ontologien – erforderte ein durchdachtes Interface, das strukturierte und unstrukturierte Daten zusammenführt. #### Rolle Verantwortlich für die komplette Interface-Spezifikation, das Informationsdesign und die UX/UI-Konzeption aller Module im interdisziplinären Partnernetzwerk. #### Ansatz Wir ordneten die Oberfläche entlang der zentralen Forschungsaufgaben: Patientengruppen finden, Werte vergleichen, Verläufe prüfen und unstrukturierte Dokumente erschließen. Für jede Ansicht wurden Verhalten und Übergaben detailliert spezifiziert. #### Lösung Das Konzept verbindet eine flexible Suche, verschiedene Auswertungen und eine detaillierte Patientenansicht. Markierte Stellen in Scans und Befunden lassen sich mit einheitlichen medizinischen Begriffen verknüpfen; ein Änderungsprotokoll erhält die Rückverfolgbarkeit. #### Impact Das Pilotprojekt bewies erfolgreich die Machbarkeit dieses zweistufigen Integrations-Ansatzes in der klinischen Praxis. Die Ergebnisse wurden wissenschaftlich im Paper "Semantic integration and analysis of clinical data" vorgestellt. #### Learnings Der Wert einheitlicher Daten hängt von ihrer Herkunft ab. Deshalb müssen Standardisierung und Rückverfolgbarkeit gemeinsam gestaltet werden – besonders wenn strukturierte Werte und historische Dokumente zusammentreffen. ### Clinical Designer URL: https://sheydin.de/projekte/clinical-designer Auftraggeber: Uniklinik Köln / Healex Zeitraum: 2011-06 – 2012-06 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Product Ownership, Dokumentation Branchen: Healthcare & Life Sciences, IT & Software Methoden: Prototyping Technologien: Figma, Sketch UX/UI und Dokumentation für den Clinical Designer der Uniklinik Köln und Healex. Fachanwender definieren damit Datenfelder, Regeln, Formulare und Erhebungszeitpunkte klinischer Studien. #### Scope Studienstruktur als bearbeitbaren Baum gestalten Datenfelder, Werte und Prüfregeln konfigurierbar machen Bausteine über Studien hinweg wiederverwenden Formulare direkt während der Modellierung prüfen Erhebungszeitpunkte und Studienphasen planen Benutzerhandbuch und technische Dokumentation verfassen #### Ergebnisse Fachliche Studienkonfiguration von Software-Releases entkoppelt Wiederverwendbare Bausteine für neue Studien Durchgängiger Ablauf von Datenmodell bis Formular Dokumentation für Fachanwender erstellt #### Kontext Damit das CDS hochflexibel für unterschiedlichste klinische Studien und Gesundheitsregister eingesetzt werden kann, bedarf es eines vorgelagerten Autorentools. Fachanwender – Datenmanager, Forscher und Projektmanager – mussten befähigt werden, hochkomplexe Datenschemata mit Items, logischen Gruppen, Datentypen und Studienphasen-Zuordnungen selbst webbasiert zu definieren. #### Rolle Verantwortlich für das komplette UX/UI-Design aller Module, das Interaction Design der Baumnavigation und Datentyp-Konfiguration sowie das Verfassen des Benutzerhandbuchs. #### Ansatz Das zentrale Designziel war, die Abstraktionsebene von Datenmodellen ins Visuelle und Greifbare zu übersetzen. Die hierarchische Baumstruktur mit Clipboard-Operationen, Keyboard-Shortcuts und Live-CRF-Vorschau ermöglicht effizientes Arbeiten. Das Datentyp-System wurde so konzipiert, dass jede Konfigurationsänderung sofort sichtbar wird. #### Lösung Ein strukturiertes Web-Interface mit fünf Kernmodulen: Projektübersicht mit Master Dictionaries, hierarchischer Modellierungsmodus mit Live-Vorschau, Verlaufs- und Ausprägungsmodus für die zeitliche Planung der Datenerhebung, CRF-Layouter für druckbare Formulare und eine Studienphasenansicht als Data Assessment Table. #### Impact Fachanwender konnten Studienstrukturen und fachliche Änderungen unabhängig vom üblichen Software-Release-Zyklus vorbereiten. Quantitative Angaben zur Zeitersparnis liegen uns nicht vor. #### Learnings Ein Autorentool braucht besonders direktes Feedback: Änderungen an abstrakten Regeln werden erst verständlich, wenn ihre Wirkung im späteren Formular sofort sichtbar ist. ### Orbit URL: https://sheydin.de/projekte/orbit Auftraggeber: Köln International School of Design Zeitraum: 2010-08 – 2011-04 Aktualisiert: 2026-07-30 Disziplinen: UX/UI Design, Product Ownership, Prototyping Branchen: IT & Software Beitrag: Produktkonzept Technologien: Sketch, Adobe After Effects Orbit ist eine Konzeptstudie für ein gebogenes digitales Display. Physische Modelle und animierte Prototypen untersuchen, wie Form, Inhalt und Bedienung zusammenspielen. #### Scope Produktkonzept für ein gebogenes Display Acryl-Modellbau: physische Prototypen zur Validierung der Formgebung Interaktionsprinzipien für nicht-planare Oberflächen UI-Design und Prototyping Visualisierung der Interaktionskonzepte mit Adobe After Effects #### Ergebnisse Vollständiges Produktkonzept von der physischen Form bis zum UI Interaktionsprinzipien für nicht-planare Displays definiert Konzept durch Acryl-Prototypen und animierte Visualisierungen erlebbar gemacht #### Kontext Herkömmliche Displays sind flach. Ein gebogenes Display verändert die Wahrnehmung von Inhalten und eröffnet neue Interaktionsmöglichkeiten – erfordert aber gleichzeitig ein Umdenken bei der Gestaltung der Benutzeroberfläche. #### Rolle Als Konzeptentwickler und Designer waren wir für die gesamte Produktkonzeption verantwortlich – von der Formfaktor-Exploration über die Interaktionsprinzipien bis zum visuellen Prototyp. #### Ansatz Ausgehend von der physischen Form wurden zunächst Acryl-Modelle gefertigt, um Kurvatur und Proportionen haptisch zu validieren. Auf dieser Basis wurden Interaktionsprinzipien entwickelt, die die gebogene Oberfläche als Gestaltungselement nutzen. After-Effects-Animationen veranschaulichten die Kerninteraktionen als bewegte Prototypen. #### Lösung Das Konzept definiert, wie Inhalte auf einer gebogenen Oberfläche organisiert, navigiert und dargestellt werden. Physische Acryl-Prototypen und animierte After-Effects-Visualisierungen machen die Interaktionsprinzipien greifbar und erlebbar. #### Impact Die Konzeptstudie machte einen damals ungewohnten Displayansatz mit physischen und animierten Prototypen diskutierbar. Eine Markteinführung oder Wirkungsmessung war nicht Teil des Projekts. #### Learnings Design für nicht-planare Oberflächen erfordert ein fundamentales Umdenken bei Layoutprinzipien und Interaktionsmodellen. Die größte Herausforderung liegt darin, die physische Form als Vorteil zu nutzen, statt sie als Einschränkung zu behandeln. ### Oskar Fischinger und Visuelle Musik URL: https://sheydin.de/projekte/oskar-fischinger-visuelle-musik Auftraggeber: Köln International School of Design Zeitraum: 2008-07 – 2008-07 Aktualisiert: 2026-07-30 Disziplinen: Informationsdesign, Recherche, Publikation Branchen: Forschung & Bildung, Kultur & Medien Beitrag: Recherche, Text, Editorial Design Methoden: Filmanalyse, Historische Recherche, Literaturrecherche Technologien: Adobe InDesign Oskar Fischinger und Visuelle Musik ist eine 55-seitige Vordiplomsarbeit von André Sheydin an der Köln International School of Design aus dem Jahr 2008. Die Publikation untersucht Fischingers abstrakte Musikfilme, Synästhesie zwischen Bild und Ton und die Entwicklung visueller Musik bis in digitale Kontexte. #### Scope Recherche zu Oskar Fischingers abstrakten Musikfilmen und ihrem historischen Kontext Analyse ausgewählter Werke wie Studie Nr. 6, Studie Nr. 7, Tönende Ornamente, Kreise und Komposition in Blau Einordnung der Begriffe Visuelle Musik, absoluter Film und Synästhesie Überblick über spätere Entwicklungen der Musikvisualisierung bis in digitale Kontexte Konzeption, Gestaltung und Satz einer 55-seitigen Publikation #### Ergebnisse Vordiplomsarbeit im Fachgebiet Audiovisuelle Medien an der Köln International School of Design Publikation als PDF frei verfügbar Thematische Grundlage für spätere Arbeiten an Informationsdesign, audiovisuellen Systemen und datengetriebener Visualisierung #### Kontext Oskar Fischinger zählt zu den wichtigen Pionieren des abstrakten Films. Seine Arbeiten verbinden Bewegung, Form, Farbe und Musik in einer Zeit, in der die technischen und ästhetischen Grundlagen audiovisueller Medien noch offen verhandelt wurden. #### Rolle Verantwortlich für Recherche, Text, Struktur, Gestaltung und Satz der Publikation im Rahmen des Vordiploms an der Köln International School of Design. #### Ansatz Die Arbeit verbindet Werkbetrachtung und Mediengeschichte: Fischingers Filme werden chronologisch untersucht und anschließend mit späteren Formen visueller Musik verglichen, von analogen Experimenten bis zu digitalen Visualisierungssystemen. #### Lösung Entstanden ist eine 55-seitige Publikation, die Fischingers Werk im Kontext von visueller Musik, abstraktem Film und digitaler Musikvisualisierung verortet. #### Impact Die als PDF verfügbare Publikation dokumentiert die Recherche und macht die 55-seitige Arbeit dauerhaft zugänglich. #### Learnings Die Verbindung von Bild und Ton ist weniger eine reine Übersetzung als ein eigenständiges mediales Verhältnis. Gerade Fischingers Arbeiten zeigen, dass visuelle Musik aus Rhythmus, Materialität, Bewegung und historischer Technik gleichermaßen entsteht. ## Kontakt Kontaktformular: https://sheydin.de/kontakt Telefon: +49 221 2592 7541 Adresse: Remagener Str. 5, 50968 Köln, Deutschland LinkedIn (Studio): https://www.linkedin.com/company/sheydinstudio/ Instagram: https://www.instagram.com/sheydin.studio/ Maschinenlesbare Entitätsdaten: https://sheydin.de/entity.json Maschinenlesbare Leistungsdaten: https://sheydin.de/services.json Maschinenlesbare Projektdaten: https://sheydin.de/projects.json --- Stand: automatisch generiert aus Produktdaten.