R Rouven
Verfügbar Anfragen →
Portfolio · 2026 Gelterkinden · Basel-Landschaft · CH
13 Jahre · 5 Live-Webseiten · seit ich 7 bin am Code

Webseiten, aus der Luft gedacht.

Hi, ich bin Rouven. 13 Jahre alt, aus dem Baselbiet, und seit ich 7 bin programmiere ich. Webseiten, Apps, Automatisierungen, und filme aus der Luft.

Projekte ansehen → Kontakt ↗
Scroll
- Aus der Luft

Was die Welt von oben
so erzählt.

Drohnenaufnahmen sind nicht nur Footage für Webseiten, sie sind ein eigener Blick auf einen Ort. Ich filme für Vereine, Anlässe und Kundenprojekte, vom Baselbiet bis hoch in die Alpen.
Aerial view of Lauterbrunnen valley
i.   Lauterbrunnen-Tal Drohne · Sommer
Aerial photo of houses in Grindelwald
ii.   Grindelwald · Häuser DJI · Top-Down
Drone over snow covered houses in Hirzel
iii.   Hirzel · Winter Drohne · Schnee
Oeschinensee mountain lake near Kandersteg
iv.   Oeschinensee Bergsee · Kandersteg
Matterhorn at sunrise, Zermatt
v.   Matterhorn Zermatt · Sonnenaufgang
Schweizer Drohnen-Aufnahmen · eigene Aufnahmen von Rouven folgen
00 · Hallo

Ein 13-jähriger Maker, der lieber baut als nur klickt.

Rouven van der Veen
Rouven van der Veen Gelterkinden · Basel-Landschaft
Entwickler · Maker · Drohnenpilot

Vom Scratch-Block zum Live-Server, meine ganze Schulzeit lang habe ich nebenbei Dinge gebaut, die funktionieren sollen.

Ich habe mit sieben angefangen, kleine Spiele in Scratch zu programmieren. Seitdem hat sich der Werkzeugkasten erweitert: HTML & CSS, JavaScript, Python, ein bisschen Elektronik mit Arduino, eine Bambu Lab 3D-Druckerin für Halterungen und Prototypen, und eine Drohne, mit der ich Videos drehe.

Heute baue ich richtige Webseiten für Kunden, plane Apps, automatisiere kleine Abläufe und filme aus der Luft. Mein Vorteil: ich habe Zeit, ich habe Spass an Details, und ich breche keinen Schweiss, wenn etwas zum ersten Mal nicht funktioniert.

01 · Ausgewählte Projekte

Vom Sport-Verein zum Ferienhaus.

Zwei reale Kunden, zwei sehr verschiedene Anforderungen. Die FSG Ormalingen wollte ihre Vereinsseite selbst aktuell halten können - also habe ich Webseite und Admin-Panel gebaut. Tabea und Jeroen aus Parpan wollten ihr Ferienhaus direkt vermarkten, ohne Plattform-Provision - also habe ich alles aus ihrem Airbnb-Listing übernommen. Beide live, beide selbst gebaut, gehostet, betreut.

Live · fsg-ormalingen.ch
Case Study · Kunde

FSG Ormalingen
- ein Verein, ein Auftritt.

Komplette Vereinswebseite mit Drohnenaufnahmen im Hero, Terminkalender, Resultaten, Bilderarchiv aus fast 20 Jahren Vereinsleben und einer eigenen Foto-Galerie. Gebaut, gehostet, live, und für alle Generationen des Vereins gemacht.

HTML CSS JavaScript Drohnen-Footage SEO Hosting CH
Live ansehen → fsg-ormalingen.ch
Case Study · Custom Backend

Eigenes CMS
für den ganzen Verein.

Kein WordPress, kein Theme-Bazaar, kein Plug-in-Wirrwarr. Stattdessen ein Admin-Panel mit genau den Feldern, die der Verein wirklich braucht: Termine, Kalender, Resultate, Vereinsmeisterschaft, Vorstand, Dokumente, Gönner, Sponsoren. Anmelden, klicken, bearbeiten, sofort live.

Selbst gebaut, vom Login bis zur Datenbank. Für jeden neuen Kunden anpassbar.

