Unsere Arbeiten: Projekte mit gemessenen Ergebnissen

Kundenprojekt8 Leistungen, live

Nureon Connect

Problem

Ein Installationsbetrieb für Sicherheit, Telekommunikation und Technik wollte zeigen, dass er alles aus einer Hand liefert, und seine Texte selbst ändern können.

Vorgehen

Eine schnelle Website mit acht Leistungsseiten, Anruf und WhatsApp mit einem Tipp und einem Angebotsformular, das Anfragen mit Anhängen privat speichert und weiterleitet.

Ergebnis

Live auf nureonconnect.nl. Der Kunde ändert Texte und Fotos selbst über unser Kundenportal: kein Code, kein zusätzliches Login.

Technik

Next.js, TinaCMS, Vercel

Passende Leistung: Business-Website →

Website ansehen↗(öffnet in einem neuen Tab)

Eigenes Projekt3 Sprachen, Live-3D

dimensa.dev

Problem

Wir verkaufen 3D-Websites, also musste unsere eigene Website zeigen, dass 3D schnell bleiben kann, auch auf dem Smartphone und in drei Sprachen.

Vorgehen

Ein Scrollfilm mit einer 3D-Halle als Eingang. Dahinter eine Website auf Niederländisch, Deutsch und Englisch, deren Seiten alle vorab gebaut sind.

Ergebnis

Live auf dimensa.dev. Besucher sehen den Film in ihrer eigenen Sprache, und das Anfrageformular speichert Anfragen privat und leitet sie per E-Mail weiter.

Technik

Next.js, React, three.js, Vercel

Passende Leistung: 3D-Websites →

Website ansehen↗(öffnet in einem neuen Tab)

Eigenes ProjektLive auf portaal.dimensa.nl

Kundenportal

Problem

Änderungen, Dateien und Fragen zu einer Website laufen oft über einzelne E-Mails. Dabei geht etwas verloren.

Vorgehen

Ein eigenes Portal: Anmeldung über einen Link per E-Mail, und Nachrichten, Dateien und der Status der Website an einem Ort.

Ergebnis

Kunden geben Änderungen durch und teilen Dateien direkt im Portal statt per E-Mail. Auf der Seite Dashboards sehen Sie das Portal, mit Testdaten.

Technik

Next.js, Supabase, Vercel

Passende Leistung: Dashboards →

Eigenes ProjektKomplette Website, live

kinghuso.com

Problem

Eine neue Marke wollte Anmeldungen sammeln, bevor das Produkt fertig war, mit einer Website, die sofort Eindruck macht.

Vorgehen

Eine Seite mit scrollgesteuertem Video, einer Warteliste, die Anmeldungen speichert, und Besucherstatistiken.

Ergebnis

Live, mit funktionierender Warteliste und Textkontrast auf WCAG-AA-Niveau.

Technik

HTML, CSS und JavaScript, Vercel

Passende Leistung: Business-Website →

Website ansehen↗(öffnet in einem neuen Tab)

Eigenes Projekt

Video-Optimierung

Problem

Ein Scroll-Video war so schwer, dass die Seite langsam lud, vor allem im mobilen Netz.

Vorgehen

Neu codiert und Bild für Bild gemessen, bis zur kleinsten Version ohne sichtbaren Unterschied.

Ergebnis

Ein Drittel der Größe, ohne sichtbaren Qualitätsverlust (gemessen: VMAF 93,1). Wiederholte Besuche kosten jetzt etwa 13 KB.

Technik

Videocodierung und Messung mit VMAF

Passende Leistung: Interaktives Design →

Eigenes Projekt

Barrierefreiheit

Problem

Text auf dunklem Hintergrund war für viele Besucher unlesbar: ein Kontrast von 1,46:1.

Vorgehen

Jede Textfarbe gegen die WCAG-Norm nachgemessen und angepasst, ohne den Look zu verlieren.

Ergebnis

Kontrast von 4,7 bis 8,8:1. Die WCAG-AA-Norm verlangt 4,5:1, damit liegen wir deutlich darüber.

Technik

WCAG-2-Kontrastmessung

Passende Leistung: UX/UI-Design →

Eigenes Projekt

ORB Console

Problem

Zahlen, die sich täglich ändern, von Hand nachzuhalten kostet Zeit und ist fehleranfällig.

Vorgehen

Ein Dashboard, das sich aus den Daten des Tages selbst baut und danach automatisch online geht.

Ergebnis

Aktualisiert sich jeden Handelstag selbst, ohne dass sich jemand darum kümmern muss.

Technik

Python, Vercel

Passende Leistung: Reporting →