Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Hotel website layout

Featured Replies

I'm trying to help a friend out by designing a website for a hotel he has. It's a smallish hotel in a beautiful Romanian city.

 

I thought I was happy with the layout until a collegue commented on it, calling it messy, which it might infact be.

What does WDF think?

 

http://pekkahiltunen.net/chiminanew/

 

and here's a subpage:

http://pekkahiltunen.net/chiminanew/contact.html

The facebook widget is broken for me (Firefox 10, Win7) - it looks like two widgets layered on each other.

 

I think the full-page image bg detracts from the content images.

I agree, i may not know much, but the background image is visually merging with the other images.

 

Again, i may be wrong but i would put a white filter on to reduce the background picture, so it seperates it from the other images.

  • Author

At the moment the site is just a .jpg image centered on a html page. That's why the facebook faceroll is duplicated as I just wanted to see how it'd align with the columns once I'm able to set the dimensions.

 

I'll have to see what I can do to make the background image less intruding, perhaps the white filter would work.

 

Thanks for the feedback guys!

It's an interesting design, but:


  •  
  • background is obviously too distracting, try lowering opacty etc.
  • would ba actualy cool if slider and bg would come along somehow, see http://www.dcshoes.com/eu/en
  • more white space, content is stacked too much, affecting the readability
  • logo is kind awful
  • lack of icons, make the whole page navigation more clearly

 

Hope that helps

 

edit: check this out, could be inspirational for you: http://www.rowtothepole.com/

Edited by Malyo

  • Author

It's an interesting design, but:


  •  
  • background is obviously too distracting, try lowering opacty etc.
  • would ba actualy cool if slider and bg would come along somehow, see http://www.dcshoes.com/eu/en
  • more white space, content is stacked too much, affecting the readability
  • logo is kind awful
  • lack of icons, make the whole page navigation more clearly

 

Hope that helps

 

edit: check this out, could be inspirational for you: http://www.rowtothepole.com/

 

Thanks, you've made some excellent points!

 

I quite liked your idea about integrating the the slider and bg and I'm already working on this. Will post back here later with an updated version.

  • Author

Here's an updated version http://pekkahiltunen.net/chiminanew/index2.html

You can still see the original at http://pekkahiltunen.net/chiminanew/index.html

 

I'd like to know if you guys find the new version better or worse. I'd say it's better but perhaps the navigation stands out too much at the moment with the current- and hover- states?

 

I'm so bad at logo design but I thought to give it a chance anyway. Is the heraldry OK, or am I better off just removing it? Also changed the font for the logo.

 

I'm not quite sure on the amount of blur on the background. I'm thinking it's a good concept but perhaps could be done better? I used gaussian blur in PS but it doesn't quite look like the camera out-of-focus effect I was after

 

Oh, I just noticed that there's an issue with the Book a room -button showing through the nav bar.

Here's an updated version http://pekkahiltunen.net/chiminanew/index2.html

You can still see the original at http://pekkahiltunen.net/chiminanew/index.html

 

I'd like to know if you guys find the new version better or worse. I'd say it's better but perhaps the navigation stands out too much at the moment with the current- and hover- states?

 

I'm so bad at logo design but I thought to give it a chance anyway. Is the heraldry OK, or am I better off just removing it? Also changed the font for the logo.

 

I'm not quite sure on the amount of blur on the background. I'm thinking it's a good concept but perhaps could be done better? I used gaussian blur in PS but it doesn't quite look like the camera out-of-focus effect I was after

 

Oh, I just noticed that there's an issue with the Book a room -button showing through the nav bar.

 

I would get rid of the page background, its really distracting. Plus the baby poo colour on the footer isnt very nice.

  • Author

I would get rid of the page background, its really distracting. Plus the baby poo colour on the footer isnt very nice.

 

I think either you or me need to re-calibrate our monitor if that looks like baby poo colour to you :D

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.