GaaS UI Page - History
GaaS UI Page - Marketplace - Buy
GaaS UI Page - Create Wallet
GaaS UI Page - NFTs
GaaS UI Page - Wallet
GaaS UI Page - History
Duration
1 month
(discontinuous)
Role
UXUI designer
Tool

Figma

GaaS Collaboration

Motivation

GaaS Goal

Structure

Wallet

GaaS structure of Wallet

Maketplace

GaaS structure of Marketplace

Design

Wallet

Inappropriate background color tone.

It appears abrupt when adapting to games with different color schemes.

Unclear hierarchy

More vibrant main color pattern

Clear hierarchy

Maketplace

Orientations

GaaS phone page orientation
Layout Explanation
GaaS page orientation page

Portrait

Landscape

Although the overall area increases, if buttons are enlarged proportionally, they would be too eye-catchy. Therefore, as the clickable hot zone expands, the icon shrinks.

Portrait
Layout portrait mode
Landscape
Layout portrait mode

Keep the width consistent: Increasing the width would make it hard to read.

Reduce button size: Due to a decrease in height, the bottom panel changes from circular buttons to text buttons.

Portrait
layout landscape mode
Landscape
layout landscape mode
GaaS more example of page orientation

Visual

Universality

Easily integrated with different games

Simplicity

Simple design ensures a smooth gaming experience, allowing users to seamlessly return to the game after completing a transaction.

NOTO SANS

abcdefghijklmnopqrstuvwxyz

1234567890

Final

GaaS All UI pages

Create Wallet

❶ Deposit

❷ Token

❸ NFT

❶ Buy

❷ Sell

❸ History

NEXT

PROJECT

Cover Photo of MetaPush
Cover Photo of GaaS
Cover Photo of Naraka
Cover Photo of NFT marketplace