Case-study | IOLCE | Vincent Liegeois

LiegeoisVincent
Nov 4, 2018 · 4 min read

Une conférence de Simon Collison : “The internet of Natural Things”.

IOLCE : http://liegeoisvincent.be/projets/iolce/


Description du projet : Réaliser un projet «mobile first» basé une conférence.

#1 — Première étape du projet (individuelle)

Lire, écouter, comprendre la conférence, étape importante étant donné que le contenu est basé sur cette conférence. Celle-ci n’est pas facile, le conférencier s’exprime d’une façon particulière en passant d’un sujet à un autre. Heureusement, l’anglais ne me pose pas vraiment de problèmes.

#2 — Deuxième étape (en groupe) (les 2 premiers jours)

C’est durant cette deuxième étape que le travail de groupe a réellement commencé. Nous avons placé nos notes dans un google doc pour pouvoir discuter ensemble de ce qui est important ou non. La finalité de cette étape est un texte complet et structuré qui nous facilitera le travail sur la création du site.

#3 — Troisième étape (individuelle)

À partir d’ici, nous avons un texte qui nous semble bon et cohérent par rapport à la conférence, pour le contenu, c’est OK.

Cependant, cette troisième étape, je la redoutais car c’est le début de la création du design. Je suis un doublant et je sais très bien que c’est souvent la partie design qui a fortement fait pencher la balance du mauvais côté. J’ai donc énormément travaillé sur cette partie, j’ai essayé au maximum d’être juste et propre dans mon travail.

J’ai également “pris de l’avance” en créant le design desktop. Cela me permet de mieux visualiser et de préparer aussi la partie codage en plaçant des éléments en commentaire pour la suite de ce projet (c’est-à-dire la création de la version desktop).

Les couleurs

Deux nuances d’orange. Elles proviennent des nuances de l’oiseau.

#FFAB41

#a35b00

Tout le site est basé sur ses couleurs.

Typographie

Poppins pour les titres

Roboto pour les paragraphes

Ce sont des typos que j’aime beaucoup et qui sont très simples.

#4 — Dernière partie (codage)

Voici la partie que je préfère et où j’ai le plus facile.

Depuis l’an dernier, le code ne me fait plus peur et je code sans difficultés particulières.


En conclusion

Un projet que j’ai réalisé plusieurs fois mais à chaque fois avec des soucis de design, j’espère cette fois-ci, avoir créé quelque chose de cohérent et de propre. En plus de cela, j’ai essayé d’avoir un code le plus correct possible comme à chacun de mes projets.

Merci également à mon groupe pour leur travail.

Leur site :


Pour en savoir un peu plus sur ce workshop, voici 4 “interviews” d’étudiants ayant réalisé le même travail.

Antoine (2.5)

Je n’ai pas été emballé par la conférence. De plus, le groupe n’était pas au complet (3 membres), c’était ainsi plus compliqué.

Réaliser le site en mobile-first était très intéressant, plus facile pour de nouveaux étudiants qui arrivent dans le monde du Web. Je n’ai pas eu de problème pour le codage juste légèrement pour le js.

Le design ne m’a pas posé de problèmes particuliers.

Lucien Mary

J’ai bien vécu ce travail car j’ai eu un bon groupe avec une bonne ambiance. La réalisation du site en mobile first est vraiment bien, c’est beaucoup plus facile pour de nouveaux étudiants. C’est également plus facile pour des anciens car moins fastidieux et cela nous permet de voir différemment.

Aurore Guissard

Chouette, par contre le travail de groupe pour le texte et le contenu était un peu trop long. Je ne suis pas très doué en anglais mais heureusement mon groupe a su bien m’aider.

Le design n’était pas facile à trouver. Pour le code, quelques difficultés de positionnement d’images et pour le menu hamburger également.

Pour un premier site entièrement créé par moi-même, je suis contente du résultat.

Corentin (2.5)

Pour le moment, l’année se passe mieux, elle est mieux organisée.

Le mobile first est une très bonne idée, cela permet de voir la création d’un site différemment.

Hors mis les petites nouveautés, je n’ai pas rencontré de difficultés particulières, juste peut-être le js qui a toujours été un point faible chez moi. De plus, trouver un design qui fonctionne bien n’a pas été simple.

L’anglais n’est pas mon fort donc c’était relativement compliqué de bien comprendre mais mon groupe a su m’aider.

Le timing général du travail et ainsi que le Workshop était bien.

Merci.

LiegeoisVincent

Written by

Etudiant à la Haute Ecole Albert Jacquard à Namur (Belgique)

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade