Skip to content
Daniel Stenberg edited this page Jun 9, 2015 · 11 revisions

This is an attempt to improve the curl.haxx.se web site's layout to make it easier to navigate and allow users to easier and quicker find what they're looking for. Ideally, it should also work better on smaller screens/mobile phones.

Original

To make it easier to see the differences, here's first what a window with the official site look today.

original

Modifications

(New logos, color schemes or font layouts will be handled separately if anyone would help out with or suggest that.)

take 1

  1. Layout no longer using html table to show left side menu
  2. Simplified front page - removed news, mailing list traffic table, weekly video
  3. Made front page single-column
  4. Put a "News" entry in the main menu (where the weekly videos are now found)
  5. Removed "web site info" and "search" from the main menu - put the web site info menu item in the docs menu
  6. Sorted the menu items alphabetically

Good/bad changes? What else should be done to improve the front page?

Here's a sample snapshot:

web site screenshot

take 1 version B

Anhad Jai Singh suggested larger menu and narrow main column.

take 1B

take 1 version C

In order to work better on more flexible screen sizes I've experimented with putting the menu behind a "hamburger" menu to only pop up when selected. Then it looks like this:

normal

With the menu selected:

menu selected

And on a smaller phone-style screen:

phone screen

version D

I'm pretty fond of the clean style hiding the menus brings. In version D I'm introducing a "max-width" that will prevent the content to go very wide, mostly since it is almost always text that gets really annoying to read if presented very wide - and I'm testing out a very basic top menu (present on all pages) with the two most important destinations of the site.

Another minor thing is that I replaced the title and first question below the logo with just a horizontal bar.

version E

Hiding the menu by default is considered annoying by most people (including me). Here's instead an experiment to move the menu to the top, and also to force the number of menu items to be small (max 10) at any one screen.

This is also very phone-friendly.