Origin Design

Real Holding Group

Sechs Geschäftsbereiche, eine Geschichte in Bewegung.

Real Holding Group ist eine private Holding, die Kapital in Reserven, Metallen, digitalen Vermögenswerten, Aktien und ausgewählten Chancen organisiert. Wir haben ihre Identität vollständig erneuert und eine Website gebaut, die ihr Geschäftsmodell über Übergänge erklärt, dazu einen privaten Bereich für ihre Kundinnen und Kunden.

Herausforderung

Ausgangspunkt war eine einfache Landingpage. Die Gruppe brauchte einen professionellen Auftritt, der ihrem Angebot gerecht wird, eine klare Erklärung von sechs unterschiedlichen Geschäftsbereichen und einen privaten Bereich, in dem jeder Kunde seine Projekte einsehen kann.

Lösung

Eine neue Identität und eine Website, auf der das Scrollen das Geschäft von Anfang bis Ende erzählt.

  • Erneuerte Identität

    Das RHG-Monogramm mit seinem Signalpunkt, eine Palette aus Anthrazit und Cognac und Inter in allen Anwendungen.

  • Eine Szene pro Bereich

    Ein Fels, der zu Gold wird, digitale Münzen, ein Chip, ein Tresor, ein Stier und das 360-System: Jeder Geschäftsbereich hat seinen eigenen Übergang.

  • Märkte und Blog

    Referenzkurse und ein Wirtschaftsblog in derselben Identität.

  • Privater Bereich

    Zugang nur auf Einladung; jeder Kunde sieht seine Projekte, Dokumente und die Entwicklung seiner Investition.

Erlebnis

  • Übergänge des Modells

    Der Tresor von Real Reserve und der Stier von Real Equities: Jede Szene stellt einen Bereich in eigener Bildsprache vor.

  • Privater Bereich

    Kunden-Dashboard und Detailansicht einer Investition. Die Screenshots sind eine Demo: Unternehmen, Zahlen und Kurs sind fiktiv.

Ergebnis

Die Website ist unter realholdinggroup.com online, auf Spanisch und Englisch. Der private Bereich ist fertig und befindet sich in einer Testphase, mit Zugang nur auf Einladung.

So ist sie gebaut

  • HTML, CSS und JavaScript ohne Framework: Volle Kontrolle über jeden Übergang und sein Gewicht.
  • GSAP und ScrollTrigger: Szenen, die an das Scrollen gekoppelt sind.
  • Canvas 2D und Web Workers: Partikel und Effekte, ohne die Seite zu blockieren.
  • Netlify und eine eigene Funktion: Hosting der Website und Referenz-Marktdaten.
  • Supabase: Zugang auf Einladung und Daten des privaten Bereichs.

Website besuchen

Zurück zu den Projekten