Page 1

Konzept webProjek t thail and

Luk a s Binggeli poly 8c sfgb-b m 채r z 2013


P roj ek t T h a i l a n d

ko nzep t | B i n gg el i

2013

inhalts verzeichnis

3 4 5 6

skiz zen home site

skiz zen inhaltssite

navig ations konzept

schrif t konzept

wo finde ich wa s ?

7 8 10

farb konzept

home site

inhalts site


P roj ek t T h a i l a n d

skizzen Homeseite Es wurden sechs Skizzen erstellt. Das Augenmerk war vor allem darauf gerichtet, dass die Site möglichst locker und ferienhaft wirkt. Dazu wurden bei den verschiedenen Varianten runde Formen und transparente Elemente skizziert. Gewählte Variante Bei der Gewählten Variante werden grosse Bilder verwendet, damit die schöne Landschaft zur Geltung kommt. Zudem ragen hinter der Haupsite eine junge Dame und eine Palme hervor. Dies lockert die ganze Sache massiv auf und man kommt in Ferienstimmung.

ko nzep t | B i n gg el i

2013

›3 sechs ver schiedene varianten – eine Umse t zung


P roj ek t T h a i l a n d

skizzen inhaltsseite Zu jeder Homesite wurde eine entsprechende Inhaltssite gestaltet. Deshalb fiel die Wahl sofort auf die Site, die zu der Homesite gestaltet wurde. Gewählte Variante Auch hier kommen wieder grosse Bilder zum Einsatz, damit man sich ein optimales Bild des Hotels machen kann. Denn, Bilder sagen mehr als 1000 Worte. So kann man eine virtuelle Tour durch das Hotel machen.

ko nzep t | B i n gg el i

2013

›4 eine der home site angepa ss te inhaltsseite


P roj ek t T h a i l a n d

ko nzep t | B i n gg el i

›5

2013

Navigations konzept Das Navigationskonzept sieht vor, dass vor allem von der Homesite aus navigiert wird. Von dort aus kann man sich durch die verschiedenen Destinationen klicken. Von den Destinationen kommt man dann auf die x-beliebigen Hotelseiten. Dies hat den Vorteil, dass sich die Suche einschränkt und nur die Hotels angezeigt werden, welche sich dann tatsächlich auch dort befinden. 1 Wichtig zu wissen ist auch noch, dass man nicht von einem Hotel zum anderen in zwei verschiedenen Destinationen wechseln kann. Man muss immer zuerst zu der Hauptsite einer Destination wechseln.

wie m an sich auf der website so zurechtfinde t

homesite

D e s t i n at i o n 1

D e s t i n at i o n 2

D e s t i n at i o n 3

D e s t i n at i o n 4

D e s t i n at i o n 5

h ot e l 1

h ot e l 1

h ot e l 1

h ot e l 1

h ot e l 1

h ot e l 2

h ot e l 2

h ot e l 2

h ot e l 2

h ot e l 2

h ot e l 3

h ot e l 3

h ot e l 3

h ot e l 3

h ot e l 3

h ot e l 4

h ot e l 4

h ot e l 4

h ot e l 4

h ot e l 4

h ot e l 5

h ot e l 5

h ot e l 5

h ot e l 5

h ot e l 5

h ot e l 6

h ot e l 6

h ot e l 6

h ot e l 6

h ot e l 6

1


P roj ek t T h a i l a n d

schrift konzept Die Schriften, die man auf der Website findet, sind alles Google-Webfonts. Sprich, bei jedem Besucher, der die Site besucht, werden die Schriften gleich dargestellt. So muss man nicht auf die langweiligen und oft nicht sehr schönen System-Schriften zugreifen. Die Ubuntu Die verwendete Schrift heisst Ubuntu. Sie gehört zur Sippe der serifenlosen Schriften. Durch ihre hohe X-Höhe ist die Schrift sehr bodentständig. Dank der vielen Rundungen wirkt die Schrift nicht so hart und kommt etwas locker rüber, was gut zum Thema Ferien passt. Dazu ist es eine sehr moderne Schrift.

ko nzep t | B i n gg el i

›6

2013

wann welche Schrif t verwende t werden sollte

abcdefghijk lmnopqr stuvwxyz abcdefghijklmn opqrstuvwxyz 123456789.,?!


P roj ek t T h a i l a n d

ko nzep t | B i n gg el i

›7

2013

da mit m an weiss, wo welche farbe verwende t wird

farb konzept Was verbindet man mit Thailand? Klar, Sonne, Wärme und natürlich Urlaub. Deshalb fiel die Farbwahl auf die Hausfarbe gelb. Gelb ist eine warme und helle Farbe und man assoziert dies oftmals mit Wärme. Anwendung Auf der Website werden Hauptsächlich die Hausfarbe, das acapa-gelb, weiss sowie schwarz verwendet. Es besteht jedoch die möglichkeit, die beiden Farben in verschiedenen Abstufungen zu verwenden. Das heisst, das gelb kann 100% angewendet werden oder nur 10%.

ac apa- gelb HEX: # f8ec17 RGB: R: 248 G: 236

Schwar z B: 23

HEX: # 000000 RGB: R: 0 G: 0

B: 0


P roj ek t T h a i l a n d

home site Auf der Homesite sind alle wichtigen Informationen zu finden, die man braucht. Unter anderem Infos über das Klima, die Geografie oder die neusten Last Minute Schnäppchen. Das grosse Einstiegsbild macht Lust auf mehr. Der Aktionsbutton gibt Auskunft über vergünstigte Angebote. Zudem hat man die Möglichkeit, direkt von der Homesite aus ein Hotel zu suchen und zu buchen. Die Kontaktdaten sind alle im Footer zu finden. In der Navigationsleiste sind noch social media icons zu sehen. Durch das Klicken jener kommt man auf das entsprechende soziale Netzwerk.

ko nzep t | B i n gg el i

2013

›8 wie die home site aussieht und wie sie sich verhält


P roj ek t T h a i l a n d

home site

ko nzep t | B i n gg el i

2013

›9 anwendung


P roj ek t T h a i l a n d

inhalts site Die Inhaltssite ist entsprechend der Homesite gestaltet. Wieder kommen grosse Bilder zum Einsatz. Es ist ein kurzer Hotelbeschrieb zu finden. Darunter erkennt man die Freizeitangebote, welche man in dem Hotel machen kann. Als grosse Buttons sind wieder die Aktionen zu finden und sie stechen einem sofort ins Auge. Die Preisliste ist als PDF angehängt und wird durch einen Klick auf das Icon geöffnet.

ko nzep t | B i n gg el i

2013

› 10 wie die inhaltssite aussieht und wie sie sich verhält


P roj ek t T h a i l a n d

inhalts seite

ko nzep t | B i n gg el i

2013

› 11 anwendung

Konzept Acapa  

In diesem Schulprojekt durfte ich ein Screendesign für einen Reiseveranstalter gestalten.

Read more
Read more
Similar to
Popular now
Just for you