Welcome Guest!

If you do not have an account yet on The Web Squeeze forums, please Register! It’s FREE and there are many benefits:

  • Receive Fast Advice
  • Learn Programming Languages
  • Get Professional Website Reviews
  • Quick Troubleshooting Assistance

> Redesign Of A Site

This is a discussion on Redesign Of A Site, within the Website Critique & Squeeze section. This forum and the thread "Redesign Of A Site" are both part of the The Squeeze Center category.

2 Pages V   1 2 >  
Reply to this topicStart new topic
> Redesign Of A Site
thewal
post Apr 24 2008, 03:05 PM
Post #1


Squeezing
***

Group: Members
Posts: 70
Joined: 14-February 08
From: Dublin, Ireland
Member No.: 107



Hi guys,

I am doing redesigning a site of a guy in work. I would apprieciate it if you could review the redesign an see what you think. I have used an internal style sheet so that everyone can look at the css for me, I have just put this in for you guys. The css will be seperate in working version. Also I seem to be having probelms viewing with IE, I am using FF.
Anyway the link to the site is;

http://www.brentbodrum.com/index_2.html

Also it is just one page, I haven't done any of the other pages yet. The logo is not going to be the working version either


His old website can be viewed at

http://www.brentbodrum.com/

Looking forward to some critque. Go easy on me. on_the_quiet2.gif

I have to say thanks to Karinne for her tutorial. This tutorial gave me the kick in the but I needed to get this redesign going. Thanks Karinne


--------------------
Finally squeeezin!!!!
Go to the top of the page
 
+Quote Post
Mark
post Apr 24 2008, 11:55 PM
Post #2


Don deluzione
******

Group: Team Leaders
Posts: 1,006
Joined: 13-February 08
From: Canada eh?
Member No.: 7



Is the header supposed to repeat?


--------------------
Go to the top of the page
 
+Quote Post
Jason
post Apr 25 2008, 02:13 AM
Post #3


Master of the Universe
******

Group: Advisors
Posts: 1,157
Joined: 15-February 08
From: London, England
Member No.: 141



Structurally its better. However the finish is somewhat off.

Get some consistantcy going with the navigation... i.e.

#navigation ul li a {
min-width: 10px;
width: 150px;
}

This will make your navigation links the same size.

The next thing you need to do is fix the header. Do these two things and the site will greatly be improved.


--------------------
Go to the top of the page
 
+Quote Post
thewal
post Apr 25 2008, 05:17 AM
Post #4


Squeezing
***

Group: Members
Posts: 70
Joined: 14-February 08
From: Dublin, Ireland
Member No.: 107



Thanks guys

QUOTE (delusion @ Apr 25 2008, 05:55 AM) *
Is the header supposed to repeat?


No . What have I done wrong there??


QUOTE (Jason @ Apr 25 2008, 08:13 AM) *
The next thing you need to do is fix the header. Do these two things and the site will greatly be improved.


How do I this Jason?


--------------------
Finally squeeezin!!!!
Go to the top of the page
 
+Quote Post
karinne
post Apr 25 2008, 07:06 AM
Post #5


Co-Founder
*******

Group: Co-Founders
Posts: 2,793
Joined: 13-February 08
From: Squeezin'
Member No.: 2



QUOTE (thewal @ Apr 25 2008, 06:17 AM) *
QUOTE (delusion @ Apr 25 2008, 12:55 AM) *

Is the header supposed to repeat?

No . What have I done wrong there??


Change this

CODE
#logo {
background: #fff url(img/logo_3.gif) repeat-x;
height: 118px;
padding-top: 24px;
overflow: hidden;
}


to this

CODE

#logo {
background: #fff url(img/logo_3.gif) no-repeat;
height: 118px;
padding-top: 24px;
overflow: hidden;
}


fix this

CODE
<p>We are an Irish based company who can buy you any property or land in Turkey even if is not on our web site<p/>


Try not to break tags in 2 lines
CODE
<div class="portfolio"><a href=""><img src="img/bodrum21 pic.jpg"
width="200" height="200" alt="Company A"></a></div>

<div class="portfolio"><a href=""><img src="img/bodrum castle pic.jpg"
width="200" height="200" alt="Company B"></a></div>
<div class="portfolio"><a href=""><img src="img/akbuk pic.jpg"
width="200" height="200" alt="Company C"></a></div>


