Personal CV Website

June 28th, 2008

I have started work on a new design for http://www.mattwreford.com/, the owner of which felt that his existing site wasn’t really up to scratch. Knowing only that the client likes very simple and minimal designs, here is a screenshot of my initial layout and general concept for the site.

It will be quite a simple structure of 5 pages (four plus a link to a CV download) as requested, tabbed, and with two main content columns that serve different purposes on each page. For the CSS aspect of this design I have experimented with fluid column widths on both sides, where the content is grouped clearly in two blocks but they centre and expand within their columns with the resizing of the page.

Tabs

Here is a screenshot of the site’s tabs I have been drawing out in their original vector format.

Naturally they will feature three states, an active tab that merges with the current page, an inactive tab and a highlighted inactive tab when a user moves their mouse over it.