Fred-Eric Auger

portfolio

Le but de ce projet :

Ce projet a pour but de mettre en avant le travail et les techniques que j'ai utilisées pour concevoir ce portfolio. Mon objectif est de le rendre suffisamment abouti pour pouvoir le présenter avec fierté.

Crédits

Type de projet

  • Intégration front-end
  • Design / Prototypage
  • Projet scolaire

Langages / logiciels

  • HTML / CSS / JS
  • Figma
  • GSAP

Idéation et conceptualisation

Pour la création de mon moodboard et la sélection de comparables, j'ai choisi d'adopter un style minimaliste. Mon objectif était de m'inspirer de portfolios professionnels afin de m'approcher au maximum des standards attendus dans un cadre professionnel.

Comparables

Comparables

Moodboard

Moodboard

Structuration et design

La réalisation de la maquette s'est avérée relativement simple, en grande partie grâce à l'inspiration que j'ai puisée dans mon moodboard. J'ai veillé à conserver une esthétique cohérente et homogène tout au long du processus, ce qui m'a permis d'obtenir un résultat convaincant.

Maquette

Maquette

Maquette

Maquette

Intégration

Pour la création de ce héros, j'ai combiné un carrousel de la bibliothèque "Swiper JS" avec un positionnement CSS spécifique pour le titre, afin de créer un effet de juxtaposition harmonieux et esthétiquement agréable.

CSS des projets

CSS des projets

Projet

Projet

Interactivité

Pour concevoir ce carrousel interactif, j'ai à nouveau utilisé la bibliothèque "Swiper JS", en configurant différentes options afin de le rendre plus dynamique. Cela permet de naviguer entre les diapositives en utilisant les autres slides visibles, offrant ainsi une expérience utilisateur fluide.

Javascript des langages

Javascript des langages

Langages

Langages

baie-ste-catherine

Projet suivant

baie-sainte-catherine