Should be
CODE
<div class="portfolio"><a href=""><img src="img/bodrum21 pic.jpg" width="200" height="200" alt="Company A"></a></div>
<div class="portfolio"><a href=""><img src="img/bodrum castle pic.jpg" width="200" height="200" alt="Company B"></a></div>
<div class="portfolio"><a href=""><img src="img/akbuk pic.jpg" width="200" height="200" alt="Company C"></a></div>


--------------------
The Squeeze Store is now OPEN! Come on in and grab something!

a web design portfolio | web non-sense - REDESIGNED!
I'm also on: del.icio.us | flickr | virb | facebook | twitter
The Web Squeeze is also on: virb | facebook | stumbleupon - JOIN IN!
Go to the top of the page
 
+Quote Post
Linda
post Apr 25 2008, 07:51 AM
Post #6


Co-Founder
*******

Group: Co-Founders
Posts: 2,768
Joined: 13-February 08
From: Pink House in USA
Member No.: 3



My feeling is a header should begin at the left margin and work it's way across the top. The font used in the header doesn't appear to be anti aliased. It's got grainey edges.

I'm not sure if I should comment on grammar and punctuation because maybe this is just placeholding text?

The navigation is clean but I think it needs more. Perhaps on hover over you could add a gray top and bottom border to mimic the home button. I think it would be nice if the navigation column had a background different from the rest of the site. Right now the navigation appears to be floating.

Finally, stick to three colors. I would take away the turquoise border on the three photos near the bottom and replace it with the dark gray of the horizontal stripe. Could you add padding to those three photos to give them space between?

It's better than the original but now beef up the elements. Since you are promoting Turkey properties, you will want to really wow visitors with amazing property photos. The photos should be the prominent feature in my opinion!

Keep up the good work!


--------------------
Go to the top of the page
 
+Quote Post
unitedcraig
post Apr 25 2008, 11:04 AM
Post #7


Rapid Squeezer
****

Group: Advisors
Posts: 479
Joined: 14-February 08
From: Stockport
Member No.: 75



I would made the text stand out a little more from your background colour, it will be a little hard to read on some monitors.

I agree with Linda about your navigation, add the same affect to the hover ones as your home page. OR, have the grey borders applied to the current page if you get what I mean?

Personally i would get rid of the border from the pictures at the bottom.

Have you heard of the image affect called lightbox? I'll not try and describe it but visit http://www.huddletogether.com/projects/lightbox2/ and consider adding this to the images, it is really easy to do, just follow the instructions on the site.

Hope this helps

Craig


--------------------

Working progress
Go to the top of the page
 
+Quote Post
thewal
post Apr 25 2008, 12:54 PM
Post #8


Squeezing
***

Group: Members
Posts: 70
Joined: 14-February 08
From: Dublin, Ireland
Member No.: 107



Thanks everybody.

I will work on this over the weekend and get back to you then


--------------------
Finally squeeezin!!!!
Go to the top of the page
 
+Quote Post
joey
post Apr 26 2008, 03:56 AM
Post #9


Fresh Squeezed
**

Group: Members
Posts: 48
Joined: 14-February 08
From: Hillsboro, OR
Member No.: 37



oh my.

http://www.thewebsqueeze.com/articles/get-...howcases-24.htm


--------------------
Go to the top of the page
 
+Quote Post
thewal
post May 1 2008, 03:34 PM
Post #10


Squeezing
***

Group: Members
Posts: 70
Joined: 14-February 08
From: Dublin, Ireland
Member No.: 107



Ok, I have done some work on it over that past few days. See what you think. I know it is not close to being right yet, so anymore help would be great.

Also, Craig, I tried to put in Lightbox, but as you can see it is not working


--------------------
Finally squeeezin!!!!
Go to the top of the page
 
+Quote Post
unitedcraig
post May 1 2008, 03:54 PM
Post #11


Rapid Squeezer
****

Group: Advisors
Posts: 479
Joined: 14-February 08
From: Stockport
Member No.: 75



I would perhaps center it, would look better than left aligned IMO. Some thing to make the text stand out from the background would be good as well, have you thought of using a background image, or a gradiented background?

As for the light box, are the paths to your JS files correct?


--------------------

