Announcement

  •  » Announcements
  •  » piwigo.org got a new homepage + new header

#1 2010-04-26 17:17:22

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13791

piwigo.org got a new homepage + new header

Hi piwigo.org visitors :-)

The design of piwigo.org homepage was updated. The new design is a minor enhancement. The colors are unchanged, yes we still have the light grey text on dark grey background. What really changed is the homepage. The most important page I would say. The previous homepage was beautiful but was not efficient. Each time I got feedback about the old homepage, it sounded like “your homepage looks nice, but I have no clue what Piwigo is about”. Here is the old homepage:

http://piwigo.org/forum/showimage.php?pid=113132&filename=piwigo.org_homepage_before.png

I’ve taken the screenshot on my 1680px wide screen, to show that it was producing a lot of empty space.

Here comes the new homepage:

http://piwigo.org/forum/showimage.php?pid=113132&filename=piwigo.org_homepage_after.png

On the homepage itself, the recipe is:

* illustrate what Piwigo is with a big screenshot
* describe Piwigo in a few words, with a big font-size, as easy to read as possible
* make the download link obvious
* describe a few features (Categories, Tags, Themes & Plugins, Privacy)
* give the quick start (the Hosting page is under preparation)
* quote users about Piwigo (true testimonials, of course)

The audience of the homepage is the new comer in priority. It must be clear what Piwigo is just from piwigo.org homepage. I hope the new homepage will achieve this goal.

Second big change: the header you see on all pages of piwigo.org. Here is the old header:

http://piwigo.org/forum/showimage.php?pid=113132&filename=piwigo.org_header_before.png

Main links are in small size, with a heavily decorated background, links are not at the same height (floating effect). Here comes the new header:

http://piwigo.org/forum/showimage.php?pid=113132&filename=piwigo.org_header_after.png

Here is the recipe for the new header:

* no disturbing background,
* bigger font size,
* the active section has a distinct background color,
* language switch (piwigo.org is currently available in 10 languages),
* search box (using Google Custom Search),
* nice looking tooltips (using jQuery tipTip plugin).

Here is the language switch:

http://piwigo.org/forum/showimage.php?pid=113132&filename=piwigo.org_homepage_language_switch.png

And the nice tooltips:

http://piwigo.org/forum/showimage.php?pid=113132&filename=piwigo.org_homepage_tooltips.png

I hope new comers on piwigo.org will appreciate the new design.

Another deeper redesign is in progress, this one was focused on making the homepage more efficient.

Offline

  •  » Announcements
  •  » piwigo.org got a new homepage + new header

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact