Review my first actual client - senior moving website

[noodles415]

Please don't name the site or post actual URL here. Wouldn't want this in search results!

This is my first real professional paying web design/development client. I am using "aphont" upon their request but it was just too ugly to use for the body as well so I used a more normal font.

Using a CMS with a custom theme from scratch. I am not into using templates. Any feedback whether "I like it" or "horrible start over" is appreciated. It's going to have a dedicated mobile version. I do not like this ridiculous fad of responsive design.

Thank you so much in advance!
-noodles415

PS: Just wanted to say that I coded it to work well in Chrome so far. As such, it also works well in Safari. Currently downloading a newer version of Opera to try that but I can see the site is messed up in Firefox and IE. Perhaps I could get some help with that?

Edit: works fine in Opera as expected. To summarize: works in Webkit but header is messed up everywhere else!

[TheGAME1264]

I'd lose the tiled background. Doesn't really fit the site.

Other than that, yeah I'm okay with it.

[noodles415]

Yeah, those shapes are really cool, but might work better on a tech website. Do you have any suggestion for a backgroudn texture?

[RDesignista]

I want to add onto GAME's responsive comments:

You need to consider why people might be viewing your site on mobile. Primarily, doing things on mobile are advantageous only when you're not at home or are out-and-about.

Reading a blog? Definitely do-able on mobile.
Viewing a store's business hours? Definitely do-able on mobile.
Facebook? Definitely do-able on mobile.
Applying for a loan? Probably not going to be done on mobile.
Typing out long posts on an online forum? Probably not going to be done on mobile.
Researching retirement homes? Probably not going to be done on mobile.

So responsive design does not really have much value for your client, given the nature of mobile internet. For you though, if you can convince them to pay you more for it, then good for you.

***

I think you'll be needing a lesson on image optimizing for the web. Google "jpg vs png." That bunny is 550k.

It looks better than before. Legibility should probably be a top priority. No text over pictures please, unless you can provide contrast with a caption box or dark text over a light part of the picture.

I think you should also have a font size changer. Your visitors may be older people ('m guessing 40-60 year olds putting their parents in homes) and it's hard for us to imagine how awful their near vision is.

[noodles415]

Thank you for the comments. I really, really appreciate you taking the time to help me!

Regarding the responsive design, I am now much more confident in my decision on convincing not to go response. It saves me time and gets their site done faster and keeping costs down for them. All of these were important considerations for this situation.

The animals are just filler (albeit quite cute filler) until they provide images. I'm going to make sure that color-theme-wise they make sense and that all text is legible over the images provided.

I added a font size changer. My only concern is I want to make it ONLY resize #content p nothing else. How would I do that? Here's the code:

<p><div id="fontresizer">
<img src="<?php get_theme_url(); ?>/images/fontsmaller.png" onclick="resizeText(-0.25)" />
<img src="<?php get_theme_url(); ?>/images/fontbigger.png" onclick="resizeText(0.25)" />
</div></p>

<script>
function resizeText(multiplier) {
if (document.body.style.fontSize == "") {
document.body.style.fontSize = "1.0em";
}
document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em";
}
</script>