Format: One Page

Studio Koukaki

Projet : Amélioration du Site WordPress avec Animations Interactives pour un Studio d’Animation

Dans ce projet, j’ai appliqué mes connaissances en JavaScript, CSS et en bibliothèques spécialisées pour améliorer le site WordPress d’un studio d’animation. L’objectif était d’ajouter des animations interactives et dynamiques, telles que des carrousels, des effets de parallaxe, des vidéos et des effets d’apparition, selon les besoins du studio.

J’ai appris à manipuler les éléments du DOM avec JavaScript pour rendre le site plus interactif et à utiliser des animations CSS pour enrichir l’expérience utilisateur. J’ai également utilisé Sass, un préprocesseur CSS, pour structurer le code de manière efficace et facile à maintenir.

J’ai exploré des bibliothèques comme jQuery et SwiperJS pour faciliter le développement et l’intégration des animations, tout en respectant les bonnes pratiques de WordPress pour garantir une mise en œuvre propre et efficace.

Ces compétences sont essentielles pour créer des sites dynamiques et attrayants, ce qui est de plus en plus valorisé dans le développement web moderne. Elles renforcent mon profil en tant que développeur web créatif et compétent, particulièrement dans les projets où l’esthétique et l’expérience utilisateur sont prioritaires.

The Artbox

Projet : Automatisation des Pages avec PHP pour une Galerie d’Art

Dans ce projet, j’ai fait mes premiers pas avec PHP, en automatisant la création de pages pour une galerie d’art. L’objectif était d’éliminer le code dupliqué et de rendre le contenu plus dynamique et facile à maintenir. J’ai utilisé PHP pour organiser et optimiser le code, et j’ai commencé à travailler avec MAMP, un outil essentiel pour les développeurs PHP.

Ce projet a été fondamental pour améliorer ma capacité à créer des sites plus personnalisés et efficaces, élargissant les possibilités dans WordPress et me préparant à relever de nouveaux défis dans ma carrière de développeur web.

Booki

Projet : Création de la Page d’Accueil d’une Agence de Voyage

Après avoir maîtrisé les bases du HTML, dans ce projet, j’ai eu pour mission de créer la page d’accueil d’une agence de voyage en utilisant HTML et CSS.

Ma tâche principale était d’intégrer l’interface du site en suivant les maquettes fournies sur Figma pour desktop, ainsi que d’utiliser les images et une note de synthèse sur les spécificités du projet.

Ce projet m’a permis d’acquérir une compréhension plus approfondie de la manière dont le code doit être structuré et stylisé pour répondre aux exigences de design. Travailler sur ce défi m’a permis de développer des compétences essentielles en intégration, en veillant à ce que la page d’accueil respecte parfaitement le design de la maquette.

Riding Cities

Projet : Mise à jour de la Page Web d’une Association

Dans ce projet, j’ai appris les fondamentaux du langage HTML en travaillant sur la mise à jour de la page web d’une association. L’objectif principal était d’ajouter de nouveaux éléments à la page, en suivant les maquettes fournies.

Ma tâche consistait à créer une nouvelle section sur la page web, en ajoutant un titre et deux boutons pour le téléchargement de plannings. Ce projet m’a permis de me familiariser avec l’ajout et la structuration d’éléments en HTML.

Bien que le CSS ait déjà été présent dans le code, j’ai appris à adapter ces styles à la nouvelle section que j’ai créée. Cela m’a donné une bonne compréhension de la manière dont HTML et CSS travaillent ensemble pour créer des pages web fonctionnelles et visuellement attrayantes.

J’ai également utilisé Figma pour accéder aux maquettes et Visual Studio Code comme environnement de développement, ce qui m’a permis de me familiariser avec des outils essentiels du développement front-end.