Voici mon tout premier projet WordPress, réalisé avec le thème Divi, dans le cadre de mon cours d’intégration. Cette landing page, conçue pour promouvoir la formation Lancement d’une entreprise, se distingue par son design moderne, responsive et bien structuré.

Le projet comprend 8 sections :

1. Un titre accrocheur pour capter l’attention.
2. Une description ciblée précisant à qui s’adresse la formation.
3. Une présentation détaillée du programme et des cours inclus.
4. Des puces mettant en avant les promesses de la formation.
5. Une description du produit avec ses caractéristiques principales.
6. Des bonus exclusifs pour inciter à l’inscription.
7. Les étapes simples pour s’inscrire.
8. Des témoignages convaincants pour renforcer la crédibilité.

Ce travail m’a permis d’acquérir des compétences clés en intégration, design et structuration de contenu pour des projets WordPress professionnels.

Dans le cadre de mon cours d’intégration, j’ai réalisé un site web complet répondant aux exigences d’un projet professionnel. Mon site projet.assyalakehal.ca combine esthétique, fonctionnalité et contenu pertinent.

Le mandat consistait à créer un site vitrine incluant 5 pages statiques : Accueil, Services, Portfolio, À propos, et Contact, avec une navigation fluide et une charte graphique harmonieuse. Une section blog de 10 articles répartis en 3 catégories a également été intégrée, avec des images pertinentes et une navigation intuitive.

Le site a été développé en utilisant WordPress et le Divi Theme, offrant une mise en page moderne et une expérience utilisateur optimisée. Ce projet m’a permis de renforcer mes compétences en intégration, design responsive, et gestion de contenu. Explorez mon travail pour découvrir une approche réfléchie et professionnelle.

Présentation de mon premier site réalisé en HTML/CSS

Dans le cadre de mes études, j’ai conçu et développé mon premier site web en utilisant exclusivement HTML et CSS. Ce projet avait pour objectif de réaliser un gabarit complet et fonctionnel de 7 pages

Le site inclut :

• Une structure claire et responsive adaptée aux écrans desktop et mobiles.
• Des pages variées telles qu’Accueil, À propos, Portfolio, Services, Témoignages et Contact.
• Un menu et un pied de page uniformes pour une navigation fluide et intuitive.

Ce projet marque une étape importante dans mon apprentissage des bases du développement web.

Présentation de ma première maquette réalisée avec Adobe XD

Dans le cadre de mes études, j’ai conçu ma première maquette interactive en utilisant Adobe XD. Ce projet visait à créer un prototype professionnel de site web pour un client (Yamaha) dans le secteur des véhicules récréatifs.

Le projet se divise en deux étapes :

• Wireframes : Création de 10 maquettes structurées, comprenant une page d’accueil, des sections produits, et un outil de localisation de concessionnaires.
• Prototype : Développement de 15 maquettes finales interactives, intégrant des éléments visuels professionnels, des déclencheurs fonctionnels, et une navigation intuitive.

Ce projet m’a permis d’explorer les principes fondamentaux du design UX/UI tout en respectant les exigences professionnelles.

Dans le cadre de mes études, j’ai réalisé la refonte complète d’un site web en maquettes mobiles interactives. Ce projet, désormais terminé, met en valeur mes compétences en ergonomie, design visuel et navigation intuitive.

Le mandat comprenait :

• Arborescence : Une nouvelle structure logique et claire pour le site.
• Wireframe : Un fil de fer de la page d’accueil, conçu selon un format mobile optimisé (428px de large, 5000px de hauteur minimum).
• Maquettes visuelles : Production de 25 pages finales intégrant les principes d’identité visuelle, palette de couleurs, et typographie appropriées.

Ce projet témoigne de ma progression dans le design UX/UI et de ma capacité à livrer des maquettes professionnelles respectant à la fois les exigences du client et les standards actuels du web.

Dans le cadre de mon projet d’intégration web, j’ai conçu l’univers graphique complet d’un site de présentation de films. Ce livrable, réalisé avec Adobe XD, constitue la base visuelle du projet. Il comprend un moodboard inspirant, une charte graphique complète, ainsi que des maquettes desktop et mobile fidèles aux standards UX/UI.

Le livrable comprend :

• Un moodboard original, inspiré de films comme Barbie, Twilight ou Frozen II, pour créer une ambiance émotionnelle, féminine et immersive.

• Une charte graphique définissant le logo, la palette de couleurs (violet, fuchsia, blanc), la typographie, les boutons et les icônes.

• Des maquettes complètes pour six pages essentielles :

  • Page d’accueil

  • Fiche Film

  • Page Catégorie

  • Fiche Acteur

  • Page de Recherche

  • Page À propos

Les maquettes ont été pensées en double format (desktop 1920 px et mobile 428 px), assurant une navigation fluide et une cohérence visuelle sur tous les appareils.

Ce projet m’a permis de renforcer mes compétences en design d’interface, en construction d’identité visuelle, et en adaptation mobile dans un contexte de développement web en équipe.

Ce projet, réalisé avec WordPress et le thème Divi, m’a permis de créer un site web interactif présentant mon Top 10 de films préférés. Développé dans le cadre du cours d’intégration, ce site exploite à la fois des données saisies manuellement dans l’interface WordPress et des données issues de l’API JSON de TMDB, le tout structuré grâce au plugin ACF (Advanced Custom Fields).

Le projet comprend :

• Une page d’accueil présentant l’ensemble des films avec pagination dynamique.

• 10 pages individuelles dédiées à chaque film, incluant :

  • Images (affiche + backdrop)

  • Description personnelle

  • Lien vers la fiche TMDB

  • Données dynamiques : année, durée, synopsis, catégories, bande-annonce, évaluation, etc.

• Une fonction de recherche par titre intégrée.

• Une page charte graphique incluant les typographies, couleurs et règles de branding.

• Une page de démonstration (slug demo) utilisée pour valider l’intégration ACF dans le Theme Builder.

• Une interface responsive et un effet Wow visuel avec animations, sliders et un design soigné.

Ce projet m’a permis d’approfondir mes compétences en intégration WordPress avancée, en structuration de contenu avec ACF, et en consommation d’API externe. Il reflète également ma capacité à concevoir des sites responsives, esthétiques et bien organisés.

Intéressé par mes compétences en développement web ? Je suis à la recherche de stages et d’opportunités d’emploi. N’hésitez pas à me contacter pour discuter de collaborations potentielles.