Jump to content

Testing out a new home page


photomark

Recommended Posts

Hi everyone, I'm in the final testing of a new front page on my website that went up yesterday. I only have access to a

handful of browsers and an iPhone, so I can never really stress test things as well as I would like. I would be interested

to know if anything looks broken or wrong to you. If so, please leave a reply. I appreciate it:

 

http://www.photo-mark.com/

Link to comment
Share on other sites

<p>Hi Mark,<br />On win 7 here it looks great in Chrome and in Waterfox (a clone).<br /> Nicely responsive as well--- just resized browsers windows to see.<br /> Room for improvement, <em>perhaps</em> the following<em>:</em></p>

<ul>

<li>adapt the text color (#fefefe); on that light green (#D1E370;) it's quite bright thus straining when absorbing the written info.</li>

<li>a (stronger) border for the side panel tab, It tends to be 'overlooked' when first opening the page and it seems to disappear when scrolling down. (current box shadow doen't cover it)</li>

<li>a picture of yourself in the about section</li>

</ul>

<p><br />Nice job, crisp code under the hood . I like the open graph addition.<br /> Great pics too!</p>

<p>Have a good one,</p>

<p>Michiel</p>

<p> </p>

Link to comment
Share on other sites

Thanks for taking the time to look at this so closely Michiel, I really appreciate it.

 

One question about text color: I'm fairly committed to the green because I use it in other contexts as well.

Do you think I would be better off with a dark text color against it? I also considered a slate grey in the

neighborhood of #556666.

Link to comment
Share on other sites

<p>Hi Mark,<br>

I can understand you want to keep the green.<br>

I tested your slate hue for the text and it looks allright. It works with the blue component inside your green background, (also works well with one of the font colors in the side panel as well as with colors of your header image) Downside, there is a bit of a blurriness / vagueness in this shade (on this background).<br>

Here's how it looks:<br>

<img src="http://img829.imageshack.us/img829/4892/7qx0.png" alt="" width="700px;" /><br>

Since this color area does seem to work perhaps we can come closer to the color of your name in the header. That color there is #36355D No accounting 4 taste but to me this looks pretty good. This darker version delivers the message in a strong manner, as said above, the slate grey lacks a bit of spunk but perhaps this is more true to the modest tone of voice that underlies the entire web site.<br>

Name Blue:<br>

<img src="http://img839.imageshack.us/img839/5665/lckf.png" alt="" width="700px;" /><br>

Ow by the way, I somehow reversed the colors red and white while looking around yesterday and that already worked better for my eyes. You can see what it looked like here.<br>

<img src="http://img15.imageshack.us/img15/8523/gd5a.png" alt="" /><br />Anyhow, all alternatives seem better in some way so maybe between the slate and darker name colors lies the final pick..<br>

Color range from slate grey to 'name blue' :<br>

<img src="http://img821.imageshack.us/img821/1980/qx9u.png" alt="" width="700px;" /><br>

Well that was an extensive answer if I ever gave one.., lost track of time I think, but good fun and handy for other readers. Best of luck with the suggestions Mark.<br>

Once again best regards,<br>

Michiel</p>

 

Link to comment
Share on other sites

<blockquote>

<p>... I only have access to a handful of browsers and an iPhone, so I can never really stress test things as well as I would like.</p>

</blockquote>

<p>By knowing the importance of testing your site across code_revisions/browsers/OS/monitor_sizes, etc., you are ahead of the game than most.</p>

<p>Sadly, this absolutely important step is not taken by most site owners. You would think professional web designers can make this a key selling point to their customers. But I seldom see it mentioned in the services they offer.</p>

<p>http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/</p>

Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...