Mes réalisations
Sites web
Simpl Vintage
Projet réalisé lors de ma formation chez OpenClassrooms. Création d’un site complet avec WordPress sans utiliser de code.
L’objectif : En tant que développeur web junior au sein de l’agence Empreinte (agence spécialisée dans la conception de sites avec WordPress), le manager me confie pour mission la création d’un site simple de showroom temporaire pour une marque de vêtements d’occasion Simpl Vintage.
La mission est de créer un site selon les demandes spécifiques du client :
- Le site doit-être conforme aux wireframes des pages envoyés par le client.
- La prise en compte des spécifications fonctionnelles de chacune des pages.
- Création d’un compte dédié à une rédactrice, elle peut créer et éditer des articles mais n’a pas l’autorisation de les publier.
La réalisation du projet :
- Installation du thème Ocean WP et création du thème enfant pour développer le site.
- Utilisation du Builder page Elementor pour la création des pages.
- Utilisation des extensions: Elementor Header et Footer, All-in-One addons for Elementor et WPForm.
Chic Dressing
Projet réalisé lors de ma formation chez OpenClassrooms. Optimisation d’un site WordPress déjà existant.
L’objectif : En tant qu’intégrateur WordPress en freelance, une amie me missionne pour apporter des modifications sur le référencement et les performances ainsi que l’accessibilité de son blog de vente de vêtements et d’accessoires de luxe de seconde main.
La réalisation du projet : Après avoir effectué un audit avec Lighthouse, le site montre un score de 48%, j’ai débuté les modifications selon les étapes suivantes :
- Optimisation des images au format webp.
- Rectification de la balise du titre et introduction d’une balise méta description.
- Correction de l’arborescence des titres.
- Amélioration de la police du site ainsi les contrastes.
- Installations des extensions pour minifier les fichier CSS et JS ainsi que la mise en cache des pages pour accélérer le chargement du site.
- Installation de l’extension SEO pour le référencement.
Planty
Projet réalisé lors de ma formation chez OpenClassrooms. Personnalisation d’un thème WordPress avec HTML, CSS et PHP.
L’objectif : je suis intégrateur WordPress dans une agence web et j’ai la charge du développement du site vitrine de Planty, une jeune startup de boisson énergisantes à base de plantes.
Le site doit-être conçu afin de répondre au besoin de platy qui est de présenter son activité ainsi que d’obtenir ses premières précommandes. Leur objectif à termes est d’avoir un site e-commerce, mais ce n’est pas pour tout de suite.
Je travaille en collaboration avec Clara la cheffe de projet et de Loïc le designer UI.
La mission est de réaliser le site conformément à la maquette et aux spécifications fonctionnelles :
- Une page d’accueil statique présentant l’activité de Planty avec un bouton qui renvoie à la page « commander ».
- Une page « nous rencontrer » présentant l’équipe de la startup avec un formulaire de contact.
- Une page de commande et un formulaire de commande configuré de la même manière que le formulaire de contact.
- Un header avec le logo de Planty et un menu de navigation. L’Admin doit apparaitre sans le menu seulement lors de connexion de l’administrateur.
- Un footer avec un menu de navigation qui renvoi sur la page des mentions légales.
La réalisation du projet :
- Installation de WordPress en local et mise en place du thème Ocean WP
- Création du thème enfant, et conception du header et footer.
- Introduction d’un hook pour gérer l’affichage du menu Admin dans le header.
- Création des pages et de leurs contenus en utilisant le builder page DIVI.
- Réalisation du site dans un fichier CSS du thème.
Koukaki
Projet réalisé lors de ma formation chez OpenClassrooms. Rendre un site statique existant en un site dynamique.
L’objectif : je travaille en tant qu’intégrateur WordPress chez MyCustomiWP, une agence spécialisée dans le développement de thèmes personnalisés.
Ma mission est de dynamiser le site internet du studio Koukaki qui existe déjà en version statique
Le site existe déjà mais i est entièrement statique, je dois le rendre dynamique.
Le designer UX à crée sur Figma la maquette et le prototype pour pouvoir visualiser les animations demandés par le studio Koukaki. Il faut donc bien respecter la maquette lors de l’intégration.
La réalisation du projet : le thème utilisé est totalement personnalisé, il m’est donc demandé de travailler sur un thème enfant pour ne pas toucher au code du thème initial.
- Création du thème enfant.
- Gestion du carrousel des personnages avec Swiper JS en appliquant un effet Cover Flow et une boucle infinie.
- Création de la modale avec l’aide de JQuery.
- Mise en place des différentes sections qui apparaissent au chargement de la page avec un effet de fade-in en utilisant l’API « Intersection Observer ».
- Ajout de la nouvelle section présentant la nomination aux oscars (qui pourra être retiré plus tard).
- Mise en place de la vidéo dans le hero en background, le titre ayant un mouvement de flottement créée grâce à un effet parallax entre la vidéo et le titre géré uniquement en CSS.
- Animation des fleurs grâce au CSS
- Déplacement des nuages au scroll de la souris grâce à la librairie Skroll JS.
- Suppression du menu actuel pour créer un menu burger en fullscreen.
Ecole de tir
Projet réalisé lors de ma formation de Concepteur Designer UI chez Objectif 3W à Montpellier.
- Création des maquettes du site avec XD de la suite Adobe.
- Rédaction du cahier des charges avec INDesign de la suite Adobe.
- Modification du logo pour inscrire « école de tir » avec Illustrator de la suite Adobe.
- Mise en ligne du site.
Logothèque
