Maurin Blaser

Ich baue Interfaces mit React und Next.js: Server Components statt Bundle-Ballast, gestreamtes HTML und Animationen, die nur transform und opacity anfassen.

MaurinBlaser

Historisches Luftbild über zwei Alpenseen und verschneite Berge.

Ausgewählte Arbeit

Dashboard von invoicesystem.ch mit Umsatzzahlen, Suche und einer Liste offener und überfälliger Rechnungen.

invoicesystem.ch

Eine Single-Page-App für Rechnungen, gebaut mit React, geroutet mit React Router und gebündelt mit Vite. Für Vereine, Freelancer und Privatpersonen, die keine schwere Verwaltungssoftware brauchen.

Aufgabe
Design und Entwicklung
Stack
React, React Router, Vite
Funktionen
Status-Lifecycle, CSV-Import, Rollen und Rechte, Änderungshistorie, Versand per E-Mail oder PDF
Website ansehen
Der Ablauf einer Rechnung auf invoicesystem.ch in vier Schritten: Entwurf, offen, überfällig, bezahlt.

Über mich

Ich bin Maurin, Webdesigner und Entwickler aus Unterseen. Ich denke in Komponenten: Design-Tokens als CSS Custom Properties, State dort, wo er gebraucht wird, und nur so viel Client-JavaScript wie nötig. Entwurf und Code kommen aus einer Hand, also geht zwischen Skizze und Deployment nichts verloren.

Standort
Unterseen, Berner Oberland
Arbeit
Webdesign und Web-Entwicklung
Schwerpunkt
Frontend, React-Ökosystem

Werkzeuge

  • JavaScript
  • React
  • Next.js
  • React Router
  • Vite
  • GSAP
  • WebGL / OGL
  • Three.js
  • CSS
  • Git

So startet ein Projekt

  1. Deine Idee oder dein Problem
  2. Ein kurzes Gespräch, ein klarer Scope
  3. Informations­architektur und Rendering-Strategie
  4. Design, Entwicklung und Performance-Audit

Leistungen

Websites für Firmen und Personen

Statisch vorgerendert oder serverseitig gerendert, mit semantischem HTML, strukturierten Meta-Daten und Core Web Vitals im grünen Bereich.

Landingpages

Ein Ziel, ein Call-to-Action. Selbst gehostete Schriften, responsive Bilder mit srcset und kein Layout-Shift beim Laden.

Web-Apps und Dashboards

Single-Page-Apps mit Client-Routing, validierten Formularen, durchsuchbaren Tabellen und Rollen für mehrere Nutzer.

Creative Coding

Shader mit OGL oder Three.js, Scroll-Szenen mit GSAP ScrollTrigger, immer mit Fallback für prefers-reduced-motion.

Redesigns

Zuerst das Audit: Bundle-Grösse, Rendering-Strategie, Barrierefreiheit. Dann der Umbau in Komponenten, ohne dass Inhalte verloren gehen.

Startseite von invoicesystem.ch: Rechnungen erstellen, unkompliziert und jederzeit.

Kontakt

Erzähl mir, was du vorhast. Ich melde mich per E-Mail.

Was planst du?

Ein paar Sätze reichen: Ziel, Umfang und bis wann.