MetaPortal

MetaPortal

MetaPortal

MetaPortal Main Image
MetaPortal Main Image
MetaPortal Main Image

Industry

Metaverse

Deliverables

Branding

UI/UX Design

Used Softwares

Figma

Illustrator

Industry

Metaverse

Deliverables

Branding

UI/UX Design

Used Softwares

Figma

Illustrator

MetaPortal is a cross-platform desktop application, serving as a single point of access to Web3 games and metaverse events. It is a product built by EnterDAO and is governed by the ENTR token and its community. You can browse and play a variety of blockchain-based games and enter metaverse events. You gain XP when you complete quests and stay active.

Challenges

Immature ecosystem of Web3 gaming

The Web3 gaming industry is still in its infancy, so distinct designed principles are yet to be established in the space. It took us a lot of effort and experimentation to arrive at a the right formula.

The learning curve

  • Create a wallet or connect an existing one

  • Navigate decentralized marketplaces

  • How web3 games operate, etc.

Communities

There are some differences between the web2 and web3 communities we had to account for when building the visuals and the entire UX of the portal.

MetaPortal All Screens Image
MetaPortal All Screens Image
MetaPortal All Screens Image

Logo

We wanted to create something that resembled a portal, but still followed the EnterDAO logo and style guidelines. We came up with something that reminds of a whirlpool through which you are transported to another world - the Web3 space.

MetaPortal Logo Idea Image
MetaPortal Logo Idea Image
MetaPortal Logo Idea Image

Wireframes

By creating the following Style Guide we ensure consistency across a project's UI/UX design. Some of the benefits of using a design system are: Consistency, Efficiency, Scalability and Collaboration.

MetaPortal Wireframes Screens Image
MetaPortal Wireframes Screens Image
MetaPortal Wireframes Screens Image

Style Guide

By creating the following Style Guide we ensure consistency across a project's UI/UX design. Some of the benefits of using a design system are: Consistency, Efficiency, Scalability and Collaboration.

Final Design

By applying the Style Guide to the wireframes we created flows that allows each user to have an informative and straightforward user journey through the platform.

  • MetaPortal Login Screen Image
  • MetaPortal Screen 1
  • MetaPortal Screen 2
  • MetaPortal Screen 3
  • MetaPortal Screen 4
  • MetaPortal Screen 5
MetaPortal Login Screen Image
MetaPortal Login Screen Image
MetaPortal Screen 1
MetaPortal Screen 1
MetaPortal Screen 2
MetaPortal Screen 2
MetaPortal Screen 3
MetaPortal Screen 3
MetaPortal Screen 4
MetaPortal Screen 4
MetaPortal Screen 5
MetaPortal Screen 5

Thank you!

Thank you!

Thank you!

Work With Us Stamp Vector
Work With Us Stamp Vector
Work With Us Stamp Vector