🎮 Procrastination Quest

Un site web éducatif qui aide les étudiants à comprendre la procrastination, ses causes, ses conséquences et les moyens de la surmonter.

📖 À propos du projet

Procrastination Quest est un site web éducatif réalisé dans le cadre d'un projet final pour un cours d'Illustrator.

Le projet utilise une esthétique inspirée des jeux vidéo afin de capter l'attention des étudiants et de rendre l'apprentissage sur la procrastination plus engageant et interactif. Grâce à des visuels colorés, une navigation inspirée du monde du jeu vidéo et du contenu informatif, les utilisateurs peuvent découvrir :

• Ce qu'est la procrastination
• Pourquoi elle survient
• Ses effets sur la réussite scolaire
• Des stratégies pour la surmonter
• Des ressources utiles pour les étudiants

🎯 Public cible

Ce projet s'adresse principalement à :

• Les étudiants du collégial et de l'université
• Les jeunes adultes
• Toute personne souhaitant améliorer sa gestion du temps et réduire la procrastination

✨ Fonctionnalités

• 🎮 Interface inspirée des jeux vidéo
• 📚 Contenu éducatif et informatif
• 🖼️ Illustrations et éléments graphiques créés avec Illustrator
• 📱 Design adaptatif (responsive)
• 🧠 Conseils et stratégies pour améliorer sa productivité

🛠️ Technologies utilisées

• HTML5
• CSS3
• JavaScript
• Adobe Illustrator

📸 Captures d'écran

🚀 Site web en ligne

https://animatedplays.github.io/Procrastination/

📂 Structure du projet

Procrastination/

• index.html
• css/
• js/
• images/
• Nicolas
• README.md

🎨 Objectif de conception

L'objectif de ce projet était de transformer un sujet souvent perçu comme sérieux ou monotone en une expérience plus immersive et attrayante grâce à l'utilisation de codes visuels inspirés des jeux vidéo.

Plutôt que de présenter uniquement de longs blocs de texte, le site encourage l'exploration et la découverte tout en sensibilisant les utilisateurs aux impacts de la procrastination.

🧑‍🎓 Contexte académique

Projet réalisé dans le cadre d'un cours d'Illustrator.

Ce travail visait à démontrer :

• Les compétences en communication visuelle
• L'application des principes de design graphique
• La création d'une expérience utilisateur engageante
• L'intégration d'éléments graphiques dans un projet web

🎨 Processus de création

• Recherche sur la procrastination et ses effets
• Création de concepts et d'esquisses
• Réalisation des éléments graphiques dans Illustrator
• Intégration du design dans le site web
• Tests, ajustements et optimisation de l'expérience utilisateur

📄 Licence

Ce projet a été réalisé à des fins éducatives et de démonstration dans le cadre d'un portfolio.