WordPress

Création de mon site internet & portfolio

Nous avons entamé la conception de notre site web sur WordPress, incluant notre portfolio, en octobre 2024.

Nous visons collectivement à créer un site qui nous représente intégralement, en mettant en avant notre identité visuelle. Il devait également servir de vitrine pour notre portfolio, en plus d’être un simple site web.

Le but est de créer un site web qui showcase notre portfolio tout en nous aidant à apprendre à utiliser le CMS WordPress pour la conception de sites internet.

La cible de notre site web et de notre portfolio varie selon notre stratégie personnelle de communication.

 Pour moi, les recruteurs constituent ma cible principale, aussi bien pour ma future alternance que pour mon futur emploi. 

Néanmoins, mon site est aussi destiné à quiconque désire de découvrir mon parcours et mon portfolio.

La première étape consistait à faire une veille sur divers sites internet comprenant des portfolios d’autres étudiants afin d’identifier les bonnes pratiques. Cette phase m’a permis de recueillir des idées et de définir les éléments principaux à intégrer à mon propre site portfolio. A la suite de cette analyse, nous avons dû faire un bilan oral de nos observations

La création de ce site à été compliqué car je manquais d’idées pour définir ma stratégie créative. Après une longue réflexion, j’ai décidé de mettre une couleur en avant : le lilas. C’est une teinte qui me tient particulièrement à cœur et que l’on retrouve notamment dans mon CV. Je n’ai pas de document pour cette étape.

Au-delà d’un simple choix esthétique, le lilas va symboliser mon rêve de travailler dans l’événementiel. Cette couleur évoque à la fois la créativité et l’émotion, des éléments essentiels dans la conception d’expériences qui marques. Dans le domaine de l’événementiel, chaque détail va compter pour transmettre une atmosphère unique. Le lilas incarne parfaitement cette vision.

  • Couleurs : J’ai choisi de prendre des tons neutres et violine afin de créer un univers qui me ressemble :
    • Noir : symbole de sobriété et  de professionnalisme. Il structure et met en valeur les autres couleurs, renforçant ainsi la cohérence visuelle de mon identité
    • Violet rosé : représente la créativité, la sensibilité, cette teinte exprime à la fois mon esprit artistique et mon côté chaleureux. Elle incarne également la douceur 
    • Violet mauve : associé à l’imagination, le violet mauve reflète mon ambition de créer des expériences uniques
  • Typographie : J’ai choisi Abril Fatface pour les titres et les sous-titres, Playfair Display pour les textes
Header & Footer

Mon Header est composé de mon monogramme personnel pour renforcer mon identité visuelle. A droite, j’ai mis l’arborescence de mon site, incluant les pages :  A propos…, CV, Portfolio, Blog, Contact

Le Footer reprend mon monogramme et j’ai ajouté à droite les informations de contact (numéros de téléphone et mon mail) et au milieu les pages légales (les mentions légales, la politiques de cookies et la politique de confidentialité)

La page “À propos de moi” permettra aux recruteurs d’en apprendre plus sur moi de manière plus personnelle qu’un simple CV. J’ai intitulé cette page “À propos…”. J’y explique mon rêve de faire de l’événementiel mon métier, et de créer des événements uniques qui marquent. En bas de la page, j’ai intégré deux boutons, un pour visualiser mon CV et un autre qui redirige vers le formulaire de contact.

Pour la page CV, j’ai pas repris exactement mon CV mais je l’ai adapté à la couleur du site, en restant en cohérence. J’y détaille alors :

  • Mes stages, 
  • Mes expériences en BTS, 
  • Mes expériences professionnelles, 
  • Mes compétences (logiciels), 
  • Mes coordonnées

Nous avons dû créer un blog contenant au minimum deux articles.

  • Le premier article porte sur WordPress, qui regroupent toutes les informations pour son utilisation quand on est débutant sur un CMS. Il est basé sur un cours que nous avons eu.
  • Le second article traite d’une lecture d’un livre effectué pour les cours, que nous devions transmettre sous forme d’article

J’ai structuré mon portfolio de façon claire en classant mes projets par annonceurs. Chaque projet comprend une description concise du contexte, des objectifs et des étapes, accompagnée de visuels soigneusement sélectionnés. L’objectif est de mettre en avant mes compétences techniques et créatives tout en facilitant la navigation.

Tout d’abord, nous avons choisi un nom de domaine en nous basant sur plusieurs critères :

  • Il devait être court, facile à retenir, lisible et simple à prononcer à l’oral
  • Nous avons également vérifié sa disponibilité avec les extensions .fr et .com

J’ai finalement opté pour marina-event.fr, un choix qui associe mon prénom et le domaine d’activité que je souhaite intégrer. Ce nom de domaine était disponible avec les deux extensions.

Une fois cette étape validée, nous avons comparé différents hébergeurs en établissant un tableau de scoring. Nous avons analysé plusieurs prestataires, dont O2Switch, Infomaniak, Hostinger, Ionos 1&1 et OVH, en fonction de plusieurs critères suivants :

  • Le coût de l’hébergement pour la 1ʳᵉ et la 2ᵉ année
  • Le prix du nom de domaine en .fr et .com sur ces deux années
  • La facilité d’installation de WordPress
  • Le lieu d’hébergement des données
  • L’engagement écologique
  • Le respect du RGPD
  • Le classement de l’hébergeur dans trois référencements différents

Méthode d’évaluation

Chaque critère a été pondéré sur une échelle de 1 à 5 :

  • 1 = peu influent dans la décision
  • 5 = critère essentiel

Nous avons également appliqué une grille de notation pour chaque critère :

  • 0 = critère non rempli
  • 3 = critère partiellement rempli
  • 5 = critère totalement rempli

Après avoir effectué nos recherches et attribué des notes à chaque hébergeur, nous avons défini les scores finaux. Hostinger s’est avéré être le choix le plus pertinent pour moi.

Finalement, cette expérience m’a permis de mieux maîtriser WordPress, d’améliorer mes compétences en communication digitale et d’acquérir un outil professionnel efficace pour valoriser mon parcours et mes projets. J’ai obtenu la note finale de 15 pour cette activité.