Website landing page revamp

49

UPDATE

TBC

  • Social icons
  • A Privacy page with instructions on how to access Privacy apps from Guardian project, and how to setup the Panic mode, a link to encryption apps, a link to other privacy resources? (More on this is mentioned)
  • (EDIT: Add RSS icon to social/community icons in nav)
  • (EDIT: Maybe add a ‘Tell a friend’ pane (see below))
  • (EDIT: Reduce contrast and arc/circle numbers in top artwork (see reply #49 below).)
  • (EDIT: add a “Javascript is enabled in your browser. Learn about how JS may impact your device and privacy.” message to users who have JS enabled in the browser?)

Mobile (click to see full page)

tmp_10058-pmob11-1446646656
tmp_10058-pmob11-1446646656617×11242 1.37 MB

Mobile menu

tmp_10058-pmob11_menu-2115884468
tmp_10058-pmob11_menu-2115884468704×1246 166 KB

Desktop

tmp_10058-DesktopF1905957104
tmp_10058-DesktopF19059571041811×10049 2.44 MB

Desktop menu

tmp_10058-DesktopF_menu531574113
tmp_10058-DesktopF_menu5315741131809×1035 410 KB

@shubhamtyagi thanks and agree. A download button at the bottom is important.

@hotlittlewhitedog, there are security and privacy reasons for blocking JS.

There is no DL button in the donate region, look closer ; ). I tried removing the rounded donate buttons but it made the pane look very cluttered, interestingly.

@fd-fan, sounds fair. I won’t include Font Awesome.

The problem with the distinct separation is it make the top message appear cramped.

@ggruber, inkscape is pretty great, despite a few issues, I plan to use it to the end, : )

@oF2pks, I like ur idea of using design motifs (in this case colours) to link F-Droid to Gitlab. The problem is blue is a good, calming colour for F-Droid. Keep in mind with your design that colours in different proportions can do different things. So an entire wall painted orange has a different effect than a few small elements in orange. I feel like over-hauling the logo is a bit outside the scope for this project. All I did is shapern a few bits and add a shine. What would be good in the future might be a design competition to develop a new robot. The new robot would need to get a 70% approval rating over the existing robot, to justify the change. As I said before though, you dont need to worry about the blue colour damaging your screen because F-Droid doesnt need to be on your screen, especially for a long period of time. If it really bothers you have you tried talking to the people who make that Amexia app? They might do a version in colours that are less damaging to screens. I’m interested in learning about this problem myself. Might you please provide a link to the scientific studies?

NEW NAV LINKS:

NEW CONTENT LINKS:

AFTER F-DROID PAGE IS DONE:

OTHER MINOR SITE IMPROVEMENTS:
For pages that are not the landing page, I am keen to keep the same layout (ie. content in the wider left column and news, donate, and latest content on the narrower column on the right). The top navigation bar, language and App Search functions may be updated to match this landing page.

‘Docs’ page (Docs | F-Droid - Free and Open Source Android App Repository)
Slight rework may be desirable:

  • Docs => Documentation?
  • General FAQs could be on this page, but collapsed (checkbox hack to reveal them without JS).
  • App FAQ could be on this page, but collapsed as above.
  • Tutorials could be listed on this page under a “Tutorials” heading, thus completely eliminating one page load/click.

‘Security Model’ page Security Model | F-Droid - Free and Open Source Android App Repository

  • Grammer (minor): A comma at top of page has white space before it. Therefore comma can (and does) appear on a separate line.

EDIT: Wiki page (https://f-droid.org/wiki/page/Website_home/en-proposal)

  • This page is interesting. Its about redesigning the home page! The writers had a different approach to explain in greater detail some of the abilities and features. We should seek to ensure that all the information that is presented (and still valid) here is featured within the FAQs (About | F-Droid - Free and Open Source Android App Repository). If no one volunteers this then I will do it another time and re-edit this reply to list the recommended changes. Some of the info on this page may be obsolete, or self-explanatory these days but not all of it. If the content on this page is updated a bit it may be useful today on a ‘Tell a friend (about F-Droid)’ pane. The text could read, "F-Droid is 10 years old and has become a trusted, FOSS app repository. Share your passion for FOSS apps and [get your friends and family up to speed with F-Droid]. On click, a text area appears with words, “Copy/paste the text below into your message.” (??? EDIT: Thoughts on this ???)
9 Likes