02 — Étude de cas

DataPlay

Un site web sur le Titanic : quoi de mieux pour se replonger dans le passé tout en restant dans le présent ? Une expérience immersive, ludique et accessible à tous.

voir le site Dataplay
Lune

Sujet

Les survivants du Titanic

Rôle

Visuels & recherches

Équipe

Alyssa, Danica, Thomas, Élodie

Outils

Figma · GitHub · JSON

01 — Conception

Embarquez, voyez où vous allez dormir.

Nous avons emprunté plusieurs chemins avant d'arriver à ce résultat final. D'abord, nous voulions que le Titanic coule quand l'utilisateur scroll — écarté, pas vraiment pertinent.

Ensuite, un modèle en 3D — le temps était trop court. Néanmoins, nous avions trouvé l'idée d'une expérience immersive : achetez votre ticket, voyez où vous allez dormir, sur quel pont vous balader ! Et pour finir sur une note glacée : retournez votre ticket pour voir votre chance de survie.

Image du ticket du Titanic avec le résumé, nom, prénom, âge, classe et votre chance de survie.

02 — Processus créatif

Des couleurs froides, comme les icebergs.

On a choisi de se rapprocher des couleurs froides, les icebergs et l'eau gelée. Plusieurs croquis ont été réalisés pour le logo, et on a choisi quelque chose de moderne.

Il m'a fallu de la précision et de la minutie pour réaliser les plans. Un visuel du site a été construit dans Figma, simple à utiliser car nous pouvions travailler en même temps. Beaucoup de recherches pour le contenu : ça m'a permis de tout connaître sur le Titanic et d'ajuster notre base de données.

logo du projet sur le Titanic Dataplay, c'est l'avant du Titanic et l'iceberg

03 — Mise en place

Coder pour rendre le projet concret.

Nous avons codé pour rendre notre projet concret, en utilisant GitHub pour travailler simultanément. Les animations sont la base du projet pour plus d'immersion et pour garder l'attention de l'utilisateur.

Les statistiques sont basées sur un fichier JSON modifié pour coller avec les vraies statistiques. Pour la promotion, on a choisi la même idée que notre site : l'immersion. Costumes et sons d'époque, affiches et roll-up — nous avons refait vivre le Titanic.

Image du stand pour promouvoir notre projet sur le titanic

Apprentissage

S'entraider et se sentir soutenu. Ce projet nous a permis de créer un site web en équipe, d'apprendre GitHub et Figma, et de se découvrir de nouvelles passions. Surtout : bien s'amuser !