Custom CMS Auth & Login API Database Admin UI Live-Sync
↳ Auch für dein Projekt anpassbar
Admin · /verwalten
Live · Direktbuchung
Case Study · Kunde

Ferienhaus Parpan
- direkt vermarktet.

Tabea und Jeroen vermieten ihre 100 m² Maisonette an der Skipiste Lenzerheide. Sie wollten eine eigene Website, mit der Gäste direkt bei ihnen buchen können, ohne Plattform-Provision. Damit sie selbst kaum etwas liefern mussten, habe ich alle Texte, Fotos und Daten direkt aus ihrem bestehenden Airbnb-Listing übernommen. Sie mussten nur «Go» sagen.

Die eigentliche Aufgabe: Doppelbuchungen verhindern. Wenn das Haus über Airbnb gebucht ist, soll es auf der eigenen Seite gesperrt sein. Lösung: Airbnb exportiert seinen Kalender als iCal-Feed, der wird in einen Google-Kalender importiert, und die Website fragt diesen Kalender live ab. Beide Plattformen synchron, eine einzige Wahrheit.

HTML CSS JavaScript Google Calendar iCal-Sync Anfrage-Formular
Live ansehen → rouven.vanderveen.ch
02 · Konzept-Studien & eigene Apps

Vier Vorschläge für lokale Geschäfte,
vier eigene Apps & Tools.

Diese vier Webseiten habe ich auf eigene Initiative für lokale Geschäfte entworfen, als kompletter Vorschlag, wie ihr Online-Auftritt aussehen könnte. Sie sind noch nicht live, sondern Konzept-Studien, die zeigen, wie ich denke, baue und gestalte.

Konzept-Studien · 4 Vorschläge

001Coiffure handwärk
Konzept · Coiffure-Salon · Liestal

Lebe deinen Stil.

Vorschlag für einen neuen Auftritt des Salons von Ilona Schaad & Lisa Sahin. Über uns, Preise nach Haarlänge, Hochzeit, Extensions, Galerie und Kontakt, ruhig und persönlich gehalten.

HTMLCSSJavaScriptEditorial
Konzept ansehen → handwärk.html
002Seit 1955 Marelli
Konzept · Reifenhandel · Gelterkinden

Familienbetrieb seit 1955.

Vorschlag für die G. Marelli AG: Pneuhandel, Karkassen, Gebrauchtpneus. Reduziert und schnell, mit Leistungen, Team, Galerie und Standort.

HTMLCSSJavaScriptSEO
Konzept ansehen → marelli-8.html
003Floristik Pasadena
Konzept · Blumengeschäft · Sissach

Wo Blumen tanzen lernen.

Vorschlag für das Atelier von Dalia Manser. Hochzeit, Trauer, Lieferung, Team, mit Anbindung an den bestehenden Webshop und einer ruhigen, editorialen Bildsprache.

HTMLCSSJSShop-Link
Konzept ansehen → /Pasadena
004Café · Bistro Trafico
Konzept · Café-Bistro · Gelterkinden

Ein Lokal im Web.

Vorschlag für den Webauftritt eines Café-Bistros, mit warmen Materialien, Speisekarte und Galerie. Die Stimmung des Lokals als Webseite, auf jedem Bildschirm gut lesbar.

HTMLCSSJavaScriptAtmosphäre
Konzept ansehen → trafico_16.html

Apps & Tools · 4 Stück

005♩ Lern-App Musik Trainer
Bildungs-App · Musik

28 Instrumente lernen.

Lern-App mit vier Modulen: Instrumente nach Klang oder Bild erkennen, Oktaven auf dem Klavier benennen, Instrumentenfamilien und wissenschaftliche Einteilung. Mit Fortschritts-Tracking.

JavaScriptAudioQuizUI
App starten → musik-lernen
006Assetto Corsa Racing Dashboard
Live-Telemetrie · Sim Racing

Vollgas, mit Daten.

Live-Dashboard für die Racing-Simulation Assetto Corsa: Speed, RPM, Turbo, Gear, Max-Speed, Temperatur und Rundenzeit, plus integrierte Spotify-Anbindung für die Musik im Cockpit.

