Présentation du projet #
Après avoir appris la programmation en grande partie grâce au développement web, à la fin du lycée, j’ai eu la chance de mettre en pratique mes connaissances dans un projet concret avec la réalisation du premier site internet d’une jeune association humanitaire : Fratern’ailes. Cette association a pour but de venir en aide à des écoles primaires au Congo, principalement grâce à l’achat de manuels scolaires.
Cette expérience m’a permis d’apprendre et de participer à toutes les étapes d’un projet. Tout d’abord, nous avons commencé par plusieurs réunions pour définir les besoins de l’association, le contenu du site et la charte graphique. Ensuite, j’ai débuté la conception graphique du site, cette étape a été longue mais enrichissante car j’ai un intérêt particulier pour l’UI/UX design. Cela s’est traduit par la livraison de plusieurs maquettes faites sur le logiciel Figma et des échanges fréquents avec l’association pour avoir leur retour. Les deux dernières étapes étaient, bien évidemment, le développement du site et le déploiement.
Défis techniques #
Le site étant assez simple, j’ai sélectionné des technologies légères que je maîtrisais. Côté frontend, simplement du JavaScript pur et côté backend j’ai utilisé le framework Express.js. Je n’ai pas rencontré de blocage majeur dans le développement du site même si j’ai particulièrement fait attention au responsive pour que le site s’adapte sur tous les supports ainsi qu’à l’organisation du code.
En revanche, une des parties que j’ai découvertes est le déploiement du site. En effet, j’avais rarement eu l’occasion de faire ce travail auparavant. J’ai donc appris à mettre en ligne mon site en utilisant les services et les contraintes d’un hébergeur et bien sûr la correction des bugs inattendus.
Une fois le site fonctionnel, je me suis concentré sur l’optimisation du temps de chargement. Pour cela, j’ai limité au maximum les appels à des services externes (fonts, icônes) et j’ai fait un travail important sur les images qui sont souvent les éléments les plus lourds. J’ai donc décidé d’utiliser un CDN spécialisé dans la gestion d’images qui m’a permis de délivrer les images dans la bonne résolution en fonction du périphérique et d’utiliser des formats plus légers (WEBP, AVIF).
Résultat #
La deadline avait été définie de manière assez large au début du projet mais sur la fin j’ai dû faire certaines concessions sur le projet pour le rendre dans les temps car l’association voulait que le site soit disponible avant leur départ pour un nouveau voyage humanitaire.
Pour une première expérience de développement pour une organisation, le projet est globalement une réussite et m’a permis d’acquérir de nombreuses compétences. Enfin, je continue activement de développer le site (malgré le manque de temps libre), des évolutions sont prévues pour améliorer la gestion du contenu ainsi que des nouvelles pages en fonction des besoins de l’association.
Le site est disponible à l’adresse suivante : fraternailes.org.