Final Crit Presentation Boards

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