9 replies [Last post]
b_electro
b_electro's picture
Offline
Regular
Last seen: 9 years 2 weeks ago
Timezone: GMT-6
Joined: 2007-05-01
Posts: 50
Points: 20

Hey guys- long time listener, first time caller here and I'd love any feedback you may have. Please check out a site I made for a friend's new dog-walking biz:
janewalksspot.com

Thanks,
B

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 17 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

I like the site. Its clean

I like the site. Its clean and straightforward and presents its message well.

Some comments about your coding.
- You haven't really made use of header elements (H1, H2, H3, etc). These are particularly important for search engine categorisation of the site. Every page should have an H1. And other headings on the page should be in contiguous order below that. On your home page the H1 is the site name. On the services page its the "services" image. For other pages its the selected menu item. A search engine or a screen reader aren't going to realise that is the page header. On the home page, the back to school special should be an H2 and there shouldn't be an H3 without an earlier H2 (and H1). Its always a good idea to turn off styles and take a look at your page, you'll see immediately what information is wholly relying on its appearance to give it context/importance in your page. If having big headers would disrupt the look you are trying to create, there are methods for hiding text for those viewers that are seeing the styled appearance.

- The names of your columns include "left" and "right". Its better not to use anything in a name that relates to how the element is styled. "Major" & "Minor" or "Main" & "Sidebar" or "one" and "two" are all better choices. They allow you to swap the columns or have them appear one above the other without their names being confusing.

- The quotation on the home page should really be <blockquote>. If you use BLOCKQUOTE and then place the actual text in a P you have two elements which allow you to place your upper and lower images in the background (where they should be) and to manage the spacing without having to use BR elements.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 46 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

I just did a quick check.

I just did a quick check. Overall it's not bad. My suggestions would be to definitely increase the nav font-size (maybe to 130% like .body), decrease the font-size in .quote while increasing the line-height in same (I liked 90%/160%). I'm not sure I'd consider the quote graphics as content and may have put them in as background images.
Just my quick $.02

b_electro
b_electro's picture
Offline
Regular
Last seen: 9 years 2 weeks ago
Timezone: GMT-6
Joined: 2007-05-01
Posts: 50
Points: 20

This is GREAT feedback-

This is GREAT feedback- thanks so much Chris..S. Using header elements correctly is something I need to learn more about for sure. Heh heh, you caught me using the BR tag. Yulp I knew there had to be a more graceful way- old habits are hard to break!

Thanks wolfcry911. I'm definitely going to put those quote graphics in the background of a BLOCKQOUTE, and will experiment with your text styling suggestions.

Thanks!
B

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 5 years 10 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

Wow, that is a great design.

Wow, that is a great design. Very nicely done. I have just a few minor comments; mostly from a marketing perspective.

I agree that the navigation size could use an increase in text size.

Try using more target images on the page. A photo of a dog (or dogs) being walked or played with. On the About Me page, try a picture of Jane, or Jane's dog.

Try using more testimonials to take up large empty spaces on the Fees and Policies pages. (Nothing's more persuasive than testimonials. Consider a whole page of them, with 'references on request'.) Also, maybe change the first testimonial to one about a dog; since that's the focus of the site as opposed to cat-sitting.

Try putting contact information in the footer. Consider using microformats (http://microformats.org/code/hcard/creator) to mark up the contact information on the contact page.

Lastly, consider adding a favicon. (http://en.wikipedia.org/wiki/Favicon) I really think they add a lot towards the branding of a site. You can get a pretty good dog icon from the folks in my signature... Wink

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

b_electro
b_electro's picture
Offline
Regular
Last seen: 9 years 2 weeks ago
Timezone: GMT-6
Joined: 2007-05-01
Posts: 50
Points: 20

Good stuff Katie- esp.

Good stuff Katie- esp. having the quote being about dog-sitting, not cats, on the homepage. I've been trying to get more photography from the client, er, my friend but you know how that goes Wink

Thanks,
Brad

Triumph (not verified)
Anonymous's picture
Guru

Nice work. The only thing I

Nice work. The only thing I would mention that wasn't already is that instead of listing a hotmail address on a professional page why not use an email link to the domain name such as

If that's not possible maybe something like Mike Cherim's php contact form would be a better choice: http://green-beast.com/blog/?page_id=71

I think either choice would look more professional than using a free email service. Just a thought. Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 14 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I'd make the pic of the dog

I'd make the pic of the dog on the policies page face in towards the content of the page rather than looking offscreen.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

b_electro
b_electro's picture
Offline
Regular
Last seen: 9 years 2 weeks ago
Timezone: GMT-6
Joined: 2007-05-01
Posts: 50
Points: 20

Triumph- I'm in the

Triumph- I'm in the "anti-mailto" link camp, however, I do understand your point about using the domain name instead of hotmail. I'll see if my friend wants to do that.

Tyssen- Yes, you always want the reader's eye to stay on the page, so anything you can do to direct them, including the direction of imagery, helps. 5 years at a print-based ad agency taught me that. But I thought that since this was The Internet it might be different Wink

Thanks for all the awesome feedback. I guess I should go make changes now :thumbsup:

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 43 weeks 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

I'm not looking at code

I'm not looking at code (looks like the others have done that for you) but here's my first impressions.

Navigation elements definitely out of whack. Either scale them up or scale your main text down a bit - I'd suggest the former.

Increase the line-height on the quote, something like 140% is easier to read, and consider changing it to a sans-serif font - Arial is a lot easier on the eye for me, personally.

Verschwindende wrote:
  • CSS doesn't make pies