Compétences développées

Ce projet m’a permis de renforcer mes bases en HTML/CSS, de travailler l’optimisation des ressources et l’accessibilité, et d’approfondir ma capacité à concevoir un design cohérent dans un cadre technique contraint.

STRAY KIDS – Mini-site HTML/CSS

Dans ce projet, il s’agissait de créer un mini-site vitrine statique dédié au groupe de K-pop STRAY KIDS, uniquement avec HTML et CSS, sans JavaScript. J’ai choisi ce groupe car j’apprécie leur univers et je voulais m’inspirer de leur site officiel tout en respectant des contraintes techniques précises.

Avant de commencer à coder, j’ai analysé le site officiel du groupe pour comprendre leur identité visuelle et leur mise en page. J’ai aussi défini une structure claire et optimisée, en tenant compte du poids des pages et de l’accessibilité, qui étaient des contraintes essentielles à respecter.

Le design s’appuie sur une palette de couleurs et des typographies proches de celles du groupe, avec des animations CSS pour dynamiser l’expérience utilisateur. J’ai intégré plusieurs éléments clés : un formulaire, un tableau d’informations, ainsi qu’une vidéo de présentation, pour rendre le site complet et interactif malgré son caractère statique.

Le principal défi a été de rester fidèle à l’identité visuelle tout en respectant les contraintes techniques strictes, notamment sans utiliser de JavaScript. Ce travail m’a beaucoup appris sur l’importance de la rigueur dans la structuration du code et sur l’optimisation front-end.