Website-Design mit three.js optimieren

Ich betreibe die Seite https://raising-standards.ch/, bei der bereits ein interaktives three.js-Element das Herzstück bildet. Das Grundgerüst steht, doch das visuelle Design braucht Feinschliff.

Was mir wichtig ist
• Hauptfokus: ein klarer, moderner Look.
• Verbesserungen speziell bei Schriftarten und Layout.
• Ich bin offen für Vorschläge – bitte bringen Sie eigene Font-Ideen mit, gerne als mehrere harmonierende Paare.

Ihre Aufgabe
1. Kurzen Audit der bestehenden Seitenstruktur, um visuelle Schwachstellen zu dokumentieren.
2. Entwicklung eines konsistenten Typografie-Konzepts (inkl. Web-Fonts, Fallbacks, Lizenzangaben).
3. Überarbeitung des Seitenlayouts: Abstände, Grid, Responsive-Breakpoints, sowie Feinabstimmung der three.js-Fläche, damit Inhalt und 3D-Szene optisch verschmelzen.
4. Implementation direkt im bestehenden Code-Repository (HTML/CSS/JS); Performance und Barrierefreiheit dürfen dabei nicht leiden.
5. Übergabe eines kompakten Style-Guides samt Quelldateien und kurzer Dokumentation der gemachten Änderungen.

Akzeptanzkriterien
• Einheitliche Typografie in allen Viewports.
• Sauberer, nachvollziehbarer CSS-Aufbau.
• Keine Layout-Shifts oder FPS-Einbrüche durch die three.js-Scene.
• Page-Speed mindestens auf aktuellem Niveau.

Wenn Sie Erfahrung mit three.js-Frontends haben, Sinn für Details im Screendesign mitbringen und Freude daran haben, Schrift und Layout perfekt aufeinander abzustimmen, freue ich mich auf Ihre Nachricht samt Arbeitsbeispielen.