Portfolio

Christophe Leroy CV

Avant-propos

Ce site a été réalisé à partir de Jekyll et du thème Minima (c'est à dire le thème par défaut de Jekyll) que j'ai entièrement remodelé en HTML, CSS et javaScript. Il regroupe divers projets auxquels j'ai pris part, que ce soit en tant que jobiste ( ) ou en tant que bénévole ( ).
Les projets sont représentés par les icônes de catégorie suivantes : Au delà des 10h maximum attribuées à chaque projet, tous ces projets équivalent en réalité à un peu plus de 450 heures de travail. Ce nombre peut paraître élevé, mais je tiens à préciser qu'il est dû au fait que certains projets sont des jobs étudiants durant un mois complet, et que le projet TEDx est un projet de bénévolat qui me sollicite constamment. Il s'agit donc d'une estimation du nombre d'heures passées à travailler pour TEDx, en tant que développeur, graphiste, ou bénévole le jour de l'évènement.

En ce qui concerne mon projet professionnel, j'aimerais m'établir en tant que développeur front-end indépendant. J'ai déjà un premier client qui attend patiemment que je sois diplômé, et qui n'est autre que mon client de TFE.

J'ai ce projet depuis ma 2e année à l'EPHEC, et ai choisi les projets auxquels je prenais part et mes jobs d'étudiants (sauf exceptions) en vue de ce projet, pour me créer un portfolio attractif et prêt à être partagés à de potentiels clients dés que possible. Cette version "EPHEC" est cependant non-exhaustive, étant donné que je n'aborde ni mon TFE, ni mon gros projet de stage, tous deux pierres angulaires de mon portfolio professionnel. Celui-ci est en construction, la version sur laquelle vous vous trouvez étant une version beta de mon site sur lequel je travaille depuis plusieurs mois, dans le peu de temps libre que je trouve.

J'ai également omis le fait que je suis actuellement une formation en ligne (via le site Udemy) sur Docker pour rattraper le retard que j'ai eu au cours d'Administration des Réseaux en deuxième Bac, cours que je dois repasser ce quadrimestre mais auquel je n'ai pas pu assister en raison de mon stage. J'ai omis cette formation car, ne l'ayant pas encore finie, je ne peux la considérer comme un travail effectué.

Bonne découverte,
Christophe

Cliquez pour
en savoir plus

Civiclabs

Civiclabs

Temps consacré au projet : 10 heures
Preuves : [1] [2]

Analyse réflexive

En parallèle à mon stage, j’ai aidé Open Knowledge Belgium (l’ASBL qui m’accueillait) à mettre sur pied un nouveau projet : Civiclabs, des ateliers citoyens, dont le premier chapitre est tenu de manière bihebdomadaire à BeCentral, un espace de travail collaboratif au dessus de la gare de Bruxelles-Centrale.

J’ai réalisé le logotype (logo typographique) du projet et ai participé au meeting de lancement en tant que bénévole. Je suis également répertorié comme co-organisateur sur le groupe MeetUp de l’initiative. J’ai de plus aidé à refaçonner un thème Bootstrap pour qu’il coïncide avec l’identité visuelle que j’ai mise en place. Enfin, je suis chargé du design des logos de plusieurs projets lancés lors de ces ateliers.

Lors du prochain rendez-vous, le 23 mai, mon co-stagiaire et moi-même y présenterons la plateforme de crowdsourcing sur laquelle nous avons travaillé durant notre stage. Ca sera un moment important pour moi, car c’est la première fois que je présenterai à des inconnus un projet de cette envergure dont j’aurai réalisé toute l’interface et la charte visuelle.

Civiclabs m’a également permis de sortir de ma zone de confort, en me retrouvant au milieu de plusieurs projets et de personnes que je ne connaissais pas. Il m’a fallu choisir sur quel projet je voudrai travailler, et me bouger pour faire connaissance et étendre mon réseau.

Présenter mon projet de stage me sera également bénéfique pour plusieurs raisons. Premièrement parce qu’il m’arrive de stresser lorsque je dois prendre la parole en public, et surtout car il s’agira d’une bonne répétition pour la présentation de mon stage devant le jury (une sorte de dry-run de présentation du projet).

Cliquez pour
en savoir plus

LeuvenLeest

LeuvenLeest

Temps consacré au projet : 10 heures (réel : 122 heures)
Preuves : [1]

Analyse réflexive

Lors de ma deuxième participation au open Summer of code en juillet 2016, j’ai rejoint l’équipe CultuurConnect, qui travaillait sur deux projets : Klijnpas, une plateforme visant à mettre en contact des babysitters et des parents, et LeuvenLeest.

LeuvenLeest est une WebApp pour mobile destinée aux lecteurs assidûs de la ville de Louvain. Elle permet de découvrir et de partager de nouveaux endroits de lecture, d’y apposer des commentaires, de renseigner sa position à ses amis et d’attribuer à chaque endroit divers caractéristiques (espace vert, café, endroit calme ou animé, possibilité ou non d’y acheter des boissons…).

J’étais développeur front-end, et ai donc été chargé avec un autre étudiant, de créer l’interface et le style de l’application sur base de maquettes réalisées par un étudiant designer.

Ce projet m’a permis d’apprendre à fonctionner en équipe, en se reposant sur les forces de chacun pour réaliser un produit fini de qualité. En effet, notre équipe était composée de 6 personnes : 2 développeurs front-end, 3 développeurs front-end et un designer, ainsi que d’une responsable communication qui se chargeait de faire des enquêtes pour mieux connaître notre public cible. Nous avions un mois pour répondre aux attentes de nos clients, et nous avions donc chacun beaucoup de travail. Il était alors essentiel de coopérer efficacement, le retard des uns pouvant provoquer du retard chez d’autres, et un problème de communication pouvant créer la confusion à travers toute l’équipe.

Il m’a également appris à écouter et interragir de manière efficace avec un client. Lors des divers réunions que nous avons eu avec les gens de chez CultuurConnect, il nous a fallu clarifier ce qu’ils désiraient, et établir un MVP réaliste pour le peu de temps que nous avions. De plus, dans les 2 premiers jours du projet, nous avions également un hackathon au bout duquel nous devions avoir un produit le plus fini possible. Le but de ce défi est d’établir très tôt le contact avec les besoins du client, et de savoir très vite si l’on va dans la bonne direction.

D’un point de vue plus technique, j’ai dû travailler avec ReactJS pour la première fois lors de ce projet. J’en ai appris énormément sur un mois en travaillant directement avec ce language, et c’est un ajout bienvenu sur mon CV.

(A l’heure où j’écris ces lignes, le serveur est malheureusement down et l’équipe n’est plus en contact avec le client, malgré qu’ils aient manifesté de l’intérêt pour que l’on continue à développer le projet.)

Cliquez pour
en savoir plus

OASIS

OASIS

Temps consacré au projet : 10 heures (réel : 20 heures)
Preuves : [1]

Analyse réflexive

Durant le premier quadrimestre, j’ai travaillé un jour par semaine pendant 5 semaines en tant que développeur front-end pour Open Knowledge Belgium sur deux projets. Le premier de ces projets est OASIS.

OASIS (Open Applications for Semantically Interoperable Services) est un projet des Universités de Gand et de Madrid visant à augmenter l’accessibilité des services publics et des transports en commun tout en prouvant la valeur économique et pratique des linked open data. Il est soutenu par la ville de Gand, la région de Madrid, le parlement européen, V-ICT-OR (l’organisation flamande en charge de l’ICT) et est coordonné par Open Knowledge Belgium. Durant les éditions 2017 et 2018 d’open Summer of code, plusieurs étudiants seront chargés de créer de nouvelles applications mobiles à partir des données ouvertes d’OASIS.

Mon travail dans ce projet était, sur base de maquettes, de remodeler un thème basique pour atteindre le résultat imaginé par le designer.

N’ayant eu que peu de temps pour travailler sur ce projet, j’ai dû apprendre à m’organiser pour ne pas me laisser dépasser par les évènements et me retrouver en retard sur mon programme.

Ce type de travail est également important pour mon avenir en tant que développeur, et surtout en tant qu’indépendant. Ce sont des projets qui, en apparence, ont l’air petits et simples, et pour lesquels les ennuis s’entassent souvent sans que l’on s’en rende compte. Développer les bons réflexes et le bon flow de travail pour accélérer certains processus et gagner du temps est donc crucial pour la carrière que je souhaite entreprendre.

Cliquez pour
en savoir plus

Open Belgium

Open Belgium

Temps consacré au projet : 10 heures (réel : 31 heures)
Preuves : [1]

Analyse réflexive

En plus d’OASIS, j’ai travaillé lors de ce premier quadrimestre sur le site de la conférence Open Belgium pour y ajouter quelques fonctions esthétiques en javascript, ainsi qu’y ajouter et styliser certains contenus.

Après ma journée de stage du vendredi qui précédait la conférence, j’ai également été aider à mettre en place l’infrastructure et la logistique à BEL Brussels.

Au delà de ça, j’ai également assisté à toutes les présentations données dans le grand auditoire le jour de la conférence, étant donné que j’y étais bénévole. J’ai eu la chance d’entendre des responsables des sociétés de transport en commun nous parler de l’ouverture des données de leurs sociétés respectives, d’y rencontrer le Vice-Premier ministre Alexandre De Croo. J’ai aussi bénéficié d’une opportunité inattendue en y rencontrant mes clients de TFE et futurs clients professionnels, qui y présentaient leur moteur de recherche sémantique.

Monter et démonter les lieux m’a permis de réaliser le travail qu’il y avait derrière tous les évènements auxquels j’ai participé. Nous avons tendance à voir le résultat fini, sans penser au travail qu’il y a derrière tout ça, et c’était très intéressant de voir l’envers du décor. De plus, étant donné que je fais partie de l’équipe organisatrice du TEDxUCLouvain, il était également intéresser d’assister et d’aider à mettre en place une autre conférence en parallèle, et de pouvoir tirer parti de mon expérience dans l’une des deux pour améliorer les résultats de l’autre, dans un sens comme dans l’autre.

Le jour de la conférence, j’y ai également vu une amie, et je me suis fait une joie de la présenter à plusieurs personnes. Elle s’était rendue à la conférence pour se renseigner sur l’Open Data dans le cadre de son stage, et j’ai donc pu lui indiquer quelles personnes pourraient être à même à répondre à ses questions. J’ai aussi servi de “brise-glace” pour qu’elle ne passe pas sa journée seule, en lui présentant des personnes que je connaissais et avec qui je savais qu’elle s’entendrait bien.

Une leçon primordiale que j’ai tiré de cette expérience est la nécessité de m’imposer dans certaines situations. Premièrement, si mon maître de stage ne m’avait pas poussé à envoyer les designs que j’ai réalisé suite à certaines présentations, je n’aurais certainement pas eu l’occasion de rencontrer mes clients de TFE. Ensuite, je me suis rendu compte au bout de la journée que je n’avais pas rencontré autant de personnes que je l’aurais souhaité, car je restais souvent en retrait dans les conversations par peur de déranger. J’aurais bénéficié d’avoir pris plus confiance et de m’engager dans la conversation.

Cliquez pour
en savoir plus

Smart Flanders

Smart Flanders

Temps consacré au projet : 10 heures (réel : 40 heures)
Preuves : [1] [2]

Analyse réflexive

Durant la deuxième semaine de Pâques, j’ai travaillé pour imec sur le site de Smart Flanders, le projet de Smart Region de la Région flamande.

Contrairement à d’autres projets où j’avais soit une liberté créative relativement étendue, ou où je travaillais avec un designer sur un projet commun, ce site réclamait que je respecte une charte d’éléments d’UX stricte. En effet, Smart Flanders étant une initiative de la Région flamande, il était obligatoire de respecter leur identité visuelle clairement définie. Mon rôle a donc été de réussir à intégrer ces éléments à un environnement Jekyll préexistant, pour faciliter l’ajout de contenu par une équipe qui n’est pas forcément composée de développeurs (Jekyll utilisant le Markdown, un langage de balisage plus simple d’accès).

Ce que ce projet m’a appris, en plus des connaissances en Liquid nécessaires à la mise en place d’un site Jekyll, c’est comment travailler avec une charte UX stricte. C’est une manière complètement différente d’aborder le développement front-end, et une situation que j’aimerais éviter le plus souvent possible à l’avenir. Ce que j’aime dans le front-end, c’est qu’il allie la logique de la programmation avec le côté créatif du graphisme et du webdesign. Devoir travailler avec une charte stricte et prédéfinie signifie qu’aucune liberté artistique n’est autorisée. Le projet était très intéressant, mais je ne pouvais pas m’empêcher de me sentir un peu restreint par ces consignes.

C’est également un élément clé de mon portfolio professionnel, car il touche une population plus grande, et qu’il a été réalisé pour un client plus “officiel” qu’un petit commerce ou une startup. Je suis assez fier de pouvoir dire que j’ai pu contribuer directement à la stratégie numérique de la Région flamande.

Pour la preuve de ma participation, je tiens à préciser deux choses :

Cliquez pour
en savoir plus

TEDxUCLouvain

TEDxUCLouvain

Temps consacré au projet : 10 heures (réel : 230 heures)
Preuves : [1]

Analyse réflexive

Enorme projet qu’est l’évènement TEDxUCLouvain.

J’ai rejoint l’équipe en octobre, sur invitation d’un ami. Les organisateurs recherchaient un graphiste et développeur pour mettre le site de l’évènement à jour, ainsi que pour en réaliser toute la charte visuelle.

Nous avions des réunions toutes les deux semaines, puis toutes les semaines durant le mois qui précédait la conférence. Au-delà de mon rôle de graphiste et de webmaster, j’ai donc pris part à tout le processus décisionnel et organisationnel. J’étais également présent le jour de l’évènement, en tant que bénévole délégué de communication sur les réseaux sociaux. J’ai donc pu assister à l’entièreté de la conférence puisque j’étais chargé de poster des citations et des photos sur Twitter, et j’ai eu la chance d’être installé droit en face de la scène, juste derrière le public.

Ce fut une expérience énormément enrichissante, et j’ai également rejoint l’équipe pour l’édition 2018 (et la suite). Les conférences TED et TEDx sont des évènements que je trouve particulièrement intéressants de par la variété de sujets et d’orateurs qu’elles proposent. Avoir pu y assister depuis l’envers du décor et voir le travail d’une année entière prendre vie était une réelle fierté. De plus, j’ai eu l’occasion de laisser libre cours à ma créativité dans la charte graphique et j’ai déjà hâte de m’occuper de celle-ci l’année prochaine. Le site web a également été un réel challenge, car mes ambitions étaient bien souvent stoppées par les limites de la plateforme utilisée (WordPress) qui, bien que très pratique pour les utilisateurs et rédacteurs, est relativement restrictive pour un développeur front-end qui a l’habitude de réaliser ses projets de 0 ou presque. Il a donc fallu que je trouve des astuces pour, par exemple, intégrer du code en javaScript.

Ce projet m’a également permis d’apprendre à mieux gérer mon temps. La charge de travail qu’il demandait m’a forcé à mieux m’organiser pour pouvoir jongler entre mon stage, mes projets personnels, ce projet et ma vie sociale. J’ai dû apprendre à faire des choix vis à vis des projets dans lesquels je souhaitais me lancer pour éviter d’être surchargé et de fournir un travail de moindre qualité, de vouloir en faire trop et de me planter.