I love my mom so I took it upon myself to help redesign her website with the help of a 3rd party freelancer. Her business is divorce mediation, so the website is targeting local couples who are trying to get a divorce. Please look through the website and let me know what you think about the design and colors. Dont pay attention to the pictures/text because they are just currently acting as placeholders.
What would you change?
Here is the old website: http://nj-mediator.org/
Here are the two updated versions that my freelancer just made.
Which do you like better? What would you change?
Thanks for your help!
so for me i think the first one is better. The colours on 1 are more like what i'd call hospital colours and gives me the sense of something being fixed and/or skilled professional. The second one is black/darker which changes my mood considerably. I would guess the aim is to provide help and support through a difficult time so i wouldn't choose the black as it feels more oppressive. I could imagine from the darker images that i would be in for an argument rather than mediation. Even the images you've used convey different messages. The first one the people are sat next to each other and in my mind are amicably working through things. the second is across the table staring each other down ready for an argument.
The first one also has a better footer/end of the page in my opinion (the failing of the current live site).
hope that's useful.
P.S if you have a couple of mins would appreciate your views on my website re-design http://www.sitepoint.com/forums/showthread.php?1214973-Marine-charity-potential-redesigns
ha sorry you already have reviewed mine, didn't need to ask. cheers
Its slick, but maybe the stock image of the couple is a bit predictable.. but i guess it says what it needs to, trick subject covered with taste, so fair play indeed ..
I think that version A (the first one) is the best.
I'd make the sign up form as a dialog that appears on a button rather than it being permanently there or as a button that links to the contact page.
Also on version A, I'd change the text on the blue area at the bottom to another colour, blue text against a blue background doesn't read very well. I'd also change the text colour on the green in the middle, make it darker or larger and bolder. Oh and on version A I'd take the social links from version B and put them in there. I would also remove the "our overview" header.
Other than that, no real problems with it.
I like the first one better as well.
Hopefully it loads faster! When I went to the site it took almost 45seconds to load.
Thanks for all the help guys! I am going to get back to my developer on Monday so still asking all my friends and coworkers and you guys =) to see how to make this even better!
Good point on the colors! I asked my designer to make a few of the same mockups but with different colors. Do you know what colors would be considered good for this industry? I'm even thiking about staying with the current one in "A"
So you don't think that the user should be able to sign up on the home page but click through to the contact page and then sign up?
I like your idea to change the color on the bottom and the text color on the green in the middle. And I also agree with the social links.
Instead of the "our overview" header, do you think I should have the 3 most popular FAQ's answered as articles? Do you think that there should be no title at all?
The version A of the website is better than the version B. Because the registration form in the first website in the proper place of the website and the light colour also gives charm to website. First one is the perfect design of the website.
I meant that I think that it's right on top of the main image. You could either move it to the right or put a button there and make the sign up form a dialog. Or there's a bit of white space on the main image on the right, you can move the main image right a bit and then put the sign up form on the left.
Instead of the "our overview" header, do you think I should have the 3 most popular FAQ's answered as articles? Do you think that there should be no title at all?...
I like the points, the "my values/mission/vision", I'd keep those where they are. I wouldn't keep the title (or anything else) above them because it looks as if it's supposed to be separate from the page.
I like the first mockup, the graphic elements and the image work well together and immediately create a professional feel of the page. That being said, I wouldn’t add extra fields to the “Free initial consultation” form. Many users will skip it because they have to enter so much information, the old one with only 3 fields would yield more responses.
Design A !
Please post the rest of the design once completed; it's looking great.
The overall look and feel of site B is a little old-school these days. The use of jelly-like gradients on the navigation menu, big use of drop shadows etc. The flatter, simpler approach of design A is more in keeping with design trends and will likely make for a better user experience (typically flatter designs are smaller coming down the pipe and therefore faster to load).
Be clear on why you think a redesign is necessary. Often it's tempting to redesign just for the sake or redesigning. The original site doesn't have a great deal wrong with it in my opinion (from a design/usability perspective). The only thing I think is lacking on the original site is a little more structure, which your two design proposals seem to address. The original site's header and simple two tone solid background works very well and could easily be transferred to a new design. The very simple white frame and subtle drop shadow that "boxes" off the content also looks clean and modern, I'd suggest bringing this across to the new design too.
Site A is also a little too over-worked. Simplicity is the hardest thing to achieve but pays dividends. A few points which jumped out at me...
- Is there really a need for a cityscape background on the header? This will be an extra image the user will need to download. Does it add to the brand? Does it have a purpose?
- Is the cross hatch background necessary on the video section? Taking this away could actually help to draw attention to this section.
- The Our Overview title doesn't look right. You could stretch out the dividing line to cover the width of the content and take the background off the title. Let typography speak for itself.
- Purposefully give more space to the top and bottom of your horizontal sections. A user is able to hone in on content much more easily when deliberately given more-than-is-necessary white space. It also creates a sense of modernity.
Overall, good ideas. A few tweaks, and putting the breaks on over-use of patterns and backgrounds and I think you'll have a winner!
Version A cover most of the things on the top of the web page and that good and many users do not like scrolling much
Version A is looks better, as you have covered most of it in one page
This topic is now archived. It is frozen and cannot be changed in any way.