Giveth/liquidity-mining-dapp#165

• Full width image
• limited scroll of top menu
• donation component: https://www.figma.com/file/d3ciTS36toS9mra0RAPMe2/Giveth-Design-System-v0.1?node-id=1410%3A56982

As a user, I need to sign with my wallet to be able to Give Hearts, See My Accounts page and Create a Project.

• Implement the new sign-in modal, design is here: https://www.figma.com/file/nVoinu0tgJ565enN5R4WDE/Giveth.io-%26-GIVeconomy?node-id=3515%3A96880

Ask It :

• before giving hearts:
• Before going to My Account, My donation, my projects, ask for sign-in
• Before deactivating/reactivating/editing the project from Project Single Page (owner view)
• Before Create a Project
• Before completing the profile.

As a user when first time, I connect my wallet with my wallet, this modal should be shown:

Design Asset:

Welecom to future of giving

What new feature(s) would you like to see on Giveth?
A way for project owners to thank donors through Giveth

• Name of project owner is missed, it should be under the title.
  

• donations tab: Design of table should be like a public profile page, with given sorting and pagination.

• Partners or third parties logo should be shown above the donate button. we only have GivingBlock for it, we may have CHANGE later.
  

• Counts of updates and Donations are missed in the tab.
  

• Search box should be in front of tabs, not below tabs

• More space is needed between tabs and pictures of the page.
  

• If the project is not Trace, we don;t have to show Traces links

• If no donations are made we have to say "Be the first one who donate to this project, or let the world know by sharing this project. ,"

@MoeNick commented on Mon Jan 17 2022

Over View Page Design

Elements:

• Short Profile Description
• Donations total amount / total count - Amount should be calculated based on the USD value of currant
• Total projects

Create sections on the Homepage and Projects page with curated list of projects to donate to.
Make it easy for user to explore projects, categories, causes they can donate, not needing to rely only on search or filters. Increase project discoverability.

Todo:

• Define a list of curated buckets (based on a theme or category or cause or other)
• Design generic section (tiles banners) promoting the curated bucket list of projects
• Integrate these sections on the Homepage and Projects page, additionally include the sections at the bottom of the Project single page
• Design the category/bucket single page (listing) similar to current Project Single page with banner at the top, bucket list name, number of projects and other related information as needed

Design resources

Link to Figma GDS component-> Toast component

You can find all possible use-case.

We need to show categories as a submenu, under Projects. but we need to pick up to 7 main categories to make it easier for users to find the thing they are looking for and not make a really long list of categories.
Note: over than 9, is not UX-friendly at all!

So here are my suggestions,

Main categories:

• Environment & Energy
• Finance & Economy
• Health & Medical
• Technology & Education
• Non-profit
• Art & Culture

Each of these categories has these subcategories:

Environment & Energy: Agriculture, Air, Climate, Energy, Land, Oceans, Pollution, Waste, Water
Finance & Economy: Housing, Employment, Finance, Infrastructure, Reall state
Health & Medical: Food, Nutrition, Health
Technology & Education: Technology, Research, Education
Art & Culture: Art & Culture, Community, Inclusion, Biodiversity

❓ Why is it important?

It's not UX-friendly at all to have a long list of categories as a sub-menu!

🤼‍ Reviewer

@laurenluz @MoeNick @markoprljic

🔗 Work doc - inspirational links

My Account section includes private data, so before loading the data, we should not let the user see the information, and avoid viewing the data if he rejects to sign-in

Acceptance criteria:

1. When Pressed on My Account / My project we show the sign-in modal (for example if he is on the home page, clicking my account from the top menu, we should show the sign modal in home page )
2. if the user signed it, we let him go see these pages
3. if not, we let the user stay at the current page he is.

• LoginPage
• Select wallet Modals
• Menu (Sign out)
• Switch Wallet

UAT Test Problem raised:

• Header styling is not following the design (Shadow)

• Menu is not following the design (Shadow)
  You can find design assets here:
  https://www.figma.com/file/nVoinu0tgJ565enN5R4WDE/Giveth.io-%26-GIVeconomy?node-id=3515%3A96894
  https://www.figma.com/file/nVoinu0tgJ565enN5R4WDE/Giveth.io-%26-GIVeconomy?node-id=3515%3A96894

• "Sign-In" button should be invisible when not signed-in.

• GIV button and reward menu, will only show after sign-in.

• Selected Tab background in top menu (eorexample when in homepage, it should have background)

• When user clicks on Change wallet, the user should not see sign-in again.

