Unterwegs im Spannungs­feld Web-Entwicklung Interface-Design für ein besseres Internet für alle.

Auf der Suche nach einem erfahrenen Entwickler mit Auge fürs Detail?

Kontakt aufnehmen

Referenzen

  • Kunstmuseum Basel

    Audioguide Web-App

    Mobiler Audioguide in drei Sprachen mit Audioplayer, Offline-Funktionalität, geführten Touren, Favoriten, animierten Seitenübergängen und mehr. Alle Inhalte können in einem CMS bearbeitet werden.

    • Meine Rollen:
      • Design
      • Programmierung
    • Technologien:
      • Firebase
      • Next.js
      • CSS Modules
      • Motion.js
      • Dexie
      • TypeScript
  • Leonkoro Quartet

    Ensemble Website

    Mobile-first Künstler:innen-Portfolio in schlichten und elegantem Design mit Konzertkalender, News, Media und mehr. Viele Mikroanimationen und -interaktionen runden das Erlebnis ab. Die viersprachige Website unterstützt u.a. Japanisch.

    • Meine Rollen:
      • Konzept
      • Design
      • Programmierung
      • Projektmanagement
    • Technologien:
      • ProcessWire
      • Svelte
      • Tailwind
      • TypeScript
  • Collecto

    Content Connect

    Web App zur Verwaltung von umfangreichen Sammlungsinhalten für Museen und Privatsammler. Ermöglicht u.a. Medienmanagement (Bilder, Audio- und Videodateien), anpassbare Datenfelder, individuelle Gebäudepläne mit Standortangaben, Multi-User Accounts mit Rechtemanagement, Suche und Filter mit TypeSense. Die hinterlegten Daten werden über APIs an Web- und Flutter-Apps augespielt.

    • Meine Rollen:
      • Konzept
      • Design
      • Projektmanagement
    • Technologien:
      • Firebase
      • Next.js
      • MUI
      • TypeSense
      • TypeScript
  • Versicherung

    KI Assistent

    Responsive AI Web-App mit 3D-Avatar zur Unterstützung des Vertriebs. Mithilfe der OpenAI Assistant API wurden Produktinformationen hinterlegt, die per Sprach- und Text-UI abgefragt werden können. Die OpenAI Textantwort kann mithilfe der Azure Speech API als Sprache ausgegeben werden.

    • Meine Rollen:
      • Programmierung
    • Technologien:
      • OpenAI API
      • Azure Speech API
      • Next.js
      • Three.js
      • R3F
      • Drei
      • CSS Modules
      • TypeScript
  • Open Source

    Quadtree.ts

    NPM Packages für Quadtrees. Diese rekursive Datenstruktur vereinfacht die Ermittlung von nahegelegenen Objekten in einer 2D-Fläche, z.B. für Kollisionserkennung. Die JS-Grundversion wurde von grundauf neu in TS implementiert: modularer, mit automatischen Tests und Docs. Beide Projekte zusammen haben über 750 GitHub Stars und 4500 weekly downloads.

    • Meine Rollen:
      • Programmierung
    • Technologien:
      • Rekursiv
      • Rollup
      • Jest
      • TypeDoc
      • SemVer
      • GitHub Pages
      • TypeScript
  • Museum für Naturkunde Berlin

    Bromacker: grabungsstelle 3D

    Erkundbarer 3D-Scan der Grabungsstelle Bromacker mit verschiedenen Stationen. Transparente Kurzvideos erwecken das 3D-Modell zum Leben. Die gesamte Szene samt Kamerafahrten kann in einem webbasierten 3D-Editor bearbeitet werden. U.a. mit Static Site Generation von CMS-Inhalten mit Next.js Path Revalidation und Custom Video-Player mit mehrsprachigen Untertiteln.

    • Meine Rollen:
      • Programmierung
    • Technologien:
      • ProcessWire
      • Next.js
      • Three.js
      • R3F
      • Drei
      • Theatre.js
      • CSS Modules
      • TypeScript