Jump to content


Photo

Before and After - a major difference or not?


  • This topic is locked This topic is locked
30 replies to this topic

#21 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 22 July 2006 - 06:29 AM

I still stand by my first post. You did adopt some of it. Colourscheme has improved.

Some quick fixes:
1) space on the underside of your contenbox. Maybe use some text (copyright, disclaimer, webmaster-contact link etc) as footer.
2) Make the navinks' boxes equal in width. Reduce space between them.
3) Header: make blue fade just into white, not back into blue.
4) Lose moving text, dump the space that will leave. If your client insists on keeping it, at least make it a little smaller, so it takes up less vertical space. Also change the colour so it's not so intrusive.
5) Reintroduce rounded borders around images. Reintroduce dotted line vertical dividers.
6) Suggested layout:
top, left-right: resources / find a tutor
bottom, left-right: images-text / featured stories
7) Nobody reads welcome texts. Just check how many proffesional sites use welcome-texts.

Just trying to help.


#22 freakus_maximus

freakus_maximus
  • Members
  • PipPipPip
  • Advanced Member
  • 177 posts

Posted 22 July 2006 - 12:57 PM

Aside from all of the content/design comments pointed out, you really need to fix your Contact Form.

It's fairly obvious you are validating that something must be entered into each field, but you are not validating for a proper email address, which probably means you are not sanitizing other input. This will open your form up to use for spamming email. I was able to put "asd" as a email address and it was accepted.

The phphelp forum here on phpfreaks has numerous questions about this almost daily so you can get some direction there.

#23 steviewdr

steviewdr
  • Moderators
  • Advanced Member
  • 1,364 posts
  • LocationIreland

Posted 24 July 2006 - 01:54 PM

Looking Good. Still a few points:
Tweak the colours of the Navigation and also the a:hover colours. They are wrong currently.

Bullets for the subject listings.

Remove the <br> from the Footer. It doesnt matter if the two lines are close. Its only the footer.

Also - the FIND A TUTOR. Choose lighter oranges for the Drop down select menus.
The width of your site changes with different select options in the above menu. Make the FIND A TUTOR div a fixed width.

A last point: the navigation does not need to be soo tall. Shorten it a tad.

-steve

#24 extrovertive

extrovertive
  • Members
  • PipPipPip
  • Advanced Member
  • 235 posts

Posted 24 July 2006 - 09:23 PM

Alright, freak, I fixed the contact form.

Stevie, keep the critque coming.  ;D

I have added a flash animation on the front page. What do you guys think?

I'm still debating if I should remove the "Math Success/Academic Success Tutoring" box image on top and replace it with the contact phone numbers. Then the "Math Success/Academic Success Tutoring"  can go on top of the flash.

???

#25 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 25 July 2006 - 06:48 AM

This looks a lot better. Background is a bit dark for my taste, but I definately like the way the header fades into the background. It's a good look.

The animation looks pretty good also. Not to fast. Good job.

Navlinks' boxes still need resizing though. I still don't agree with the layout of elements. Try switching the 'find a tutor' part with the animation part.

Text in footer needs to be the same size.

It's definately improving though. Thumbs up.

P.S. A bit more padding for the text underneath the animation wouldn't hurt. And yes, lose the "succes" thing. The phone numbers would look better there.

#26 steviewdr

steviewdr
  • Moderators
  • Advanced Member
  • 1,364 posts
  • LocationIreland

Posted 25 July 2006 - 03:13 PM

Lovely.

If I had a few gripes:
There is a link in your footer which has no a:hover -> the middle link.

Although the a:hover for the navigation is MUCH better and nearly perfect - I think the colours are kinda still a bit wrong. Try experimenting. You dont want to change too much on a:hover.

The Find a Tutor box is nice.

I REALLY like the Way you have it arranged - the Find a Tutor on the Right. MUCH MUCH better.

-> Whats the title of your Business. Like in your Top banner -> you dont have a Company or Main Name to go by. I think you should decide on a Name - and put that at the Top of your Banner instead of "Order a Tutor to your Home".

