Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Jacobus Hindson
Jacobus Hindson
14,429 Points
Posted by Jacobus Hindson
Jacobus Hindson
14,429 Points

New Site Feedback

Hello Everyone,

I have recently undertaken the Wordpress Development Track and finished the Theme Dev and Bootstrap to WP sections. A big thanks to Zac Gordon for the structure of the courses it has been a great experience.

I am now looking for feedback on my first site built from code up. If you have a few minutes to spare please check out my site located here.

My career has been as a network administrator and my design skills are not quite there visually so any assistance would be appreciated.

I am hoping to roll out a few more sites soon and restructure some of my customer sites that have been mainly Free Templates or made with Drag'n'Drop systems like Headway.

Thanks again and see you round the forums.

2 Answers

Sue Dough
Sue Dough
35,800 Points
Sue Dough
Sue Dough
35,800 Points

  1. Your glyphicons our broken on the slider navigation. I am on Chrome. I would ditch the slider completely. I don't see the point especially with two text items that could easily be combined into one. Maybe a heading with a subheading on a full width photo instead.

  2. Font from origin 'http://www.itclicks.com.au' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://nginx.itclicks.com.au' is therefore not allowed access.

  3. I think your 3 col-md-4 should all be even with content. It looks uneven right now. I would make sure all the type has the same amount of lines so they are all even and ditch the customers logos part. I would then take the logos and put those in a full width column.

Jacobus Hindson
Jacobus Hindson
14,429 Points
Jacobus Hindson
Jacobus Hindson
14,429 Points

Hello Ghost,

Thanks for the feedback, 1 and 2 are both because i moved the site to www. in stead of nginx. which I was using as a setup platform. So they both work/look fine when visiting www. I see your point about the slider but Its a 2 slide placeholder while I work on more content.

As for point 3 good feedback - I will have a play with that and see what I cant do.

rydavim
rydavim
18,813 Points
rydavim
rydavim
18,813 Points

It's a little intimidating to comment on someone's work who is much more experienced, but I know if it were me any feedback is better than no feedback. My background is mostly in art, so I'll give it a shot.

I like the color scheme. The muted blue and gold go really well together I think. I might even just stick to those two, and ditch the purple-ish link hover for a grey or gold.

Overall you site has a nice clean feel, and the font is very readable and approachable.

The use of graphics is nicely balanced with the text.

There are some minor things I might personally change, but design is pretty subjective so take it's pretty take it or leave it.

There is some distortion of the images in the main page scrolling gallery. Generally you want to keep the aspect ratio set for photographs so you don't get that stretched effect. Also, is it possible to align the banner text with the movement arrows? That would make a nice visual line.

You may want to add some padding in-between the blog and contact navigation links. Because they are displayed differently, they run right up against each other when the blog is selected.

Many of your copyright footers are aligned off to the side or hidden by the need help button. Center alignment may work better for these elements.

Some of your heading are not quiet aligned with each other. Generally people read in chunks, so good consistent alignment helps your user's eyes track naturally around the page. For example, the Services sub-headings don't quite match up.

Congratulations on your first hand-coded live site! Hopefully this is helpful and not too nit-picky. The design is solid, kudos.

Jacobus Hindson
Jacobus Hindson
14,429 Points
Jacobus Hindson
Jacobus Hindson
14,429 Points

Hey Rydavim,

Thanks for the feedback, this is exactly what I was after. I will take this onboard and let you know once I have made the changes and maybe you could take a second glance for me.

Thanks a bunch!

Jacobus Hindson
Jacobus Hindson
14,429 Points
Jacobus Hindson
Jacobus Hindson
14,429 Points

Hello Again,

All your suggestions actioned in one way or another and they make a great difference. I also made my foot sticky to the bottom which takes care of a few overlap issues as well.

Any more feedback would be appreciated.

Thanks again!

rydavim
rydavim
18,813 Points
rydavim
rydavim
18,813 Points

Looking sharp!

The goldy-orange nav links definitely give better contrast I think.

The pictures still look a bit distorted to me? But that might just be lack of sleep... >.>

Good call on the sticky footer. Forcing it to the bottom gives a cleaner look on the pages with shorter content sections.

It looked pretty good earlier, but I think it seems to have that last bit of polish now. Though hopefully you can find at least one other person to take a look so I'm not dragging you down the singular path of my personal design preferences. :P

Happy coding!