Vinylinator

Contexte

J’ai conçu et développé Vinylinator en autonomie : une application web qui permet de générer un visuel de vinyle personnalisé à partir d’une playlist Spotify. Couleurs, titres, artistes — tout s’adapte dynamiquement. Ce projet illustre pleinement l’AC24.01 — maquetter et développer un site web dans sa globalité : de la conception de l’identité visuelle à l’intégration technique sous WordPress avec le thème Hello Elementor modifié manuellement en CSS.

Développement

Le site est entièrement responsive, testé sur navigateurs et simulateurs mobiles — à un bémol près : une mauvaise gestion du responsive dans la section blog, que j’ai détectée tardivement par négligence de test. La navigation est fluide et les visuels ont été compressés pour garantir un bon temps de chargement. J’ai intégré Wordfence pour la sécurité du site contre les intrusions et les attaques brute-force.

SEO & Performance

L’AC24.05 — optimiser le référencement et les performances est au cœur de la deuxième phase : utilisation de Yoast SEO pour structurer les titres, balises et méta-descriptions, optimisation des balises ALT et des slugs, réduction du poids des images via TinyPNG, et limitation des extensions tierces pour améliorer la vitesse de chargement. J’ai également mis en place une hiérarchie HTML cohérente (H1 · H2 · H3) pour favoriser le crawl des moteurs de recherche.

Bilan

Ce projet m’a permis de maîtriser le développement d’un site complet sur les plans visuel, technique et stratégique. Mon principal apprentissage : le responsive doit être vérifié à chaque étape, pas seulement à la fin. Si c’était à refaire, j’implémenterais des extensions de cache et de lazy loading dès le début, et je validerais le responsive sur chaque page avant de passer à la suivante.