- Categories: Visual identity - Web - Project management
- Activity area: Metaverse news and games
- Role: web developer, graphic designer and web designer
- Context: side project
- Credit: Webdesign: Javascript Mastery / Images: Freepik
- Date: 2023
- Technologies and software: ADOBE PHOTOSHOP - ILLUSTRATOR - FIGMA - HTML - CSS - TAILWIND CSS - JAVASCRIPT - REACT JS - NEXT.JS 13 - FRAMER MOTION - GITHUB
About "METALANDS"
METALANDS, is a personal project (demo site), for metaverse game lovers. In this one page site, visitors have access to 5 virtual worlds selected via metaverse platforms, and a news section. This project is inspired by the Javascript Mastery "Metaversus" project.
The challenge
METALANDS, wishes to offer selections of metaverse worlds from the best virtual world platforms. The different worlds are suitable for all players from beginner to advanced. Users can optimize their experiences and go at their own pace.
Technical challenges
Animations
Integration of advanced animations (loader, sliders, call-to-action buttons, vector animations, buttons, hover animation, interactive map, etc.)
Links to metaverse platforms
METALANDS, offers redirection to the best metaverse gaming platforms.
Layout
Creation and integration of layout sections.
The solution
Create a landing page offering metaverse worlds, where visitors can explore virtual worlds.
Work carried out:
- Creation of visuals and icons.
- Content design (text and visuals) and photo selection.
- Photo editing and photomontage.
- Development of the responsive website and features.
- Uploads/production and maintenance.
Colors
I created a color palette based on blue, purple, pink and white, to create a modern and futuristic style.
Confidence, calm
generosity and security
Loyalty, creativity
and peace
Joy, cheerfulness, sharing
and knowledge
Wisdom
and purity
Fonts
For the website, I chose the Eudoxus Sans font for titles and body text.
Eudoxus is a modern, simple, classic, geometric and timeless font. It also inspires sympathy, with its round letters while giving a serious tone.
Circular button design
The avatars
Website development
I designed a user-oriented one-page site, offering fluid and intuitive navigation.
Desktop
