search

pendulum-chain / pendulum-webapp

Repository for the testnet prototype of the Pendulum web application
GNU General Public License v3.0
1 stars 0 forks source link

Revamp the webApp design #69

Closed prayagd closed 2 years ago

prayagd commented 2 years ago

In order to provide better UI for the user to interact with the Pendulum webApp. We need to revamp the design of certain sections of the webApp currently hosted here https://prototype.pendulumchain.org/balances The following are :-

  1. Navigation menu
  2. Balances
  3. AMM

This is the design reference image

Some terminologies that are changed in the navigation bar

  1. Balances should be renamed to dashboard
  2. AMM should be renamed as swap

Note-

  1. There are also other sections present in the design. Which are not to be developed currently on the webApp. These are the staking returns graph and buy and sell $PEN window.
  2. Also governance and staking should be skipped from the navigation menu.
  3. The rest of the functionalities of the current webApp stay as it is.

The CSS styles of design will also be shared below.

prayagd commented 2 years ago

@ebma Here is the css styling for the design https://xd.adobe.com/view/0c025253-2543-4708-9be9-b2b413aea167-5951/screen/983e9c53-8681-493b-8d8a-febae8e054c9/specs/ It is on the 11th slide.

erasmus commented 2 years ago

Are we considering basic responsiveness for this version?

prayagd commented 2 years ago

@ebma updated link for the css styling https://xd.adobe.com/view/cb4888f2-be10-4b2e-7375-d1c4b6c17ea2-bd79/screen/983e9c53-8681-493b-8d8a-febae8e054c9/