JavaScriptTelemetrySpotify APILive
Dashboard öffnen → racing-dash
007Multiplayer · Rooms Yearbeat
Musik-Quiz · Multiplayer

Musik nach Jahr.

Ein Multiplayer-Musikspiel. Alle öffnen die Webapp, gehen in denselben Room, und raten aus welchem Jahr ein Song stammt. Am nächsten dran: 3 Punkte. Danach 2 und 1. Nach 10 Runden steht der Sieger fest. Solo oder zu mehreren spielbar. Im Hintergrund: Deezer-API über einen eigenen PHP-Proxy, damit keine Keys im Browser landen.

JavaScriptMultiplayerDeezer APIPHP
Mitspielen → yearbeat
008PWA · iPad Crazy Cart
Web-App · Touch-optimiert

Web-App, iPad-ready.

Interaktive Web-App, optimiert für Touch-Bedienung und iPad, läuft standalone wie eine native App, ohne Browser-Chrome. Vollbild, schnell, ohne Umweg über den App Store.

JavaScriptPWATouchStandalone
App öffnen → crazy-cart
03 · Was ich baue

Fünf Disziplinen, ein Werkstattgefühl.

/01⌘

Webseiten, die laden

Schnelle, saubere Webseiten für Vereine, Kleinunternehmen und Projekte. Klare Struktur, gut auf dem Handy, ohne unnötiges Schnickschnack.

  • HTML
  • CSS
  • JavaScript
  • Hosting
  • SEO
/02✱

Apps & eigene CMS

Web-Apps, Mini-Tools und eigene Content-Management-Systeme, mit denen du deine Webseite selbst pflegst, ohne WordPress-Wirrwarr, mit nur den Feldern, die du wirklich brauchst.

  • JavaScript
  • Python
  • UI
  • Backend
  • Auth
/03◉

Drohnen-videos

Luftaufnahmen für Anlässe, Vereine und Webseiten. Vom Rohmaterial bis zum geschnittenen Clip, der gut zum Auftritt passt.

  • Drohne
  • Cut
  • Color
  • Export
/04↻

Automatisierung

Skripte und Abläufe, die wiederkehrende Aufgaben für dich erledigen. Dateien sortieren, Daten ziehen, Termine zusammenstellen.

  • Python
  • Scripts
  • APIs
  • Cron
/05⊕

3D-Druck & Elektronik

Eigene Bambu Lab 3D-Druckerin der Werkstatt: Gehäuse, Halterungen, Prototypen. Dazu Arduino-Projekte mit LED-Anzeigen, Sensoren und Steuerungen. Da, wo Software auf etwas Echtes trifft.

  • Bambu Lab
  • Arduino
  • Sensoren
  • Löten
  • Prototyping
/06∞

Dein Projekt?

Etwas, das hier nicht steht, aber sich nach Code, Technik oder einer Mischung anfühlt? Schreib mir, ich mag genau solche Sachen.

  • Schreib an
  • rouven
  • @
  • ...
04 · In der Werkstatt

Wo Software auf Hardware trifft.

Ein 3D-gedruckter Iron Man Mark 50 Helm. Auf der Bambu Lab gedruckt, von Hand lackiert mit Weathering-Lagen, und gerade dabei, mit Servomotoren, LEDs und einem eigenen Mikrocontroller zum Leben erweckt zu werden. Code, der etwas in der echten Welt bewegt.

Mark 50 — der Moment, wo es lebt.

Visier auf, Visier zu. Servomotoren reagieren auf den Handcontroller, blaue LED-Augen leuchten, Mikrocontroller schaltet im Hintergrund. So sieht es aus, wenn ein 3D-Druck mit eigenem Code zum Tragen geht.

Bambu Lab Servomotor LED Mikrocontroller Lackiert

Behind the scenes · 3 Bilder

Iron Man Mark 50 Helm auf der Werkbank
i.   Mark 50 Helm 3D-Druck · Lack
Rouven beim Löten an der Helm-Elektronik
ii.   Löten · Konzentration Bambu Lab + Elektronik
Verkabelung der Helm-Elektronik
iii.   Verkabeln Servo · LED
05 · Der Weg

Von Scratch-Blöcken zu echten Auftraggebern.

20197 Jahre alt

Erstes Spiel: Flappy Bird in Scratch.

