View Full Version : Holiday Rental (Basic Review)

12-09-2005, 06:12 PM
Just been working on this for a while. As you can see it's only one page (with no content) but any comments (good and bad) are much appreciated. I've tried hard on this one to keep everything as valid (XHTML & CSS), and as accessible (508) as possible!

I've looked at it in IE6/Win w/SP2 & Firefox 1.Something (whatever was before 1.5), and can't see much difference - although there is a slight problem with the footer when viewed in Firefox but I don't think it's much to worry about.

Link to Website (http://www.markaylward.co.uk/caleta/)

12-10-2005, 11:27 PM
on the footer (no code help here ;) ) I really don't think it's fitting to put the CSS/(X)HTML validation links on the ste. they just don't mesh and the prospective renters aren't going to care anyway (if they even know to care that is).

From the top down:

The header:

Just seems to float thee. nothing tieing it in with the rest of the page. the bottom left side doesn't blend well enoughto "sink" into the BGcolor. The faded borders don't allow it to look at home with the sqaured off corners of the content area.

-side note: the picture makes it look more like a spanish fort than a rental property. the big wall to the right makes me think I should pack a few trebuchets and a ladder rather than my socks and a few changes of underwear.

-The content section:

the nav and the image to the rght have different margins. the nav is closer to the side than the image. makes it look off center.

-(sub section navigation) :

the roll overs can work but they dont fit as is IMO. If you gave the nav a border and the links themselves one thanthe "becoming clear" effect might not look so out of place.


the :first-letter thing can be nice but remebr that in texts that used it, it was only for the starting letter of the page not every paragraph. Since the users of the site are very unlikely to have images off, maybe a pretty font as an image and add some color to it (Kramer maybe?) and just use a text replacement for it. Only the first letter of the page.

The :first-line thing doesn't work for me. Maybe as the first-line of the page but probally not. I would probally assume your not oing to be emphasisng anything in the first line anyways. If you are H's are better (blockquotes if appropriate are better even)

personally I would tone down the #000 font color a little (#999 or #666 maybe) Black I know works on white for text, but, this is a rental site and you want people to feel at home thus making them want to spend theier cash on your property. Black on White looks harsh. The font siz emight be the way to go but I would give a little letter-spacing and line-height to it. make it easier and less cluttered to read. it's not to me (but I'm not 60+ and looking for rental/investment properties either)

12-11-2005, 03:53 AM
Hej Mark, :)

The site looks nice.

I haven't given many reviews online, so please bear with me, it is said in good spirits:

What screen size are you developing this in? (sincere question)
It looks like you designed it in 1200*1600 or similar.

The reason I am asking is because it seems too 'big' for 1024.

Points of critique where you could improve the site and which parts I find are done well:

font type choice is nice and so is the header layout and font type choice.
Text color (Do look at the combination of the background color and text, like HarbingerOTV said, possibly adjust the text color, or maybe the background color.)
The topleft of the picture in the mainbody is too 'glaring' for the white background, so I would go for a better quality picture or find some way to work around it.
Big letters to start alinea is a nice touch.
the menu and the faded image.
The main picture is a nice quality
Map should be site map? If that is was you would mean, and maybe(?) choose a different location.
The headers are way too large in my opinion (that's why I asked if you used a large resolution to design)
The text size is kinda big, but also pleasant. The alinea starting letters, I would line up with bottom line of the text. (or maybe look at a better alignment.)
The footer like this looks horrible, try making that one color or no color overlay. The company might want to put their adress info here, or that would look nicer. (but you also mentioned this yourself already.)
The spacing of the text itself, did you use justify? I would go for left align.
Big minus in this case is the fact that when you open the site you have to scroll down to see the whole thing. Maybe make the topheader less high, and maybe getting rid of the space between the header and the main body, optional.

Reviewed in Firefox. (Unfortunately) don't have time to review in other browser.

Hope it helps, the site overall looks pretty nice, keep up the good work. :thumbsup:

(and now I am going to read som reviews on how to give written reviews. :rolleyes: )

12-11-2005, 01:04 PM
Thanks for the opinions, I'll have a go at changing some things.

Dolphin123 - I'm at 1280x1024 - I've noticed in Firefox text appears to be bigger than IE until you shrink it down a bit in the browser. It displays how I want it with IE at the 'smaller' text setting (which I thought was default?).

12-12-2005, 09:54 PM
I've made some updates like were suggested...

- Bottom of menu faded out (wanted to do that anyway), and menu items divided by borders.
- Changed font colour to a dark grey instead of black.
- Left aligned text.
- Only made first paragraph use first-letter.
- Got rid of the bold first line of each paragraph.
- Made headings smaller.
- Decreased some of the margins around the header.

Any more opinions?

12-13-2005, 04:26 AM
It is starting to look nice. :)

Yeah the part about the different resolutions: Make sure you design in all resolutions, so switch between them.
This way, you can see if your website fits in all. The important thing to remember is that most people will watch the site 1024. Exceptions being people with bad eyesight who will usually watch in 800. Most designers will opt for viewing around 1200.

-Try to get the opening heading text on one line, or across two lines. Maybe play with the layout: top left align, bottom right align. Something like that.
-The text looks much better now.
-You need to improve the images on the location page.
-I am not sure if I like the bold text in the facilities page text. (picture quality is fine.)
-like the borders around the pictures.
-Maybe add the link text such as airports and reastaurant, etc on a seperate page.
(or make the links normal and underlined, anyway something needs to change it is really
difficult to read IMHO)
-The information itself is very clear and concise and handy, I'd rent a apartment there.
-On the facilities page I would just use all normal text it looks much nicer.

o.k. hope it helps you.

Keep up the good job

12-13-2005, 02:19 PM
Thanks, well I'll keep improving it and ask for more comments as I go along.

I was only given about 8 pictures in total of the whole apartment (and obviously the owner can't go back out there to take some more for a while!), so I'm stuck with what I've got really!

I am not sure if I like the bold text in the facilities page text.

Yea, I did go a bit bold crazy. I wanted to allow some of the features to stand out, perhaps I should try making them italic or something.

Try to get the opening heading text on one line, or across two lines.

Which opening heading? 'Caleta de Fuste Apartment for Rent' ?

That appears on one line for me at 'smaller' text size in IE, but I guess if you're viewing in FF or with a larger browser size setting, it'll go onto two lines and look wrong. I do like the size of the text as how it appears with my settings, so perhaps I should set the size in pixels (I know it's normally thought of being wrong to do that). Something else I'll have to play with.

12-16-2005, 08:14 PM
OK, added a lot more content now (apart from the home page) so if anyone would like to comment on the site currently, that would be really appreciated.

Click (http://www.markaylward.co.uk/caleta/)

Edit, updated gallery - images link to a viewing page dynamically created with Javascript. I could've used PHP but I chose Javascript just because it gave me something to experiment with! I can change it to PHP in no time though.

Can anyone enlighten me about any security issues from linking to images this way? I'll leave the question fairly open-ended because I'm presuming if you see the url to view images, and know anything about security, you'll understand what I'm getting at. I've tried linking to certain apache files but it doesn't appear a user can actually download them. Or can they? I'm not using un/pw but even so...

12-18-2005, 02:43 PM

12-24-2005, 05:10 PM
I definatley thing the links at the bottom should go, they really dont go well with the rest of the site, but thats just my opinion. Also, your name has a white line through it in FF1.5 which makes the whole of the bottom section look a bit screwed up.

But I love the left navigation and the rest of the design, well done!