Iolce — Case study

Hélène Goffinet
3 min readJul 18, 2018

--

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 !

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

No responses yet

Write a response