Coding+Design | Blog Makeover

A proposal to reformat a standard blog post. Prototype created primarily in Google Chrome's HTML editor to work within coding limitations with variations visually tested in Photoshop.

The original blog site design is incredibly busy, lacks practicality, and does not drive focus. Keywords and meta-tags hoard the screen realestate and text is difficult to read on an orange image background. Additionally, the background image unnecessarily lengthens page loads. 
The text heirarchy has been established to a more traditional and logical format.
The datestamp for the each post would be visible in small px-size above the title ( left-aligned) The blog description <div> would have a white background increasing legibility. 
Keywords are moved below blog pre-jump copy.
Page background is a solid color. 
Back to Top