You should have "Successful Academic Tutors Ltd." or something like that. Maybe not with teh Ltd ;)

And whats with teh Maths~Academic? Just put Maths - Academic or something simple.

And just 1 final thing - I would like 130% line spacing in all of your site.

Rgds,
Steve



#27 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 26 July 2006 - 03:22 PM

Switching that "find a tutor" part indeed worked out well.

Some more suggestions:

  • Navigation doesn't really fit the rest of the design now.
    Go for a flatter look. Try to keep true to the original orange colour. This one's too heavy.
  • Padding and spacing.
    You need more of it in the "find a tutor" area. Both in the box, and in the space surrounding it.
    This goes for pretty much every text and element on pages other than the index.
  • You have too much empty space on the right side of the content box.
  • Call us section.
    Too big. Smaller font, smaller box.
  • Have the line "Math/Academic Success specializes in finding and matching the" verticaly align with "Newsletter".

Coming along.

One more thing. It isn't the biggest issue, but once you've sorted out other more important issues...

Try a lighter colour blue.

I know I can be a pain in the *** when it comes to colour schemes, but you'll have to trust me, it WILL look a lot better. The whole site will get a fresher, more positive look.

If you decide to use a brighter blue, don't forget to modify the gradients in your logo and header accordingly. You can leave the darker blue in the text, it's a nice substitute for black.

#28 extrovertive

extrovertive
  • Members
  • PipPipPip
  • Advanced Member
  • 235 posts

Posted 27 July 2006 - 07:24 AM

Alright, I made changes based on your suggestions, number.

- How about navigation now? It's a tab now.

- I think he padding right now is fine for "Find a tutor." Is this just a problem is bigger resolution 1024+? You want to see more cellpadding?

- I'm still trying to fix the empty spacing on the content - I'm using Tables and still learning CSS now.

- I made the "Call us section" smaller now. This time with the company's name on top.

What do you think about this background?

Oh, this is one of my early design for this site:

http://tutor.populateme.com/2/


#29 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 27 July 2006 - 08:54 AM

- How about navigation now? It's a tab now.

You misunderstood me. When I said go for a flatter look, I meant lose al the gradients.
Can't say I like the tabs.

- I think he padding right now is fine for "Find a tutor." Is this just a problem is bigger resolution 1024+? You want to see more cellpadding?

I have a 1920x1024 res, but that's not the point. Just look at the left padding of the "math/academic succes" text, that's the way ALL your padding should be.

- I'm still trying to fix the empty spacing on the content - I'm using Tables and still learning CSS now.

- I made the "Call us section" smaller now. This time with the company's name on top.

No you didn't, you made it narrower. It actually looks a lot bigger. The companies name was fine where it was. Make the phonenumbers and the box smaller, less width, less height, smaller font. Also please put the logo back to it's previous size. This is just to small.

What do you think about this background?


I kinda meant a light baby blue or steely blue (like the "post" reply header I'm looking at right now)..



#30 extrovertive

extrovertive
  • Members
  • PipPipPip
  • Advanced Member
  • 235 posts

Posted 27 July 2006 - 07:38 PM

Alright, I see what you mean by the the left/right-side padding. I have that for all my pages now.

The phone numbers are a bit big so it will stand out more - (not too big).

As for the navigation, I made it gradient because that's how I have the top image. You don't like gradient on this layout? Hmm...so just a plain rectangle navigation box would look better?

I think the background is fine at least for now. At least it's not like http://tutor.populateme.com/2a background which I think is too big.

Thanks for the feedback so far.



#31 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 30 July 2006 - 08:41 AM

I like the navigation a lot better this way. Cleaner. Buttons should be centered though. Their not of equal size either.

To bad you're not considering reverting the logo to it's previous size.

"Find A Tutor" is A LOT better this way.

Padding on index is near perfect (some inconsistancies within the "resouces" region), now the rest of your pages.

Consider copying the look of the navbar for the "Resources" bar.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users