www.kiwix.org Design Revamp - Homepage

[ghost]

Description - Axioned presented two versions of the homepage design: Version 1 and Version 2. Version 2 is approved with minor adjustments

Simple Version with less imagery Kiwix Homepage Version 1 (Desktop)

Modern Version with more imagery Kiwix Homepage Version 2 (Desktop) Kiwix Homepage Version 2 (Mobile)

Meta Data Description - Title: Kiwix - Free and open-source software that brings knowledge to millions Description: Kiwix is a free and open-source software that allows you to access knowledge offline without internet connection. Download Kiwix Desktop or Kiwix for Mobile today. Keywords: kiwix, offline wikipedia, open-source, knowledge, software

[rgaudin]

First link not working

[ghost]

Hi @rgaudin Please Ignore Version 1 link as Version 2 was approved

[sumeetuprdxn]

Hi @rgaudin:

Sorry for delay here.

Here is the Figma URL: https://www.figma.com/file/atKBgNfsDz5MvmsOGHY2ls/kiwix?node-id=126-244&t=E2Opi57AQX4IqwRa-0. You should be referring to "For Developers" tab from the left hand navigation.

Meta Data Description to be considered during the development of page as below (this is only a recommendation, but if you have any alternative data then feel free to use them.)

• Title: Kiwix - Free and open-source software that brings knowledge to millions
• Description: Kiwix is a free and open-source software that allows you to access knowledge offline without internet connection. Download Kiwix Desktop or Kiwix for Mobile today.
• Keywords: kiwix, offline wikipedia, open-source, knowledge, software

Regards, Sumeet

[ghost]

Hi All,

Moving this ticket to separate repo i.e. libkiwix. So this issue can be closed here

[rgaudin]

libkiwix only hosts the WebUI you can see at https://library.kiwix.org/ ; not the www.kiwix.org one

[ghost]

@rgaudin ok Understood we will keep this ticket intact on this repo. I will delete the issue posted on libkiwix

[ghost]

Here are some guidelines for Dev -

• H1 tag should be used for the page title (banner title).
• The sections for our mission, our features, partnership and sponsor, get involved, blogs and article, and offline access make a difference and should be formatted as H2 tags.
• The number in the "Offline access make a difference" section can be increased from 0 to a given number using JavaScript.
• In the "Our Features" section, the listing image and heading should be clickable, leading to their respective pages.
• Similarly, in the "Blogs and article" section, the listing image, "Read more" button, and heading should be clickable and lead to their respective pages.
• The headings for the "Our Features" and "Blogs and article" sections should be formatted as H3 tags.
• The sponsor images should also be clickable, leading to their respective pages, which should open in a new tab.
• Finally, in the "Get involved" section, the card heading should be clickable.

[Popolechien]

Since we're moving to a more direct approach I believe we can close this ticket, can't we?