RedMC - Theme Azuriom

🌟 Contexte

RedMC est un serveur Minecraft souhaitant offrir une expérience immersive à sa communauté grâce à un site web fluide, moderne et esthétique. Pour répondre à cette demande, un thème personnalisé pour Azuriom a été conçu, avec un accent mis sur l’accessibilité, la performance et l’ergonomie mobile-first. Le design repose sur Tailwind CSS (via CDN) et intègre des animations fluides, dont un motion blur au scroll pour une navigation agréable et moderne.

Technologies utilisées : Blade, TailwindCSS, JavaScript, PHP (Laravel), MySQL

🛠️ Réalisations

🎨 Design & Expérience Utilisateur

• Interface moderne : UI inspirée des tendances actuelles, avec des gradients harmonieux.
• Animations scroll : Motion blur et transitions douces à l’apparition des éléments.
• Navigation mobile-first : Menu burger animé et barre de navigation fixe semi-transparente.
• Typographie Poppins : Contraste optimal pour une bonne lisibilité.
• Hover & transitions : Effets subtils sur boutons et cartes pour améliorer l’interaction.

⚙️ Fonctionnalités Clés

🛍️ Boutique (Azuriom Shop)

• Affichage en cartes interactives avec effets au survol.
• Paiements sécurisés via PayPal, Stripe et solutions compatibles.
• Vente de rangs, kits et objets spéciaux directement depuis le site.

🔒 Gestion des Joueurs (AuthMe & LiteBans)

• Connexion et gestion des comptes via AuthMe synchronisé au serveur Minecraft.
• Affichage des bans et sanctions grâce au module LiteBans.
• Tableau responsive avec recherche fluide et mise en avant des derniers bannis.

📖 Wiki & Support

• Wiki structuré pour expliquer les commandes, règles et fonctionnalités du serveur.
• Système de tickets pour le support, avec suivi des demandes.

🚀 Optimisations & Performance

• SEO-friendly : Structure Hn optimisée, lazy loading des images et balises méta.
• Performance web : Chargement rapide grâce à Tailwind CSS via CDN, minification des assets et cache.
• Accessibilité (WCAG 2.1) : Mode réduit pour épileptiques et respect des contrastes pour une meilleure lisibilité.