Accueil en 3D
Le logo du serveur devient un cristal rouge en 3D, sur fond de spawn. On le fait tourner à la souris ou au doigt.
Un serveur Minecraft, un site en 3D.
Étude de cas : l'accueil en 3D, les modes de jeu, le spawn à la loupe, la boutique, le vote et le statut des serveurs en direct de Soul Of Warcraft.
Étude de cas · client Ayris
Soul Of Warcraft
Serveur Minecraft · PvP Factions et mini-jeux
- Accueil en 3D
- Modes de jeu
- Boutique
- Page de vote
- Statut des serveurs en direct
- Wiki des nouveaux items
01Le besoin
Donner envie de rejoindre le serveur dès la première seconde.
- Un site qui ressemble à l'univers du jeu
- Présenter clairement les modes de jeu
- Mettre en avant la boutique et le vote
- Montrer que le serveur est vivant, en direct
02Notre réponse
Un site en 3D, relié au serveur et à sa boutique.
- Logo en cristal 3D qu'on fait tourner à la souris
- Statut des serveurs et joueurs connectés en direct
- Boutique, vote et comptes habillés dans le même style
- Un wiki des nouveaux items, avec recherche et filtres
03Ce qu'on a livré
Un univers, jusqu'à la boutique.
Modes et spawn
Faction, OneBlock, BedWars, Soul SMP : chaque mode a sa carte. Le spawn s'explore avec une loupe en verre.
Boutique et vote
La boutique, le vote, la connexion et l'inscription reprennent le même style, avec un objet 3D sur chaque page.
Serveurs en direct
Le nombre de joueurs connectés s'affiche en direct, l'adresse se copie d'un clic et le launcher se télécharge en un geste.
04Le spawn
Là où tout commence.
Sur le site, le spawn du serveur s'ouvre comme une carte et s'explore avec une loupe en verre. Essayez ici : passez la souris sur l'image.
Passez la souris : loupe en verre
05Galerie
Page par page, jusqu'au vote.
Cliquez sur une image pour l'agrandir.
06En résumé
3D
logo, clé, cube et minerai en cristal, en temps réel
4
modes de jeu présentés, une seule adresse
86
nouveaux items dans le wiki, avec recherche
En direct
statut des serveurs et joueurs connectés
Sous le capot :React et TypeScript3D Three.jsAnimations GSAPThème AzuriomStatut serveur en directAdapté au téléphone
Votre projet pourrait être le prochain.
Démo gratuite, sans engagement : on vous montre tout, en vrai.