• Ic ant see my account name

@MoeNick commented on Mon Jan 17 2022

As us user I want to see list my donations and the USD value of them.

Design resources

• My donations tab

Note: for the current state we only have the sorting on the table, we'll add filtering in the next sprints.

https://www.figma.com/file/d3ciTS36toS9mra0RAPMe2/Giveth-Design-System-v0.1?node-id=2059%3A59953

in this page: https://giveth-dapps-v2.vercel.app/partnerships
links to partners websites are not working properly.

@MoeNick commented on Mon Jan 17 2022

Me as user, want to see my liked projects in a list, so I can take a look at them later.

Design resources

• Liked projects tab

As a user, I want to share interesting projects with just couple of licks to my socials.

So when I click on this share icon:

I see this modal and use these social services to post 'em there.

Design resource

Link to Share component -> Share component

https://www.figma.com/file/d3ciTS36toS9mra0RAPMe2/Giveth-Design-System-v0.1?node-id=1157%3A55588

As a user want to see the proper destinations for the below links

• About Us ->https://giveth-dapps-v2.vercel.app/about
• Partners -> https://giveth-dapps-v2.vercel.app/partnerships
• TOS -> https://giveth-dapps-v2.vercel.app/tos
• Support - > https://giveth-dapps-v2.vercel.app/support
• Join our Community -> https://giveth-dapps-v2.vercel.app/join

GIV economy should selected when we are in GIVeconomy routes

Right now it is this super outdated photo... it doesn't do justice to our current team of rockstars at all... I strongly suggest we update it in the new version. sure it's a nice photo, but it is not a photo "about us"... you could just as easily put a random stock photo and photoshop Griff into the middle of it.

@markoprljic a while ago I suggested making some kind Giveth banner using some design elements and having little cut out for people's faces. Something like this silly thing

@playingleela could perhaps make something like that? Or if that's too much work, we could replace this with something generic and on-brand?

All other values show properly except for this one

@MoeNick commented on Mon Jan 17 2022

As a Project Owner, I would love to see all of my donations and their status on a list.

Design resources

• My projects tab

Note: for the current state, we only have the sorting on the table, we will add the Filters in the next sprint

As a project owner, I want to post an update when I open my project update tab.

Design:
https://www.figma.com/file/nVoinu0tgJ565enN5R4WDE/Giveth.io-%26-GIVeconomy?node-id=2776%3A94800

it's hard coded ,it's a place holder
because it's $50.32 for all projects
we should use this field totalTraceDonations

404, 401, 500, 502, 503 etc. https://www.presslabs.com/how-to/error-pages/

What new feature(s) would you like to see on Giveth?
Have a feed of the latest project updates displayed somewhere on the DApp.

As a new user, I need to see a modal right after I click on it in every part of the DAPP, telling me I have to complete my profile.

Details:
If the user doesn't have a complete profile (either Name or Email is missing) , we should show this modal, and lead him/her to the onboarding page.

Design :
https://www.figma.com/file/nVoinu0tgJ565enN5R4WDE/Giveth.io-%26-GIVeconomy?node-id=3515%3A96883

• GIVbackWL warning
• GIVback after success donation
• Custom Token donating

Please match every donation of ETH or another token with a donation of your own ERC-20 token minted proportionally (or by another formula) to the amount donated.

The philosophy is simple: We are giving not enough ETH to users despite all our attempts. We should give more. If we give them your own tokens, they would probably sell it and get some (much or not much, we don't yet know) additional ETH, what is a good thing. This way you could effectively multiply to some coefficient the amount of donations to the recipients for no cost to you! I hope it will eventually cost more than ETH because it is more difficult to receive it than ETH: ETH can be received in any way, this only through service to the community what is a hard job.

The tokens need to be listed on exchanges.

• Text Boxes
• Background of drop down menu
• All other components
• Space of the top should remove/

What new feature(s) would you like to see on Giveth?
I made a donation on behalf of some people and it would be nice to be able to acknowledge that and have it appear in the donation list area, either by replacing the donor's name or with an extra text field.

What new feature(s) would you like to see on Giveth?
An easy way to contact project owners

As a user, I can choose to stake on unipool (givfarm pools) by two transactions of approve+stake instead of a single transaction of stakeWithPermit.
It is useful when a multisig user wants to stake and he/she cannot sign a message in advance.

Refs Giveth/GIVeconomy#502

As a user, I want to see the terms of services in this link https://giveth-dapps-v2.vercel.app/tos

Please copy the content from here: https://giveth.io/tos