treetracker-web-map-client
treetracker-web-map-client copied to clipboard
Design a suite of icons to distinguish the pages
For example, these two pages looks the same, but actually the are different page for us: a tree indicating an individual tree on the earth, and a token indicating a piece of positive impact for climate change, but every token will be bound to a tree, so these two page looks similar.
[the online link](https://map.treetracker.org/wallets/8de4ce55-f17c-41fe-9cc7-c21a47872405/tokens/19db8b40-7c29-4e76-833c-2a46744edfb9)
[The online link](https://map.treetracker.org/trees/189259)
So we need improve the UX to distinguish these pages, an idea is to add a icon before the text to indicate the type of this page, for example: a tree icon.
Now we need icons for these pages:
- Single tree page, example
- Single token page example
- Wallet page: example
- Organization page: example
- Planter page: example
There is our previous design file for this app: https://www.figma.com/file/kF69K6r81GxoV8eGCgtOFY/Greenstand-Webmap-(Copy)?node-id=11034%3A36450&t=pXBywLVW8whP61io-4 https://www.figma.com/file/kF69K6r81GxoV8eGCgtOFY/Greenstand-Webmap-(Copy)?node-id=11024%3A36165&t=pXBywLVW8whP61io-4
Some hints:
- Please read our readme for more information/guide/tutorial.
- For design guidelines checkout our Figma design.
- Here is an engineering book in Greenstand.
- To know more about our organization, visit our website.
- If you want to join the slack community (some resources need the community member's permission), please leave your email address.
- More issues in this project: https://github.com/orgs/Greenstand/projects/26
The above link is broken, please check these links: https://map.treetracker.org/wallets/8de4ce55-f17c-41fe-9cc7-c21a47872405/tokens/19db8b40-7c29-4e76-833c-2a46744edfb9 https://map.treetracker.org/trees/189259
Hey I can work on it please provide me with what icons you need to add on a particular page @dadiorchen
@MohitBansal321 the icon design is in progress, I will let you know when we finished