Logo Cinquin Andy Signature

V7 de mon portefolio

Développeur Freelance - Logo

Le projet en image

Résumé du projet

Introduction

Dans une quête perpétuelle d'amélioration et d'innovation, j'ai récemment lancé la 7e version de mon portfolio. Toujours fidèle à ma stack technologique préférée - Next.js, Tailwind CSS et Strapi - cette nouvelle itération va au-delà des attentes habituelles. Je me suis concentré sur deux aspects principaux : l'amélioration de la gestion des données avec un backend visuel similaire à Wordpress et l'incorporation d'animations pour créer une expérience visuelle captivante.

Optimisation des Performances et de l'Expérience Utilisateur

L'objectif premier de cette refonte était d'améliorer les performances et le référencement. Pour ce faire, j'ai adopté une approche hybride, similaire à celle de Wordpress, avec un backend visuel pour gérer les données et un front qui génère les éléments de manière statique. Cette approche garantit une rapidité de chargement optimale et une indexation améliorée par les moteurs de recherche.

Animation pour un Impact Visuel Puissant

Pour apporter une touche d'innovation et de dynamisme à mon portfolio, j'ai investi du temps et de l'énergie dans l'animation. J'ai commencé par créer des animations sur After Effects, que j'ai ensuite transformées en images statiques à l'aide de MidJourney. Ensuite, j'ai procédé au détourage des éléments à animer avant de les animer dans After Effects et de les intégrer directement dans mon site. Cette approche a permis de créer des animations fluides et engageantes qui captivent les visiteurs dès leur arrivée sur le site.

Détails qui Font la Différence

Parmi les détails qui ajoutent une touche de "whaou" à mon portfolio, il y a notamment un petit chat animé qui suit le curseur des yeux sur la page d'accueil. Cette animation, réalisée avec Midjourney et Illustrator, utilise des animations CSS classiques ainsi qu'une formule mathématique pour ajuster la position des yeux en fonction de la position du curseur. Ce petit détail ludique ajoute une dimension interactive et amusante à l'expérience utilisateur.

Mise à Jour de la Page "About"

La page "About" est une composante essentielle de tout portfolio, car elle permet aux visiteurs de mieux me connaître en tant que professionnel. Pour cette nouvelle version, j'ai intégré une animation de carte réalisée avec la librairie de Bréval (https://brev.al), mon meilleur ami et collaborateur. Cette animation ajoute une touche d'originalité et de dynamisme à la présentation de mes compétences et de mon parcours professionnel.

Conclusion

En résumé, la 7e version de mon portfolio représente une fusion harmonieuse entre innovation technologique et créativité artistique. Les améliorations apportées à la gestion des données, l'incorporation d'animations captivantes et les détails soigneusement pensés contribuent à créer une expérience utilisateur exceptionnelle. Avec cette mise à jour, je suis plus que jamais prêt à partager mon travail et mon expertise avec le monde.

Les technologies utilisées

icon-3dAfter Effect Icon
icon-3dCaprover Icon
icon-3dCSS3 Icon
icon-3dDocker Icon
icon-3dESLint logo
icon-3dFigma Icon
icon-3dHeadless UI icon
icon-3dHTML5 Icon
icon-3dIllustration icon
icon-3dJavascript Icon
icon-3dMidjourney Icon
icon-3dPrettier Icon
icon-3dTailwindCSS Icon
icon-3dRenovate Icon
icon-3dReactJS Icon

Les sites et les ressources associées

DÉVELOPPONS ENSEMBLE VOS PROJETS

Une idée, un projet ? Je suis là pour répondre à vos demandes et vous accompagner.
N’hésitez pas, je serais ravi d’échanger avec vous sur votre projet !
© 2024 Andy Cinquin - Tous droits réservés - Developed & Designed with ❤️ 🐝 ForHives co-founders