Working progress
Go to the top of the page
 
+Quote Post
Jason
post May 2 2008, 02:46 AM
Post #12


Master of the Universe
******

Group: Advisors
Posts: 1,157
Joined: 15-February 08
From: London, England
Member No.: 141



Center the website.

Your header is still a real problem. It needs to be the width of the website. I would also remove the padding between your header and the top of the page and between your header and navigation.

If you really want a gap between your navigation make it a single pixel. Consider a background for your content. Perhaps a really light white/pink


--------------------
Go to the top of the page
 
+Quote Post
thewal
post May 2 2008, 06:27 AM
Post #13


Squeezing
***

Group: Members
Posts: 70
Joined: 14-February 08
From: Dublin, Ireland
Member No.: 107



Thanks guys. I will try and work on these issues, and will get back to you


--------------------
Finally squeeezin!!!!
Go to the top of the page
 
+Quote Post
thesealportaltea...
post May 2 2008, 07:36 AM
Post #14


Rapid Squeezer
****

Group: Members
Posts: 218
Joined: 14-February 08
From: Currently loacted in bustle of vurtual servers hosted by GoDaddy.com.
Member No.: 96



Well I walked over to your site and got the feeling that its a very old site.

You should do more of a web 2.0 style or ad least come up with a style that complements the colors and is more elaborate than what you currently have. Also, Take a look at your color scheme its a bit hard to rad on my LCD, try to add more contrasting colors. I do like the idea that was mentioned about centering the content, but I have to say it lacks general interest for most users.

I'm not advertising, but there are some real nice sites who submitted them selfs at egtworlds.com, perhaps you can get an idea from one of those sites. As for your color scheme if you must keep it like that or similar I would think of adding some interesting shadows, and background images that will help your design get interest from users.

2/5 - Its a very simplistic website, but its hard to read and users would loose any general interest. It lacks anything that "catches" the user eyes. Try adding some interesting styles and images and add more contrast to the color scheme. (Text with Background) Enjoy.


--------------------
We are sorry but complaint.hell is not registered to Heaven Inc.
TheSealPortal.com - Yea, we are celebrating are 200th post at TWS. Everybody Party.
Go to the top of the page
 
+Quote Post
thewal
post May 3 2008, 02:40 AM
Post #15


Squeezing
***

Group: Members
Posts: 70
Joined: 14-February 08
From: Dublin, Ireland
Member No.: 107



Just a quick question relating to this. You all seem to be saying to me to center. What do I need to center?? The whole layout or just certain elements?


--------------------
Finally squeeezin!!!!
Go to the top of the page
 
+Quote Post
unitedcraig
post May 3 2008, 04:26 AM
Post #16


Rapid Squeezer
****

Group: Advisors
Posts: 479
Joined: 14-February 08
From: Stockport
Member No.: 75



I would centre the whole layout to be honest, would look better


--------------------

Working progress
Go to the top of the page
 
+Quote Post
thewal
post May 9 2008, 04:53 PM
Post #17


Squeezing
***

Group: Members
Posts: 70
Joined: 14-February 08
From: Dublin, Ireland
Member No.: 107



Hi guys,

I scrapped the new design I was working on and with a bit of help I have come up with a new design. Can you please have a look at this

http://www.brentbodrum.com/index_1.html


--------------------
Finally squeeezin!!!!
Go to the top of the page
 
+Quote Post
Vanessa
post May 9 2008, 08:50 PM
Post #18


Rapid Squeezer
****

Group: Members
Posts: 191
Joined: 14-February 08
From: England
Member No.: 108



The header's still not right, you need something to stretch right across the top. The rest is fine, I like the colour choices.


--------------------
Vanessa

There are 10 types of people in the world - those that understand binary and those that don't.

Go to the top of the page
 
+Quote Post
Mark
post May 10 2008, 12:21 AM
Post #19


Don deluzione
******

Group: Team Leaders
Posts: 1,006
Joined: 13-February 08
From: Canada eh?
Member No.: 7



QUOTE (Vanessa @ May 9 2008, 07:50 PM) *
The header's still not right, you need something to stretch right across the top. The rest is fine, I like the colour choices.


yeah, try to make the background header image as wide as the menu. The letters don't have to be bigger, just the picture..


--------------------
Go to the top of the page
 
+Quote Post