Golden Grid Layout as Used in a Local Farm’s Website

Screen Shot 2015-05-16 at 10.16.27 AM

Screen Shot 2015-06-06 at 1.20.32 PM

I recently designed this website for a CSA farm that’s located a few of miles away from my house. The entire design is based on the phi (or “golden”) ratio that I mention in earlier posts.

The red spirals in the second image show how the individual web page elements connect with the larger whole of the page. None of these red lines are seen by the site visitor, but the proportions of the site are felt to be harmonious.

This site also makes use of what are called “content scrollers”. By deliberately setting up a rectangular area of specific proportions — within which text and images can be placed — these content scrollers allow web designers the possibility of producing web pages that have definite compositional relationships. These compositions, in turn, are closely tied to visual hierarchy. They make it easier for the site visitor to understand and navigate the content.

Deactivating the scrollers for phone displays ensures that the site visitor can easily navigate the content on these mobile devices as well.

The back-end coding for the content scrollers was provided by Manos Malihutsakis (aka “Malihu”).

Leave a Reply

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