WALLET EXTENSION

A Web3.0 Wallet Extension tool for managing cryptocurrency assets.

The Web3.0 Wallet Extension is a comprehensive tool for managing cryptocurrency assets, designed with user-friendly interfaces for seamless interaction. It allows users to restore wallets via a 12-word recovery phrase, securely log in, and manage their portfolios with ease. Key features include sending and receiving cryptocurrencies, swapping different crypto assets, and integrating with social media for quick sign-ins. The extension emphasizes security, simplicity, and accessibility, catering to both novice and experienced users in the decentralized web ecosystem.

‍

Signup Screens:

The signup screen is a critical entry point for new users, providing them with options to create a new wallet or restore an existing one. This screen also offers the convenience of signing in through popular social media platforms, ensuring a smooth onboarding process.

1.A prominently displayed button labeled "Create New Wallet" allows users to initiate the process of setting up a new cryptocurrency wallet.

‍

2.Below, there is another button labeled "Restore Wallet."This option is for users who already have a wallet and want to restore it using their recovery phrase. The button is equally prominent, ensuring that returning users can easily find and use this feature.

‍

3.Below the primary wallet options, users are presented with additional sign-in options through popular social media platforms: Google, Twitter, and Facebook. These buttons are designed for quick recognition and ease of access, providing a convenient alternative for users who prefer to sign in using their existing social media accounts.

‍

‍

‍

‍

‍

Mnemonic Screens:

Mnemonic images depict the user interface screens for entering a 12-word recovery phrase, which is a common feature in cryptocurrency wallet applications. These screens are crucial for users to restore their wallets securely by inputting the recovery phrase provided to them during the initial setup or registration process.

‍

1.The first image shows a clean and minimalistic screen prompting the user to type in their 12-word recovery phrase.

‍

2.The interface is user-friendly with empty fields arranged in a grid format, making it easy to understand where each word of the recovery phrase should be entered.

‍

3.The selected word ("chronic") is highlighted, indicating successful input.

‍

4.A prominent "Restore Wallet" button is placed below the input fields, guiding the user on the next step once the phrase is entered.

‍

5.The design prioritizes simplicity and clarity, making it accessible for users of all experience levels.

‍

‍

‍

‍

‍

‍

Login Screens:

These screens demonstrates the login interface for returning users. These screens are designed to facilitate a smooth and secure login experience, ensuring that users can access their accounts efficiently.

‍

1.The login screen greets users with a warm and inviting "Welcome back!" message. This simple yet effective touch helps to create a positive user experience, making users feel valued and acknowledged upon returning to the application.

‍

2.Below the greeting, there is a single input field where users are prompted to enter their password. The field is clearly labeled and positioned, making it easy for users to understand where to input their credentials.

‍

3.Positioned prominently below the password field is a solid button labeled "Unlock". This button is designed to stand out, utilizing a bold color and clear text to guide users on the next step. The solid button indicates a primary action, ensuring that users know this is the main way to access their accounts.

‍

4.Below the "Unlock" button, there is a text button labeled "Forgot password?". This link is designed for users who may have forgotten their password, providing them with an easy path to recover their account. The text button is styled differently from the solid button to differentiate its secondary action.

‍

‍

‍

‍

Portfolio Screens:

These portfolio screen showcases the portfolio management interface, designed to provide users with a comprehensive view of their cryptocurrency holdings. This section allows users to manage their assets efficiently and stay informed about the performance of their investments:

‍

1.At the top of the screen, users can view their total portfolio holdings. This section displays the aggregated value of all the cryptocurrencies in their portfolio, offering a quick snapshot of their overall investment performance. The design ensures that this crucial information is prominently visible, using large fonts and a clear layout.

‍

2.Directly below the total portfolio holdings, there are two primary action buttons: "Send" and "Receive".

‍

‍

‍

‍

Under the action buttons, users will find a detailed list of their cryptocurrency assets. Each entry in the list includes:

‍

‍1.Name and Symbol: The name and symbol of the cryptocurrency, allowing users to quickly identify their assets.

‍

2.Date: The date of the last transaction or the current date.

‍

3.Percentage Change: The increase or decrease in the value of the cryptocurrency, displayed as a percentage. This information helps users track the performance of each asset over a given period.

‍

4.: The current value of the respective cryptocurrency in the user's preferred currency. This detailed view provides transparency and helps users make informed decisions.

‍

‍

‍

‍

At the top of the assets list, there is a search bar that allows users to search for a specific cryptocurrency. This feature is particularly useful for users with extensive portfolios, enabling them to quickly locate and review the details of a particular asset without scrolling through the entire list.

‍

‍

‍

‍

Send Screens:

The send crypto screen is an essential feature of the cryptocurrency wallet, facilitating the process of transferring digital assets securely and efficiently. This screen is designed with a user-centric approach, ensuring that all necessary details are clear and easily accessible to the user. Here’s an in-depth look at the send crypto screen and the subsequent confirmation screen:

‍

1.Initially, users are prompted to select the type of cryptocurrency they wish to send. This selection process ensures that users can manage multiple types of crypto assets within the same interface.

‍

2.The first input field requires users to enter the recipient's address.

‍

3.The second input field is for the amount of cryptocurrency to be sent. This field should include real-time validation to ensure the entered amount is within the user's available balance.

‍

4.Network fee text field displays the network fee associated with the transaction. The fee is automatically calculated based on the current network conditions and is essential for ensuring the transaction is processed.

‍

5.Remaining balance shows the user’s remaining balance after the specified amount and network fee are deducted. This transparency helps users make informed decisions about their transactions.

‍

6.A prominent "Continue" button is provided to proceed to the confirmation screen. This button is styled to stand out, guiding the user to the next step.

‍

‍

‍

‍

Confirmation Screen:

The confirmation screen provides a summary of the transaction details:

‍

1.Displays the user’s address from which the cryptocurrency will be sent.

‍

2.Shows the recipient’s address entered by the user.

‍

3.Confirms the amount of cryptocurrency to be sent.

‍

4.Reiterates the network fee for transparency.

‍

5.Displays the balance that will remain in the user’s account after the transaction.

‍

‍

‍

‍

Receive Screens:

The receive  screen is designed to simplify the process of receiving crypto currencies by providing clear and straightforward options for users. This screen ensures that users can easily share their Bitcoin address through a QR code or by copying the address directly:

‍

1.At the top of the screen, the logo of the respective cryptocurrency is prominently displayed. This visual element helps users immediately recognize which cryptocurrency they are dealing with, adding to the clarity and ease of use.

‍

2.There is a QR code representing the user's receiving address. The QR code provides a convenient way for others to send crypto by simply scanning it with their device.This feature reduces the risk of errors associated with manual address entry.

‍

3.Below there is a field with address with a link labeled "Copy" This option allows users to copy their receiving address to the clipboard with a single tap.This feature is particularly useful for sharing the address via text, email, or other communication methods, ensuring versatility in how users can receive Bitcoin.

‍

‍

‍

‍

Swap Screens:
‍

The swap screens in your cryptocurrency wallet application enable users to exchange one cryptocurrency for another seamlessly:

‍

‍

1.The screen includes dropdown menus or selectors on the left side of the fields where users can choose the cryptocurrencies they wish to swap.

‍

2.The top selector is for the cryptocurrency the user wants to swap from, and the bottom selector is for the cryptocurrency they want to receive.

‍

3.There is an input field where users can enter the amount of cryptocurrency they want to swap.The field includes real-time validation to ensure the entered amount is within the user's available balance.

‍

          Next to the amount input field, there are three quick action buttons: "Min," "Half," and "Max."‍‍

                   Min: This button sets the amount to the minimum allowable limit for the swap.‍

                      Half: This button sets the amount to half of the user's available balance of the selected cryptocurrency.‍

                     Max: This button sets the amount to the maximum available balance of the selected cryptocurrency.

‍

           These options provide quick and convenient ways to select commonly used amounts, enhancing user efficiency.

‍

‍

‍

‍