Overview

The software engineering team developed a mobile application for the client, where customers can try fitting various clothing on their customized avatars within a metaverse fitting room and purchase clothes, and shop owners can register their online shopping malls and create a shop and fitting room in the metaverse environment.

The META shopping application is a mobile application that includes various features and menus including the following:

• Register & Login Pages
• Home Page
• Product Page
• Detail Page
• Admin Page
• Metaverse Platform

Register & Login Pages

Login Page

Registration Page

• The initial interface that the users encounter upon opening the META application is the login and register pages. These pages were designed to be simple to enhance user experience.
• Shoppers and shop owners can sign in or register via these pages, thereby establishing their personalized accounts. The account creation process then facilitates various users’ selections, preferences, and user information.

Home Page

Home Page - First

Home Page - Second

Home Page

• Icons separating the categories of items listed
• User button on the fixed banner on top (including the title), which consists of settings, a cart, and more.
• Companies tab for users that desire to view products from whichever brand
• “explore more” at the bottom

Companies Page - First

Companies Page - Second

Companies Page

• A fullscreen image of the brand logo, uploaded by the company during registration
• Products under the company name, displaying ‘no products to show’ if the company hasn’t uploaded any images
• An ‘explore more’ button that increases the number of products shown and displays “no more products” on the top using the Toast library

Product Page

• The product page features pictures, product names, brand names, and the price of each of the apparel available on the app. Here, users and shop owners can keep track of and view various types of clothing in a single category at one glance, enhancing efficiency.
• When users click on each of the products on the product page, they will be led to the detail page of their selections.
• This page filters out the products that match the categories of the items, rather than the uploaded brand/company name

Detail Page