In Progress

CSS and Site design for Blog site

We are a custom home builder looking to add a blog to our new website. Our goal is to achieve an inviting, comfortable, and friendly design. This design will be for the blog only, separate from the theme of the website.

Our website is built using a custom CMS. The blog features have already been built, including summaries, posts, comments, archives, tag clouds, recent posts, etc. We are looking purely for a theme to add to the CMS to style the display of these features.

Requirements:

• Responsive web design.

o Must adapt for all screen sizes and devices.

o Must provide progressive enhancement features (css, web fonts, image optimization & retina displays)

• Encouraged to use a framework such as Foundation or Bootstrap but not required

• Must be HTML5 / CSS3 / Javascript based.

• Create a separate css file for modifying colors. We are in the process of updating our color scheme and we will need to adjust the theme accordingly.

• Include 2 pages

o Blog summary page – the home page of the blog containing the most recent posts.

o Blog post page – the view for a single blog post

• Theme Features – design needed for the following features of a blog

o Navigation - We will have 5 high-level categories to navigate between

o Navigation between older and newer posts (pager)

o Icons for facebook, twitter, google+, pinterest, and youtube

o Comments – display all below post

o Comments – form to post a new comment

o Search

o Archives

o Recent posts

o Tag cloud

Our favorite blog by far is from Ryan Homes. We would like to achieve a design similar to this but not a replica. [url removed, login to view]

We have created a markup of their blog indicating the particular features we like the most. [url removed, login to view]

A mockup of our thoughts on a design is attached. The overall page should give the visitor the impression that they are looking at a wall. The page should have a subtle background pattern or a very light color, not just white.

At the top we have a floating shelf. In this picture the view of the shelf angle is not the same as the desk – these should be the same in the final design. The logo and social media icons should appear to be sitting upon the shelf. You can use a placeholder logo for now. The social media icons should be included as part of the design.

In the middle we have a pin board used to display the blog post summaries. This will flow through to the individual post page as well. The individual post should appear to be pinned to the pin board as well, in full width.

The pin board frame here does not match the texture of the desk. In the design the frame and desk should have the same color and texture. The pin board will need to be flexible in height to accommodate the length of blog posts.

Here we have replicated the white containers from the Ryan Homes blog for the posts. This time they are varying in size, similar to Pinterest. The varying size is optional. Either style is fine.

At the bottom we have a desk to contain the footer. The goal is to give the impression of looking at a wall in a home office.

Skills: Blog Design, CSS, Graphic Design, HTML5

See more: youtube new page design, youtube html5, youtube background picture, www top web design com, www the use of social media com, www progressive com, website design pattern, website design for google search, website cloud design, website bootstrap design, website and graphic design new, web pattern design, web html5 framework, web graphic design posts, web design theme blog, web design posts, web design pattern wall, web design home office, web design for picture, web design for facebook, web design fonts, web design categories, Web Design Bootstrap, visitor design pattern, top web design pages

About the Employer:
( 3 reviews ) Mckeesport, United States

Project ID: #4669791

Awarded to:

jowinlee

I'm your pixel perfect, bootstrap/responsive HTML/CSS guy. Please check my reviews.

$350 USD in 7 days
(5 Reviews)
4.0

19 freelancers are bidding on average $403 for this job

intelligencei

Please check PMB.

$618 USD in 10 days
(58 Reviews)
7.0
guru004

I would like to work on this project :)

$300 USD in 5 days
(213 Reviews)
7.0
manpreet

We are experts in such websites.

$421 USD in 15 days
(27 Reviews)
6.8
ssahilsl

Dear Sir/Madam, We always Provide all services such as Web Design & Development, PSD to HTML, PSD to HTML to Wordpress, Graphic Design, Landing page Design, Logo, Banner, Brochure, HTML, XHTML, HTML5, PHP, Word press, More

$514 USD in 20 days
(80 Reviews)
6.2
JoomlaVogue

Hello Sir, We have gone through the details you have provided and would be pleased to work on this with you to deliver the results that you have expected and We are sure you will not be disappointed if you give us More

$412 USD in 10 days
(27 Reviews)
5.6
infoashainfotech

We are a creative digital agency with a lot of experience in web design. Please see our portfolio for your reference. We can do this job in 20 days.

$394 USD in 20 days
(15 Reviews)
5.3
shinydgn

Expert web developer here... has been working long time. you can hire me for quality work. Thanks

$452 USD in 3 days
(32 Reviews)
5.1
webmestro

Hi, please check your pmb

$487 USD in 7 days
(18 Reviews)
5.1
ahsansyousuf

Hello I can do this job honestly kindly check private message

$500 USD in 5 days
(2 Reviews)
4.2
farhaoui

Hi, we are a team of programmers and designers with expertise and experience in PHP, Mysql, jQuery and Ajax. We have coded and designed websites for various types of businesses very successfully. We have developed many More

$412 USD in 3 days
(12 Reviews)
4.2
idreamstudio

Hi, kindly check your inbox for references and details….

$315 USD in 10 days
(6 Reviews)
4.2
miniric3

Hi, We can give you the best and quick output. We have a professional team in your required area, they work sincerely. You will get your desired output from us. We are very much concerned about quality and customer sa More

$515 USD in 15 days
(3 Reviews)
4.1
ktmfreelancer

Hello, i went through your requirement. I am an expert in CSS / CSS3, HTML5 / PHP / Mysql / Jquery / Wordpress. Ready to start right away!

$412 USD in 7 days
(7 Reviews)
3.9
serialkey

Ready to start. Check PM

$350 USD in 4 days
(7 Reviews)
3.4
irshadwazid

Hello. First of all let me thank you to going through your requirement for CSS and Site design for Blog site I would like to inform you that I have worked on many projects in last 7 years using open source tech More

$300 USD in 3 days
(5 Reviews)
3.0
ngush

Hello, let me work for you in this and many more projects. Thank you

$444 USD in 3 days
(1 Review)
1.3
bmartynvw

Can be done!

$589 USD in 30 days
(1 Review)
0.8
SubodhStha

Hey see my pvt. message. Please.

$300 USD in 7 days
(2 Reviews)
0.0
khanfarid

Glad to work with you and I am ready to do this work.

$333 USD in 3 days
(0 Reviews)
0.0
dimitris92

fast and proffessional deliver

$500 USD in 3 days
(0 Reviews)
0.0