You are here:
Castle Fictoria: Web design exercise
Keen to learn website design, but struggling to think of what to put in your first website? Here's the solution.
I've created a brochure for a fictional hotel called Castle Fictoria. It provides plenty of material (including pictures) for a website of about five pages. You're welcome to use the materials here to experiment with website design or to kick-start your design portfolio.
Photo of "Castle Fictoria" by Anthony McCune
The manager of Castle Fictoria says...
Dear
Thank you for taking on the design of our website. I thought I'd take this opportunity to fill you in on how we see things working.
The website is being built to attract new customers to the Castle Fictoria Hotel.
The company isn't interested in online bookings at this stage: we just want to see how much response we get by phone and fax so we need to have the contact numbers displayed prominently on each page.
The website:
- Must download as quickly as possible
- Be easy to read
- Be easy to navigate
- Look clear and attractive
- Work on the Internet Explorer and Firefox browsers
We look forward to working with you!
Sean McManus, manager Castle Fictoria
Some hints and tips
- You'll probably need to resize the images. You can use the free program Irfanview to do this. Go to Options/Resample Image.
- Add links between the different sections where appropriate. For example, after the bit about what each room has in it, you might add a link saying 'For room prices, click here'.
- Don't be afraid to split up the text into logical sections. Avoid having pages that are very long and that have lots of different unrelated pieces of information on them.
- Make sure the page prints okay.
- With everything you do on the site, put the user first. Work on making it as easy as possible for a visitor to work out how to use the site and how to find what they need.
- There's a page of helpful online tools here.
The rules
All this material is protected by copyright, but you're allowed to use it in building a website provided that:
- You include the credits used in the brochure with any photos you use and turn them into links to the photographers' websites.
- You include a prominent notice on your site to the effect that this is a website design exercise and the place you're promoting doesn't exist.
- You don't redistribute the brochure or other supporting material except as necessary to create your own Castle Fictoria website.
- You include this link text clearly on your homepage for Castle Fictoria:
<A HREF="http://www.sean.co.uk/a/webdesign/fictoria.shtm">Castle Fictoria website design exercise by Sean McManus</A>
Educational use
I'm happy for this content to be used in schools, colleges and training courses, provided that:
- Teachers ensure all students follow the above rules
- This material is not charged-for
- This material is not combined with any other material in any print publication (including hand-outs)
- Teachers download the material from this website once and distribute it to the class directly.
Download the brochure and pictures
- Download the brochure and images (302 KB)
- Download the free Acrobat Reader program to open the brochure - if you don't already have it
- Download an evaluation version of Winzip to open that file - if you don't already have it
Links to live examples
Contact me if you put your site on the web and perhaps I can link to it from here.
This project was Internet Magazine's Site of the Week on launch.