Case Study

Voici le case Study de iolce « Input Output, Lire et communiquer sur écran », un workshop de groupe dans le cadre de l’option DWM. Il y aura dans cet article nos méthodes de travail utilisées. Iolce consistait à retranscrire le contenu d’une conférence vidéo sur le web dans un site.

Nous avons eu la conférence de Jen Simmons “Revolutionize Your Page: Real Art Direction on the Web”.

Il y a eu plusieurs grandes étapes lors de ces semaines de travail, tout d’abord, nous avons créé le contenu du site, mais aussi de l’abstract avec quelques recherches faites sur la conférencière. Ensuite nous avons entamé la création de la charte graphique, puis la création du design et enfin l’intégration.

Création du contenu

Pour commencer, individuellement, nous avons regardé la vidéo et pris des notes. Ensuite nous avons par groupe tout rassemblé sur un google doc et nous en avons sorti un abstract. Sur l’abstract se dégageait 2 grandes parties, c’est sur celles-là que nous nous sommes basées afin de construire le plan de notre retranscription que nous avons importé sur google Sheet pour une meilleure hiérarchie.

Nous avons ensuite réfléchi ensemble aux titres que nous allions mettre dans les parties en réfléchissant à ce que la conférencière voulait dégager de plus important. Une fois le plan finalisé, nous nous sommes réparti le reste du contenu. Parallèlement à ça, nous avons cherché des photos et des illustrations que nous pouvions ajouter au texte.

Création de la charte graphique

C’est ici que le travail de groupe s’est transformé en travail individuel. Une fois notre contenu finalisé, nous avons cherché deux typographies lors d’un cours de Mr Bourgaux, avec un bon interlignage et qui marchaient ensemble, ainsi que des couleurs pour faire le design de notre page.
Sur Google fonts, j’ai trouvé les typos “Karla” et “Nunito Sans”, la première pour les titres et la seconde pour les paragraphes. Puis, j’ai fait un support sur Photoshop avant de m’attaquer au code.

Le code était la partie la plus difficile (surtout le css), et celle qui m’a pris le plus de temps, j’ai essayé d’appliquer ce que l’on a vu au cours de Front D pour faire un site qui j’espère sera satisfaisant.

Selima Malsagova, Kathleen Beyls, Gaëlle Dupuis, Hélène Goffinet, B2G1