Bunte Blöcke, ein Vogel, der durch Röhren fliegt. Selbst gebaut, selbst gespielt, selbst weiterprogrammiert. Reicht, um angefressen zu sein.

20219 Jahre alt

HTML & CSS entdeckt.

Erste eigene Seite. Hässlich, aber meine. Das Internet wird begehbar.

202311 Jahre alt

JavaScript & erste kleine Apps.

Logik, Buttons, Funktionen. Aus Seiten werden Werkzeuge.

202412 Jahre alt

Drohne & Luftaufnahmen.

Filmen, schneiden, in Webseiten einbauen. Die Welt von oben.

202512 Jahre alt

Erste Kunden­webseite live, mit eigenem CMS.

fsg-ormalingen.ch geht online. Komplettes Vereinsangebot mit Drohnenmaterial, Resultaten und Archiv, plus ein selbstgebautes Admin-Panel.

Anfang 202613 Jahre alt

Vier Konzept-Studien für lokale Geschäfte.

Auf eigene Initiative entstehen vier vollständige Webseiten-Vorschläge: handwärk (Liestal), Marelli (Gelterkinden), Pasadena (Sissach) und Trafico (Gelterkinden). Parallel dazu vier eigene Apps und Tools. Aus Hobby wird Portfolio.

Frühjahr 202613 Jahre alt

Zweiter Kunden-Auftrag: Ferienhaus Parpan.

Tabea und Jeroen wollen einen eigenen Direktbuchungs-Auftritt für ihre Maisonette in den Bergen. Daten, Texte und Fotos kommen direkt aus dem Airbnb-Listing, Doppelbuchungen verhindere ich mit einem iCal-Sync über Google Calendar. Die Seite geht live, vorerst gehostet auf rouven.vanderveen.ch, bis das eigene Domain bestätigt ist.

Heute13 Jahre alt

Nimmt Aufträge an.

Webseiten, Apps, Automatisierung, Drohnenvideos. Sprich mich an, wenn du etwas im Kopf hast.

06 · Werkzeugkasten

Was bei mir auf der Werkbank liegt.

Ich wähle Werkzeug nach Aufgabe, nicht nach Mode.

Für Webseiten meistens schlankes HTML, CSS und JavaScript, sauber, schnell, ohne 30 Megabyte JavaScript. Für Logik und Automatisierung gerne Python. Für Hardware Arduino. Für Bewegtbild die Drohne und ein Schnittprogramm. Wenn etwas Neues passt, lerne ich es dazu.

rouven@workshop
// stack.json
{
  "languages": ["JavaScript", "HTML", "CSS", "Python"],
  "hardware": ["Arduino", "Sensoren", "Bambu Lab 3D"],
  "video": ["DJI Drone", "Video-Cut"],
  "tools": ["Git", "VS Code", "Terminal"],
  "hosting": "CH-Server, eigene Domains",
  "learning": "jeden Tag etwas"
}

→ bereit für dein Projekt
07 · Mein erstes Spiel

Probier das Spiel, das alles angefangen hat.

Mit sieben Jahren mein erstes echtes Spiel.

Flappy Bird in Scratch nachgebaut. Eine Schleife, etwas das fällt, eine Taste, ein Punktezähler. Damals habe ich gelernt, wie ein Spiel von innen denkt.

Was ein Spiel braucht

  • Eine Game-Loop mit Frames
  • Gravitation, die nach unten zieht
  • Eine Taste, die nach oben schubst
  • Kollisionen prüfen, Vogel gegen Pipe
  • Punkte zählen, das Beste speichern

Das Werkzeug ist heute ein anderes. Die Logik dieselbe.

R Flappy Bird · von Rouven, 7 Jahre Scratch · 2019
Spatie / Klick / Tap Best: 0
Lass uns reden

Hast du
eine Idee?

Webseite, App, ein Video aus der Luft oder etwas, das niemand sonst bauen will, schreib mir kurz, was du im Kopf hast. Ich antworte ehrlich, ob ich der Richtige dafür bin.

rouvenvanderveen@gmail.com  ↗
Standort · Gelterkinden, Basel-Landschaft, CH Sprache · DE · EN Antwortzeit · meist < 24h