OUGD504 Design Production - Design For Web Andrea Hannah Cooper
Initial scamps for progress crit
1
Following the feedback from the interim crit, I chose to use scamp design 1, sticking to the original layout ideas. The navigation and logo remain the same on every page, with the text in the left hand column and the title changing to fit with the content of each page. The right hand column, which contains the slideshow of images on the homepage changes depending on the content being displayed on each page of the website.
YELIT
A SH
KHA
T
O U IS R
M
3
2
OUGD504 Design Production - Design For Web Andrea Hannah Cooper Specifications - a tourist guide website to the township of Khayelitsha in Cape Town, South Africa Pages: - index - history - tourism - culture - maps - contacts Dimensions: 1024 x 768 px Alignment: central Background colour: white Navigation: centered along the top of page Font family: Arial, Helvetica, sans-serif (plus custom fonts - Futurafrica - as images)
YELIT
A SH
KHA
T
O U IS R
M
Wireframe of scamp
OUGD504 Design Production - Design For Web Andrea Hannah Cooper
YELIT
A SH
KHA
T
O U IS R
M
Final homepage scamp
Concept and research of existing websites
http://library.thinkquest.org/28028/
OUGD504 Design Production - Design For Web Andrea Hannah Cooper
http://www.khayelitshatravel.com/
When researching for the summer brief, it was instantly obvious that the majority of tourism websites for the area were all rather badly designed, as if they were on a very low budget. Also, there were only a couple of websites specifically promoting tourism and the history of Khayelitsha, although the area features on many other tourism websites, such as the official South Africa tourism website and TripAdvisor.
M
O U IS R
T
http://www.nomvuyos-tours.co.za/township_info.shtml
YELIT
A SH
KHA
The concept behind this website is to promote the positive aspects of the area, and increase positive tourism, while keeping the website simple, clean and easy to navigate, making the viewer actually interested in visiting.
OUGD504 Design Production - Design For Web Andrea Hannah Cooper
Sitemap and content of website
.DWT
.CSS index.html
tourism.html
A brief introduction to the website and the area, with links to each page, the website logo and a slideshow of images of the area.
History
Tourism
visit around the area with links out to other area. Another map may be added which websites, and images illustrating the points. illustrates the places suggested to visit, but this is dependent on time constraints.
Culture
Providing an introduction to the culture of the area, depicting and explaining the housing situation, food, shopping, lifestyle, etc of the people and the area. Also briefly explaining the dangers of the area, but not in a way that puts potential tourists off visiting. The aim of the website is to promote the positive aspects of Khayelitsha, rather than the bad reputation the area has in the media.
Maps Linking out to Google Maps as a way of providing a guide to getting around the
Contacts Listing different contacts within the area which would be useful for someone visiting Khayelitsha, such as contact details for different township tours and accommodation. A simple list to avoid there being an unnecessary amount of text, but still keeping all the essential details.
YELIT
O U IS R
T
Brief explanations of different places to
contacts.html
A SH
A very brief history of the area, including images to illustrate the points, possibly including a timeline. A simple history provides the viewer with an introduction to the area without giving too much text which won’t be read.
maps.html
M
Index
culture.html
KHA
history.html