Origin Design

Real Holding Group

Six métiers, une seule histoire en mouvement.

Real Holding Group est une holding privée qui organise du capital en réserves, métaux, actifs numériques, actions et opportunités sélectionnées. Nous avons entièrement renouvelé son identité et construit un site qui explique son modèle par des transitions, ainsi qu’un espace privé pour ses clients.

Défi

Le point de départ était une landing page basique. Le groupe avait besoin d’une présence professionnelle à la hauteur de sa proposition, d’une façon claire d’expliquer six métiers différents et d’un espace privé où chaque client consulte ses projets.

Solution

Une nouvelle identité et un site où le défilement raconte l’activité du début à la fin.

  • Identité renouvelée

    Le monogramme RHG et son point signal, une palette charbon et cognac, et Inter sur chaque support.

  • Une scène par métier

    La roche qui devient or, les pièces numériques, la puce, le coffre-fort, le taureau et le système 360 : chaque métier a sa transition.

  • Marchés et blog

    Des cotations de référence et un blog économique dans la même identité.

  • Espace privé

    Accès sur invitation uniquement ; chaque client consulte ses projets, ses documents et l’évolution de son investissement.

Expérience

  • Transitions du modèle

    Le coffre-fort de Real Reserve et le taureau de Real Equities : chaque scène présente un métier avec son propre langage visuel.

  • Espace privé

    Tableau de bord client et détail d’un investissement. Ces captures sont une démonstration : entreprise, chiffres et cotation sont fictifs.

Résultat

Le site est en ligne sur realholdinggroup.com, en espagnol et en anglais. L’espace privé est terminé et traverse une période de test, avec un accès sur invitation.

Comment il est construit

  • HTML, CSS et JavaScript sans framework: Maîtrise totale de chaque transition et de son poids.
  • GSAP et ScrollTrigger: Des scènes liées au défilement.
  • Canvas 2D et Web Workers: Particules et effets sans bloquer la page.
  • Netlify et une fonction dédiée: Hébergement du site et données de marché de référence.
  • Supabase: Accès sur invitation et données de l’espace privé.

Visiter le site

Retour aux projets