Portfolio_SystemV.2026
Hello
000
←~/abhiraman/work/raghav-puppala
Persönliche Website2026

Raghav Puppala Portfolio

Eine neue Website für Raghav Puppala, Veteran der indischen Luftwaffe und heute Finanzberater, die mit seiner Vermögensberatung beginnt und seine drei Unternehmen vorstellt.

kunde
Raghav Puppala
meine rolle
Design & Entwicklung
jahr
2026
status
in arbeit
gebaut mitNextJSTypeScriptTailwindCSSGSAPLenis

01 die aufgabe

Eine Seite sollte seine Vermögensberatung (Geldanlage, Versicherung und Ruhestandsplanung) vorstellen und AdsXcell, SP Design Studio sowie die HridaySpandana Foundation zeigen, als Ersatz für seine bisherige Website.

02 was ich gebaut habe

Eine einzige Seite, geplant wie ein Flug: Ein Jet startet bei seinen Qualifikationen, folgt einer gestrichelten Route durch den Ablauf und landet auf einer Landebahn im Kontaktbereich. Abschnitte bleiben stehen, während sich ihr Inhalt aufbaut, die Unternehmen stapeln sich wie Blätter, und jeder Abschnitt erscheint entlang eines 45°-Schnitts.

03 funktionen

  • 01Erzählung als Flugroute, gezeichnet mit GSAP MotionPath und DrawSVG
  • 02Ein Preloader mit Landebahnlichtern, der dem echten Ladevorgang folgt
  • 03Ein Live-Sparplanrechner mit animierten Prognosen
  • 04Abschnittswechsel mit Eckschnitt und verwürfelten Überschriftkanten
  • 05Eine vollständige Variante für reduzierte Bewegung, Inhalte hängen nie von Animationen ab

04 galerie

// bilder_folgen

Bildmaterial zu diesem Projekt folgt in Kürze.