02 — Étude de cas
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 DataplayLes survivants du Titanic
Visuels & recherches
Alyssa, Danica, Thomas, Élodie
Figma · GitHub · JSON
01 — Conception
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.
02 — Processus créatif
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.
03 — Mise en place
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.
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 !