w1 Assignment – FedEx page

Choosing the piece to analyze was no easy task. At first, I looked at posters of movies/bands/books I liked, but I had a hard time identifying a grid and a typography, and usually there was too much dead space.

I like the FedEx webpage because it is easy to navigate. It doesn’t overwhelm the user with lots of information. The site is concise and not too big.

Structure

The site has a clear distribution of header, content and footer. The content has a very definite grid. Even when the overlay from the navigation in header is shown, the grid is respected.

I strikes me why the grid was not respected in the footer. The 5 categories could be put below the 4 columns, for example putting the 2 shortest ones under the same column, or merging two of them. It may have been made this way on purpose to distinguish the footer from the main content, or to avoid people thinking there is a relation between the footer categories and the main content ones.

Use of space

The negative space on the margins is for centering the page. On the main content, negative space is used as a buffer to have a clear start for the footer. It is again the footer that where I am most confused. There is too many unused space there. I cannot understand why they put the 5 footer sections on the left half of the footer, and they left the right section almost empty, save for the social icons, country/language selector and the 3 links for below on the right. It seems to me that a better distribution could be achieved. Again, maybe it was made on purpose to avoid having too many things close together.

Fonts

For everything but the FedEx logo, the font family is Arial. The site alternates between standard Arial and ‘Arial Narrow’, and sometimes the boldĀ weight is used. The FedEx logo uses a proprietary font, based on Univers and Futura. All the text is left aligned.

Palette

The page has a very clear color palette, reminding us of FedEx colors: purple and grey. Two shades of grey are used, one lighter, mostly for background, and one darker, mostly for font color. And white is used also for background

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>