Although wine web design can be as artistic or as functional as you so desire the overall structure really comes down to a few simple components:
- the header
- the body
- the footer.
Wine Web Design Basic Structure
With the body you have four variations to do with the body columns
You can have a single column, a left or right column or three columns.
There are many small variations of these
- virginwines had a ‘floating’ fourth column to the right
- wineonline.ca had two single body columns stacked on top of each other (2 footers kinda)
- many blogs (including this one) have two right columns and a large left column
- some have banner images at the top of the body that seemingly splits a column into a box – but it is just a column with an image.
Different parts of the website often have different structures
Often you start with a home page and category with 3 columns and then move into left column product pages.
Inside the columns you can have boxes or ‘blocks’.
These blocks often hold navigation bars, shopping cart summaries, recently viewed info, promo ads, ‘widgets’, images, or just plain text boxes.
So that’s the basic overview of a wine store website design structure
What do you think?