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

Design

Cory Lawrence
Cory Lawrence
10,222 Points

Feedback on my first Wordpress site Mock-up

I have been working on my personal website. I've got a work-in-progress mock-up done. This is only the desktop version.

http://coryjlawrence.com/wp-content/uploads/2013/08/coryjlawrence-homepage.jpg

Let me know what you think. I need some constructive feedback!

Very Clean. Lots of potential!

For Contact I find it more effective to have it in once click and visible rather than a separate page such as an Email button via "mailto: html...." and A call me button showing the number as well as you click and call via "tel//5555555 html" use more symbols.

As Far as The design. with your pictures Add a hover state with a cover photo so it looks more uniform and appealing Also the masonry style is a bit dated Try to make the photos bigger experiment with shape <div>'s such as polygons or circles for you image <div> '.

Yours is better than mine I'm I'm giving advice that I'm giving my self and I'm changing my site as we speak. check out mat helme from treehouse site Your direction reminds me of his.

I like the look - very clean and easy to navigate with. I also like the footer where you mention the badges you've earned - I may have to borrow that idea for my personal site. The footer (or social media area) has a lot space though, and maybe that space could be better utilized with symbols (just like the Treehouse Badge symbols). Perhaps something like "Connect with me today!" and then you have the Twitter symbol, FB symbol, Instacrap, etc. Anyway, great work so far!

2 Answers

I like the vertical rhythm and heavily used imagery.

Take another look at your color palette. The green-on-gray isn't the best combo and, in my opinion, lime green is overused on the web. Check out the palettes at Colourlovers for inspiration.

Also, keep an eye on your alignment. Maybe this is just a quick mockup, but your elements aren't all aligned uniformly.

Finally, the inset shadow on the subnav text (Designer, Photographer, Entrepreneur) doesn't fit the otherwise completely flat theme you've got going on everywhere else. Consistency is valuable.

Hope that helps!

missgeekbunny
missgeekbunny
37,033 Points

I think that it looks pretty good but I think you could use a little dimension on your page. Also I like the green and grey generally but I don't like the entrepreneur inset on the light grey. The colors are too similar so it's hard to read. I do think you have good use of layout as things feel clean and organized.