- Catégories : Identité visuelle - Web - Gestion de projet
- Secteur d'activité : Actu et jeux métavers
- Rôle : développeuse web, graphiste et webdesigner
- Contexte : side project (projet parallèle)
- Crédit : Webdesign : Javascript Mastery / Images : Freepik
- Date : 2023
- Technologies et logiciels : ADOBE PHOTOSHOP - ILLUSTRATOR - FIGMA - HTML - CSS - TAILWIND CSS - JAVASCRIPT - REACT JS - NEXT.JS 13 - FRAMER MOTION - GITHUB
À propos du projet "METALANDS"
METALANDS, est un projet personnel (site de démonstration), pour les amateurs de jeux métavers. Dans ce site one page, les visiteurs ont accès à 5 mondes virtuels sélectionnés via des plateformes métaverses et un espace d'actualité. Ce projet est inspiré du projet "Metaversus" de Javascript Mastery.
Le défi
METALANDS, souhaite proposer des sélections de mondes métaverses issus des meilleures plateformes de mondes virtuels. Les différents mondes sont adaptés pour tous les joueurs du débutant au confirmé. Les utilisateurs peuvent optimiser leurs expériences et aller à leur rythme.
Les challenges techniques
Animations
Intégration d’animations avancées (loader, sliders, boutons call-to-action, animations vectorielles, boutons, animation au hover, map intéractive...)
Liens vers les plateformes métaverses
METALANDS, propose une redirection vers les meilleures plateformes de jeux métavers.
Mise en page
Création et intégration de sections de mise en page.
La solution
Créer une landing page de propositions des mondes métavers, où les visiteurs pourront explorer des mondes virtuels.
Travaux réalisés :
- Création des visuels et icônes.
- Conception du contenu (textes et visuels) et sélection des photos.
- Retouche photo et photomontage.
- Développement du site web responsive et des fonctionnalités.
- Mises en ligne/production et maintenance.
Les couleurs
J'ai créé une palette de couleurs à base de bleu, violet, rose et blanc, afin de créer un style moderne et futuriste.
Confiance, calme
générosité et sécurité
Loyauté, créativité
et paix
Joie, gaieté, partage
et connaissance
Sagesse
et pureté
Les polices
Pour la conception du site internet, j'ai choisi la police Eudoxus Sans pour les titres et le corps du texte.
Eudoxus est une police moderne, simple, classique, géométrique et intemporelle. Elle inspire également la sympathie, avec ses lettres rondes tout en donnant un ton sérieux.
Création du bouton circulaire
Les avatars
Développement du site Internet
J'ai conçu un site one page orienté utilisateur, proposant une navigation fluide et intuitive.
Écrans desktop
