Concernant la partie design, nous avons décidé de faire une réunion en début de semaine pour pouvoir se mettre d’accord sur la direction artistique finale que l’on allait choisir. Étant donné que 3 d’entre nous avaient fait des essais d’UI-kit, il fallait que l’on prenne le meilleur de chacun pour constituer la suite.

Durant cette réunion, nous nous sommes alors mis d’accord sur plusieurs points :

comparaison des versions de l'UI-kit.png

Après avoir défini les éléments de l’UI-kit, et avant de nous lancer dans les prototypes, nous avons défini le texte qui allait figurer sur la landing page.

Après avoir mis tout ça à plat, il était temps de nous lancer dans les prototypes de la landing page. Nous avons repris la même façon de travailler que pour l’étape précédente : plusieurs d’entre nous font des tests de landing page (incluant les hiérarchies et les grilles), afin d’avoir plus d’idées et de ressortir le meilleur d’entre elles. À savoir que pour la direction artistique générale de notre landing page, nous avions décidé de prendre pour exemple le site de Stardew Valley, qui propose une navigation sur base de parallaxe ; le début de la page présente le design du jeu, et lorsque l’on scroll, le design devient plus épuré pour laisser place aux explications.

Nous nous étions mis d’accord sur le fait que l’on présenterait en premier l’extérieur du musée. Et à partir de là, chacun partait sur un design qu’il avait imaginé pour la suite de la landing. L’un des designs proposés était le suivant, sur lequel la section “équipe” se faisait en scroll horizontal (imaginé comme ça pour donner la sensation que l’on marche dans le musée). Le reste cette landing étant basée sur l’identité visuelle établie auparavant.

Untitled

Pour la version finale, nous avons repris le système de la section “notre équipe” de la précédente et nous sommes partis, pour le reste, sur une autre proposition. Voici ce que donne le prototype final (version desktop / version mobile) :

Capture d’écran 2022-10-16 à 20.59.45.png