You're seeing this page as if you were . The main menu is still yours, though. Exit from immersion
Fabian FrankFF

Fabian Frank

Senior · React / TypeScript / Three.js

€650/day
Kiel, DE
8-15 years

Average response time: 1 hour

About Fabian

Senior Full-Stack Developer specializing in React, TypeScript, and interactive 3D on the web (Three.js / WebGL). I build large web applications and the kind of immersive, real-time experiences that most frontend developers don't touch.
What sets me apart: before moving into web development, I worked as a mechanical development engineer (CAD with Pro/ENGINEER, CATIA, SolidWorks). That gives me a rare combination: I think in geometry, parametric models, and spatial systems, and translate that directly into performant 3D web applications, from data visualization to product configurators and WebAR/WebXR.
I help start-ups set up their development workflow and first web app, and support established companies with high-quality, maintainable software. I grasp complex problems quickly and look at them from different angles, questioning technologies rather than following hype. So I can flag uncertainties early and find the solution that best fits the use case and the resources at hand.
I integrate easily into teams, communicate clearly, and value the discussion that leads to better decisions.
  • German

    Native or bilingual

  • English

    Fluent

Can work on-site
Kiel (up to 50km)

Experience

  • Science Communication Lab
    WormBase 3D Gene Explorer
    RESEARCH
    October 2025 - December 2025 (2 months)
    Kiel, Germany
    Technical overhaul of an existing React app that visualizes gene expression data for the model organism C. elegans. For a selected gene, the app shows which cells express it, color-mapped onto an interactive 3D worm model (OpenWorm). My focus was on evolving and stabilizing the core features, improving the data pipeline, the 3D rendering, and the export tooling, while significantly increasing responsiveness through preprocessed data.

    Key responsibilities:

    3D visualization: Reworked the interactive 3D scene in React Three Fiber / Three.js, including an "explode" animation of cell groups and transparent rendering.
    Data integration: Optimized the connection to the WormBase REST API and the handling of static expression and ontology data.
    Export features: Implemented export of the visualization as GLB, transparent PNG, and CSV.
    React.js react three fiber three.js Zustand Typescript
  • Science Communication Lab
    Multimessenger Astronomy: Interactive 3D Visualization (Exhibition Version)
    RESEARCH
    August 2025 - May 2026 (9 months)
    Kiel, Germany
    Technical overhaul and extension of an existing React app powering an interactive 3D visualization of multimessenger astronomy, designed as an exhibition installation. The app renders astronomical catalogs (stars, galaxies) and cosmic events (tidal disruption events, gamma-ray bursts, supernovae, gravitational-wave mergers) as navigable point clouds in 3D space, framing them within a guided, story-based journey through the universe. My focus was on evolving the core features, optimizing performance, and stabilizing the app for continuous exhibition use, with preprocessed and compressed catalog data plus an offline-capable build that markedly improved load times and runtime stability.

    Key responsibilities:
    • 3D visualization: Reworked the interactive 3D scene, rendering large point clouds from star and galaxy catalogs, and implemented redshift representation via a custom GLSL shader, adding a central scientific feature.
    • Data pipeline: Processed and projected astronomical catalog data, converting equatorial to galactic and cartesian coordinates (RA/DEC/redshift to x/y/z).
    • CMS integration & offline build: Integrated a Directus headless CMS with build-time content export for offline exhibition operation (PWA).
    • Performance & stabilization: Optimized rendering and data handling for permanent kiosk and exhibition deployment.
    React.js react three fiber three.js WebGL
  • Science Communication Lab
    Ocean Profile MicroSite
    RESEARCH
    June 2025 - August 2025 (2 months)
    Kiel, Germany
    Development of an interactive 3D microsite visualizing an ocean depth profile. Users explore the seafloor in a real-time 3D scene and navigate via markers to individual points of interest (POIs), which reveal habitat or organism information depending on the zoom level. All content (text, media, measurement data) is managed dynamically through a headless CMS and served multilingually (DE/EN). The result is a performant, fully CMS-driven experience that stays smooth even on mobile devices thanks to an on-demand render pipeline and optimized asset delivery.

    Key responsibilities:
    • 3D visualization: Built the interactive 3D scene in React Three Fiber / Three.js, featuring seafloor terrain, water volume, particle effects, godrays, and custom GLSL shaders, with clickable POI markers and camera fly-throughs.
    • CMS integration: Integrated a Directus headless CMS via GraphQL, including a typed schema, multilingual content resolution (DE/EN), and dynamic asset handling.
    • Responsive UI & PWA: Responsive layout with tailored mobile rendering and offline capability via service worker (PWA).
    React.js three.js Typescript Directus PWA

Recommendations

Be the first to recommend Fabian

Help this freelancer shine by sharing your experience working together.

These freelancer profiles also match your criteria

AgathaA

Agatha Frydrych

Backend Java Software Engineer

4.7

(3)

2

BaptisteB

Baptiste Duhen

Fullstack developer

4.6

(4)

5

AmedA

Amed Hamou

Senior Lead Developer

4

(2)

7

AudreyA

Audrey Champion

Web developer

4.3

(3)

4

Skill set

Categories