Cet article a été traduit automatiquement pour des raisons de commodité.

Prêt à se déployer ? Design web interactif pour notre événement

Un voyage dans l’espace ? Probablement difficilement réalisable pour la plupart d’entre nous. Nous avons voulu rendre cela possible pour le spectateur, au moins sur le plan visuel – avec un site web interactif. La devise : Déployer. La terre déplie ses couches. Cependant, il ne s’agissait pas d’une leçon de géographie, mais d’un événement organisé par Cleverclip.

Qu'est-ce que Cleverclip Unfold?

Nous avons prévu quelque chose de grand pour Cleverclip. Car après une année de “stay at homes” et de lockdowns, nous souhaitons à nouveau organiser des événements communs.

Avec Cleverclip Unfold, nous voulons organiser un événement commercial de la classe extra.
L’idée : nous clarifions les sujets qui nécessitent une explication et rendons le monde de l’explication accessible à tous. La date limite : 30 septembre. 2021. Nous attendons des orateurs de haut niveau, des vidéos, des contenus interactifs, un réseautage passionnant et beaucoup de plaisir. Bien entendu, tout cela doit être communiqué au public en conséquence. Et c’est exactement la raison pour laquelle nous avons créé cette page web interactive.

Le défi

Comment pouvons-nous mettre en œuvre visuellement la devise “Unfold” ? Dans quelle mesure pouvons-nous offrir une expérience utilisateur passionnante et communiquer clairement tous les détails de l’événement ?
Quelle histoire voulons-nous raconter ? Ce ne sont là que quelques-unes des questions que nous nous sommes posées au départ.

Notre objectif était de créer une expérience visuelle et de faire nos preuves, notamment en matière de design. Lors de notre réunion commune, nous nous sommes rapidement mis d’accord sur un concept en direction de l’univers. Cependant, cela ne réglait qu’une seule question.

Nous devions réfléchir soigneusement à la manière dont nous pourrions pousser l’interactivité de ce projet avec de nouvelles idées. Mais le site ne devait pas non plus apparaître trop encombré et toutes les informations devaient être transmises clairement.
Au final, la conception visuelle a été un peu plus complexe. Les personnages animés, en particulier, peuvent rapidement paraître trop mignons. Notre objectif, cependant, était de donner à l’ensemble de la page Web un caractère fantastique plus mystérieux. Nous avons donc dû procéder à des ajustements ici, en nous éloignant de l’aspect enfantin pour nous rapprocher d’une expérience spatiale à couper le souffle.

L’aspect technique a également présenté quelques difficultés. Par exemple, il n’a pas été facile de synchroniser les éléments mobiles avec le design sonore.
De plus, un grand nombre de médias et d’effets peuvent avoir un impact négatif sur l’utilisation et augmenter les temps de chargement, par exemple. Nous devions donc nous assurer que les performances de la page ne seraient pas affectées.

La solution

Nous avons conçu l’ensemble du site comme une sorte de voyage dans l’univers, comme nous l’avions initialement prévu. Pour un effet impressionnant et réel, nous avons conservé le style 2,5D.
À l’aide d’un effet de défilement, les différentes couches de la terre s’ouvrent. Au passage, une petite leçon de géologie est intégrée.

Ensuite, l’utilisateur peut en savoir plus sur l’événement, acheter directement des billets ou simplement cliquer sur les différentes planètes dans la barre de menu. Les informations de la page sont publiées petit à petit, ce qui permet de maintenir l’enthousiasme et de faire en sorte que les visiteurs de la page Web puissent toujours s’attendre à quelque chose de nouveau.
Ainsi, une communication efficace, des réunions régulières et une équipe pleinement motivée portent leurs fruits – nous le pensons. Que pensez-vous de notre page Web ? Nous attendons vos commentaires avec impatience.

La solution

Nous avons conçu l’ensemble du site comme une sorte de voyage dans l’univers, comme nous l’avions initialement prévu. Pour un effet impressionnant et réel, nous avons conservé le style 2,5D.
À l’aide d’un effet de défilement, les différentes couches de la terre s’ouvrent. Au passage, une petite leçon de géologie est intégrée.

Ensuite, l’utilisateur peut en savoir plus sur l’événement, acheter directement des billets ou simplement cliquer sur les différentes planètes dans la barre de menu. Les informations de la page sont publiées petit à petit, ce qui permet de maintenir l’enthousiasme et de faire en sorte que les visiteurs de la page Web puissent toujours s’attendre à quelque chose de nouveau.
Ainsi, une communication efficace, des réunions régulières et une équipe pleinement motivée portent leurs fruits – nous le pensons. Que pensez-vous de notre page Web ? Nous attendons vos commentaires avec impatience.

Études de cas connexes

Spot – Le prochain niveau du cloud computing et de Cloud Hero

En savoir plus

Protéger l’environnement, sauver la terre – un projet interactif de Cleverclip

En savoir plus

Une page d’accueil interactive pour notre nouveau format de podcast.

En savoir plus