- Catégories : Identité visuelle - Web - Gestion de projet
- Secteur d'activité : Portfolio 3D
- Rôle : développeuse web et graphiste
- Contexte : side project (projet parallèle)
- Crédit : Webdesign : Javascript Mastery / photos de la section réalisations : Freepik
- Date : 2023
- Technologies et logiciels : ADOBE PHOTOSHOP - ILLUSTRATOR - HTML - CSS - TAILWIND CSS - JAVASCRIPT - REACT JS - THREE.JS - REACT THREE FIBER - FRAMER MOTION - GIT - GITHUB
À propos du projet "PORTFOLIO 3D"
Portfolio 3D, est un projet personnel et Hugo Dalitan est de ce fait un peronnage fictif. Dans ce portfolio, la 3D est mise en valeur et permet aux visteurs d'intéragir avec l'application.
Le défi
L'objectif est de proposer un modèle de portfolio, attrayant, moderne et professionnel, qui valorise l'expérience et les compétences, auprès des recruteurs, clients et partenaires potentiels.
Les challenges techniques
Animations
Intégration d’animations avancées (animation 3D, Loader, sliders, boutons call-to-action, animations vectorielles, boutons, animation au hover...)
Redirection
L'objectif est de pouvoir ajouter tous les liens nécessaires pour chaque projet présenté (Github, site web...).
Mise en page
Création et intégration de sections de mise en page.
La solution
Créer un site portfolio one page, où les visiteurs pourront découvrir l'univers et l'expérience du candidat.
Travaux réalisés :
- Réalisation du logo.
- Création d'un persona (Hugo Dalitan).
- Conception du contenu (textes et visuels) et sélection des photos.
- Retouche photo et photomontage.
- Développement du site web responsive, des fonctionnalités et des animations 3D.
- Tests, déploiement du site internet et maintenance.
Les couleurs
J'ai créé une palette de couleurs à base de violet, blanc et noir, afin de créer un style futuriste et moderne.
Loyauté, créativité
et paix
Sagesse
et pureté
Élégance, rigueur,
sérieux et raffinement
Les polices
Pour la conception du site internet, j'ai choisi la police Poppins pour les titres et le corps du texte.
Poppins est une police intemporelle, simple, moderne et classique, qui inspire la sympathie, avec ses lettres arrondies, tout en donnant un ton sérieux.
Création du logo
Développement du site Internet
J'ai conçu un site one page 3D, orienté utilisateur, proposant une navigation fluide et intuitive.
Écrans desktop
