Home page enhancements - Githubissues

threefoldtech / threefold_connect

Apache License 2.0

7 stars 4 forks source link

Home page enhancements #655

Open zaelgohary opened 1 month ago

zaelgohary commented 1 month ago

The Home could have some enhancements.

The background map might suit the web view but it's not suitable for the mobile view. What if we used another one instead?
The Threefold logo & title with the Threefold Connect look a bit repetitive and make this section look a bit crowded. What if we only used the Threefold Connect title instead?
The spacing between page sections is not consistent (before and after the description)
Rephrase the description to a more engaging phrase highlighting the overall view of the app

ehab-hassan commented 1 month ago

WIP working in 2 options and making sure it works fine with both mode

https://www.figma.com/design/Y17fOEbL8KLRkwzm9TqkBv/TF-Connect?node-id=0-1&node-type=canvas&t=4lDwyjajeeN6uCaL-0

ehab-hassan commented 1 month ago

option 1 Frame 427320959 (1)

option 2 Frame 427320960 (1)

option 1 with mock-up

For the opening text, I collected the benefits of ThreeFold Connect App from manual https://manual.grid.tf/documentation/tfconnect/tfconnect_overview.html "The ThreeFold Connect app offers secure passwordless 2FA, decentralized access to the ThreeFold Network, a private wallet to manage TFT tokens, and a built-in support chat. Stay updated with the latest news directly in the app."

ehab-hassan commented 3 weeks ago

other option to keep BG and change the logo Home

khaledyoussef24 commented 3 weeks ago

verision 3.9.1 android 15

verified now the home page looks like this in the 2 styles testcase

ramezsaeed commented 3 weeks ago

@khaledyoussef24 I can see the spaces are not equal before and after the description. please check again in the latest version.