Le projet s'est articulé en plusieurs phases complémentaires. La première étape a consisté à définir la ligne éditoriale du blog en sélectionnant des articles traitant de l'intelligence artificielle et de son impact sur le design. Cette recherche de contenu a permis de structurer l'architecture du site et d'identifier les sections nécessaires.

La conception visuelle a démarré sur Figma avec la création d'un prototype interactif. Cette phase de wireframing et de maquettage a permis de définir l'identité visuelle du blog, la hiérarchie de l'information et l'expérience de navigation. Une attention particulière a été portée à la lisibilité des contenus et à l'ergonomie de l'interface.

Une fois le prototype validé, le développement du site a été réalisé en HTML et CSS, en adoptant une approche responsive pour garantir une adaptation fluide sur tous les supports. Le code a été structuré de manière sémantique et organisée, en veillant à respecter les bonnes pratiques du développement web.

La dernière phase du projet a introduit une dimension motion design avec la création d'une introduction animée sur After Effects. Cette animation met en scène le logo du blog et constitue un élément d'identité forte, renforçant l'aspect dynamique et contemporain du site. L'animation du logo et l'intro vidéo apportent une touche professionnelle et engageante à l'expérience utilisateur.