Rôle
Intégratrice Web
Outils
WordPress, HTML, CSS, Adobe Illustrator
Contexte et Recherche
Portfolio FullDevSpirit : un site WordPress présentant les compétences en design et développement web, avec des projets détaillés et un aperçu du processus de création.
Après avoir étudié plusieurs portfolios de freelances et d’étudiants, le nom de domaine “fulldevspirit” a été retenu pour refléter le fullstack, le développement et l’esprit créatif. Le site fulldevspirit.fr a ensuite été hébergé sur O2Switch, puis son univers visuel a été défini dans l’article dédié à l’identité du projet.
Difficultés
Recherche d’un nom de domaine pertinent et disponible, en cohérence avec l’identité FullDevSpirit. Ajustements nécessaires, pour définir un univers visuel clair, moderne et aligné avec l’esprit créatif du projet.
Compétences transversales
Développement de la créativité, à travers la conception du nom et de l’identité visuelle. Renforcement de l’analyse, grâce à l’étude de nombreux portfolios, pour identifier les bonnes pratiques du secteur.
Identité visuelle
TYPOGRAPHIE
Lucida Sans Unicode
Lisible et moderne
Son design géométrique et lisible renforce la clarté visuelle, tout en apportant une touche professionnelle et contemporaine.
PALETTE DE COULEURS
Définition d’une palette de couleurs dans les tons de bleu, pour refléter la technologie et l’univers créatif. Choix d’un bleu vert inspiré des aurores boréales, symbolisant la lumière, la nuit et l’esprit mystique de création.
LOGO
Créatif et énergétique
À partir de cette palette, la conception du logo a pris forme autour d’un feu follet, symbolisant l’imagination, l’énergie créative et l’aspect mystique de l’identité visuelle. Le pinceau intégré renforce cette idée en représentant la création, l’expression artistique et la volonté de cultiver un univers graphique personnel et inspirant.
Développement
La création du site s’est appuyée sur WordPress, le thème Kadence et un thème enfant personnalisé, enrichi par de nombreuses extensions dédiées au SEO, à la performance, à la sécurité et à l’animation. L’ensemble des pages Accueil, Portfolio, À propos et Contact — a été structuré, pour offrir une navigation fluide, dynamique et cohérente avec l’identité visuelle. Le site combine sliders, frise chronologique, patchwork de projets et formulaire sécurisé, afin de proposer une expérience complète et professionnelle.
class Particle {
constructor() { this.reset(); }
reset() { this.x = Math.random()canvas.width; this.y = Math.random()canvas.height; }
update() { this.x += Math.sin(this.age0.05)1.5; this.y -= this.vy; this.age++; }
draw(ctx) { ctx.arc(this.x, (this.y – scrollY) % canvas.height, this.size, 0, Math.PI*2); }
}
Technologie et structure
WordPress installé avec Kadence et un thème enfant, accompagné d’extensions dédiées au SEO, à la performance, à la sécurité et aux animations.
Design et expérience
Hero dynamique, sliders, patchwork interactif, frise chronologique et onglets de compétences, pour une navigation moderne et fluide.
Fonctionnalités et interactions
Formulaire sécurisé, gestion des cookies, protection anti‑robots et carrousels optimisés, pour une expérience utilisateur fiable.
Conclusion et résultat final
Ce projet a renforcé la maîtrise du développement web complet, depuis la création en local jusqu’à la mise en ligne sur le domaine. Il a permis d’approfondir l’utilisation de WordPress avec Kadence, pour structurer un site rapide, lisible et orienté utilisateur. L’optimisation du contenu, du SEO et de la performance a consolidé les bonnes pratiques essentielles. L’animation JavaScript de l’arrière‑plan a également enrichi les compétences techniques.
