Iolce — Case study

Voici le case Study de iolce « Input Output, Lire et Communiquer sur Écran », un workshop individuel cette fois, dans le cadre de l’option Design Web et Mobile à la Haute École Albert Jacquard. Il y aura dans cet article la méthode de travail que j’ai utilisée.

Iolce consistait à retranscrire le contenu d’une conférence vidéo dans un site web.

J’ai donc commencé par regarder la conférence de Dave Shea “A Brief History of Web Design” réalisé à Beyond Tellerrand en 2015 à Düsseldorf.

Le contenu

J’ai pris beaucoup de notes pendant cette conférence, pour avoir déjà une ébauche de plan afin de me simplifier la tâche par la suite.

Après avoir visionné la conférence et après relecture de mes notes, j’ai réalisé un plan de mon contenu sur Google Sheets. Et ensuite rempli les différentes cases en cherchant ce qui était le plus important à résumer. Autant pour le contenu global, que pour l’abstract (réalisé en anglais).

Le design

Une fois que j’avais mon contenu, il fallait bien sûr penser au design, j’ai donc ouvert photoshop avec déjà l’idée de faire mon site sous forme d’une ligne du temps. Afin d’être en raccord avec l’esprit de la conférence de Dave Shea.

En ce qui concerne les typographies, j’ai utilisé la Laila et la Raleway trouvées sur Google Fonts, la première pour les titres et la seconde pour les paragraphes.

Le code

Une fois ces éléments mis en place, il fallait s’attaquer au code. Plusieurs journées ont été nécessaires pour mettre chaque chose à sa place, retrouver après quelques semaines de repos comment jongler avec l’html et css.

Mais je suis plutôt contente du résultat, j’espère que ce sera également le cas pour d’autres !