UI Design

Hyperloop

Un design challenge de Cacatoes Theory

Hyperloop, bienvenue dans le futur

Ce projet m’a tellement motivée et inspirée ! C’était un défi du Cacatoes Challenge organisé par The Cacatoes Theory – le site des UI francophones. Et c’est super parce que vous n’avez pas besoin de vous creuser les méninges pour savoir ce que vous allez pouvoir créer comme maquette : un thème est imposé tous les mois et les contributeurs partagent leur travail sur un channel Slack.

Outils utilisés : Figma, After Effect, Illustrator

C’était le premier Cacatoès Challenge auquel je participais. Le sujet était le suivant :

Mai 2041, fini le train ou l’avion. L’Hyperloop est devenu le moyen de transport indispensable pour voyager sur de longues distances. Le réseau d’Hyperloop a pris de l’ampleur en France et il sera bientôt possible de l’utiliser dans des dizaines de villes pour traverser le pays en dizaines de minutes. Vous êtes sélectionné pour rejoindre leur équipe de designers. À vous de concevoir les interfaces présentes dans les Hyperloop et sur les quais.Votre prototype comprendra au moins ces écrans :

Liste des arrêts à l’intérieur de l’Hyperloop

Écrans d’informations à l’intérieur du train (prochain arrêt, météo, perturbations ….)

Les écrans sur les quais (arrivée du train, composition …)
N’hésitez pas à en designer d’autres si vous le souhaitez !

Support :
– Liste des arrêts : format paysage, 2000X480px
– Écrans infos : 1920×1080
– Écrans sur les quais : 1920×1280

Le storytelling ou "design fiction"

Comme le sujet m’a beaucoup inspirée, j’ai créé – en plus des maquettes – un storytelling entier, une « histoire ».

2041, planète Terre.
Bienvenue dans le monde « d’encore après ».
La crise sanitaire de 2020/2021 n’a été que le début du changement de paradigme chez les humains.
La Nature avait le pouvoir et elle commençait à nous le faire comprendre : l’épidémie de Covid-19 fut la première étape. La deuxième fut cette terrible montée des eaux, réchauffement climatique oblige. Les côtes du monde entier furent submergées, ce qui entraîna des millions de déplacés et des milliers de morts. Famine, conflits, températures difficilement supportables, la Terre était devenue un tombeau pour l’humanité.

Le coup de grâce fut la guerre contre la galaxie M83. Jusqu’en 2033 l’Homme n’avait que des hypothèses concernant la vie sur d’autres planètes. Mais 2034 apporta une réponse que personne n’imaginait. Le réchauffement climatique qui avait entraîné le chaos sur Terre donna des envies d’ailleurs à certains Etats. Une équipe internationale fût envoyée pour explorer de nouvelles galaxies pour voir si l’une d’elle était viable. Pour ce faire, une capsule fut envoyée dans l’immensité de l’Espace. Une équipe de dix meilleurs scientifiques venus des quatre coins du monde se retrouva pour sauver ce qui nous restait d’humanité.

A cause de la poussière stellaire, la navette eut une avarie en visitant la galaxie M81 : plus assez d’énergie pour redémarrer l’engin ni pour passer une communication en direction de la planète bleue. Sans nouvelle de la part des astronautes internationaux, le monde entier cru que la navette était devenue leur sépulture. Un an plus tard, un signal de détresse de leur part est capté : « sommes détenus sur dans la Galaxie M81, demande aide internationale ». Une « supra armée galactique » et une équipe d’astronomes chevronnés furent envoyées. Sur Terre, personne n’imaginait ce qu’elles allaient rencontrer là-bas !

Des êtres terriblement intelligents et incroyablement avancés en matière de défense. Cela déboucha sur deux années de guerre intergalactique. Les pertes humaines et extra-terrestres furent grandes mais l’armistice déboucha sur une incroyable collaboration et mise en commun des technologies.

Un gouvernement fut créé : les terriens comme les extra-terrestres furent représentés, un système de traduction instantané fut mis au point pour que tout le monde puisse se faire comprendre ; l’apprentissage de la langue de la Galaxie M81 fut obligatoire dans les écoles terriennes et toutes nos langues furent intégrées dans les cerveaux quantiques des habitant de M81 et transmises génétiquement aux générations suivantes.

Pour sceller cette nouvelle amitié et facilter les échanges entre peuples, Thomas Pesquet et Axena Zouip, respectivement Ministre des Transports physiques terriens et Ministre des Transports temporels de M8, mirent en place un plan de transports interstellaires. Cette création d’un supra moyen de transport fut un pas immense dans la collaboration entre les deux peuples et chargée de sens puis les deux ministres à l’origine de cette collaboration avaient été faits Supra-chevaliers de la Légion d’Honneur pour leur rôle dans la signature de l’armistice entre la Terre et la Galaxie M81. La Terre et la Galaxie M81 ne connaitraient plus de guerre fratricide.

Pour rendre ce projet de transports interstellaires viable, la technologie développée par les entreprises Hyperloop (technologie open source et collaborative) et la technologie de voyage temporels de la galaxie M81 mise au point par les entreprises Zergonium furent associées pour développer le voyage intergalactique Hyperloop comme nous le connaissons en 2041 : des lignes intergalactiques et des sous-réseaux au sein de la galaxie M81 mais aussi sur Terre, entre pays. Enfin, un maillage plus petit irrigue chaque pays. Par exemple, en France, la ligne Alpha dessert en boucle du Nord au Sud : Paris, Brest, Nantes, Bordeaux, Toulouse, Marseille, Bastia, Lyon, Strasbourg et Lille. Les correspondances entre les villes plus petites sont assurées par le train, vestige du monde « d’encore-avant » (celui d’avant Covid-19, qui lui n’est que le monde « d’avant ».).

Petit zoom sur la ligne Alpha…

Le détail de la ligne Alpha

Parcours de la liigne Alpha et arrêts desservis par les autres lignes d'Hyperloop

Répartition du train - Disponible sur un écran sur le quai de la gare
Les écrans de l'application Hyperloop

Et voilà, le voyage en 2041 est terminé ! J’espère qu’il vous aura plu 🙂

L'exercice du design fiction (ou storytelling) est très intéressant et il montre à quel point l'utilisateur peut être transporté dans un autre univers que le sien.

Et c'est un outil très puissant à utiliser quand vous le transposez à votre marque/produit.

Si vous voulez aller voir la review qu'avait fait Romain Dao, c'est ici que ça se passe

À bientôt pour de nouvelles aventures !

Portfolio