Portfolio - Portfolio - Dimitri Spyrou

Portfolio

Retour aux projets

Description

Réalisation de mon portfolio sur le thème du billard. Ce projet, mené dans le cadre de ma deuxième année de bachelier, avait pour objectif de créer un site web à la fois personnel et professionnel. Il me permet de présenter mon parcours, mes compétences, ainsi que les différents projets que j’ai réalisés. Le choix du thème du billard apporte une touche originale et cohérente à l’ensemble, reflétant à la fois ma créativité et mon sens du détail.

Outils utilisés

Photo de moi

Consignes

Ce projet a marqué mon initiation à WordPress, car son utilisation était obligatoire. Nous devions créer un portfolio comprenant au minimum une page d’accueil, une page « À propos », une page d’archives listant les projets, plusieurs pages détaillant ces projets, ainsi qu’une page de contact incluant un formulaire capable d’envoyer les messages directement sur notre boîte mail. Un conseil précieux donné par l’un de mes professeurs était que notre portfolio devait se démarquer par un critère ou un design identifiable. C’est pourquoi j’ai choisi de m’inspirer de ma passion pour le billard, afin de donner à mon site une identité forte et mémorable : celle du « gars au portfolio billard ».

Page d'accueil du portfolio

Palette de couleurs

  • #5F021F
  • #FFF5E8
  • #D8B384

Les étapes

Boule numéro 1 du billard

Recherche d'identité

Comme mentionné précédemment, la remarque d’un de mes professeurs concernant l’importance d’une identité forte pour un portfolio m’a particulièrement marqué. Ce professeur avait conçu un site où un sous-marin animait la navigation, apportant une touche unique et reconnaissable. C’est grâce à cet exemple que j’ai compris qu’il me fallait, moi aussi, trouver un élément distinctif pour mon propre portfolio.

Boule numéro 2 du billard

Wireframe & Maquette

Après avoir défini mon identité visuelle, je me suis lancé dans la réalisation du wireframe, puis de la maquette sur Figma. J’ai particulièrement détesté cette étape, car c’est à ce moment-là que j’ai dû faire la transition d’Adobe XD vers Figma. Bien que Figma soit un outil beaucoup plus complet, il s’est avéré plus complexe à prendre en main, ce qui a rendu cette phase assez difficile pour moi.

Boule numéro 3 du billard

Programmation

La programmation représentait au départ une étape assez intimidante pour ce projet, notamment en ce qui concerne la réalisation des animations. Chaque jour, je repoussais leur création, craignant de ne pas y parvenir. Puis, un jour, j’ai décidé de prendre mon courage à deux mains et de me lancer pleinement dans cette aventure. Ce pas franchi, j’ai pu avancer avec plus de confiance et progresser rapidement.

Boule numéro 4 du billard

Mise en ligne

C’était la première fois que je devais procéder à la mise en ligne d’un site, une étape qui m’effrayait encore plus que la création des animations CSS — et à juste titre ! Cette phase s’est révélée être un véritable défi pour moi. Entre les problèmes liés aux formulaires et ceux concernant les permaliens, j’ai dû faire face à de nombreuses difficultés. J’en ai vraiment vu de toutes les couleurs !