Download - elements - travel by theme

Transcript
Page 1: elements - travel by theme

Gui

de

lines

visual identity

Page 2: elements - travel by theme
Page 3: elements - travel by theme

[the brand]The purpose of the elements brand is to establish consistency throughout our organization and express what we stand for.To secure effective implementation, we must all understand how the identity should be used and to ensure it is used correctly. These guidelines have been created to achieve this.

The identity guidelines provide the basic information you need to produce material that incorporates the elements identity. The section on communication describes the fixed elements and shows examples to help create new material in the elements style. The section on interface describes the interface of the software ielements.

Over the next few pages you will find information on the basic elements of our visual identity on colors, typefaces and the elements logotype, which are the basic ingredients that will be mixed in a particular manner to achieve the elements style.

Page 4: elements - travel by theme

targ

et a

udie

nce

moodboard

Page 5: elements - travel by theme
Page 6: elements - travel by theme

visu

al i

dent

ity

basic elements

Page 7: elements - travel by theme

[logotype]Simple, compact, powerful: it is important that the elements logotype is always reproduced in accordance with these Guideline. It should never be redrawn or modified. All reproductions must be made from an original data file. The five-colour version is preferred for reproduction wherever possible. The single colour version can be used when there are colour restrictions, ie facsimiles and newsprint.

Page 8: elements - travel by theme

[colours]Pa

nton

e 43

2

Pant

one

1375

Pant

one

432

40%

Pant

one

390

Pant

one

299

90% 80% 70% 60%100%

50% 40% 30% 20% 10%

The elements logotype may be used on coloured backgrounds. However, its is im-portant that there is sufficiant contrast to ensure that the logotype is easily read. On backgrounds that are as dark or darker than the equivalent of 50% black, the negative version of the logotype shoud be used.

Page 9: elements - travel by theme

[typography]Typography is an important part of the elements visual identity and style.

[Georgia]has been choosen to underline the modern and classy character of the logotype.

[Engel]Is complementary to Georgia; it is a typeface which is easy to read and is ideal for lengthy pieces of text. A number of variants are available in this group to allow for flexibility in titles, headlines, sub-heads and copy.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[regular]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[italic]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[bold]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[bold italic]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[light]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[light italic]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[regular]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[regular italic]

Page 10: elements - travel by theme

the

bra

nd

basic elements

Page 11: elements - travel by theme

[business cards]

elements GmbHWeisshausstrasse 23

50 939 Köln

0049 221 334 455 [Telefon]

0049 221 334 456 [Telefax]

[email protected] [Email]

www.elements.com [Web]

Max Mustermann

Kundenberatung

0049 66 77 99

[email protected]

Page 12: elements - travel by theme

[envelope]

Page 13: elements - travel by theme

elements GmbH | Weisshausstrasse 23 | 50939 Köln

Schön dass Sie sich für Reisen von Elements entschieden haben, wir freuen uns darauf ene individuelle Reise an Sie anzupassen.

Sehr geehrter Herr Mustermann,

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.

Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus.

Quod errat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden.

Wie sind für Sie da!

Claude FolschetteLeiter Kundenservice elements

Herrn Maxi MustermannPaul-Schallück-Str. 950 939 Köln

GmbHWeisshausstrasse 2350939 Köln

0049 221 334 455 [Telefon]0049 221 334 456 [Telefax][email protected] [Email]www.elements.com [Web]

Köln, den 29.06.2008

Kundennummer xxxxxxxx

Weisshausstrasse 23 50939 Köln0049 221 334 455 [Telefon] 0049 221 334 456 [Telefax] [email protected] [Email] www.elements.com [Web]

Claude Folschette [Geschäftsführer] 25 550 [HRB] 765/222/01432 [SteuerNr.]

Sparkasse KölnBonn [Bank] 370 500 88 [BLZ] 2 004 765 [KontoNr]

elements

0

105

mm

045

mm

019

mm

019mm

125mm

010 mm

010

mm

Engel light 12 ptsLine-spacing 15 pts

Engel regular 11 ptsLine-spacing 13 pts

Engel light 11 ptsLine-spacing 13 pts

Engel light 10 ptsLine-spacing 11 pts

Engel light 8 ptsLine-spacing 11 pts

Engel regular 10 ptsLine-spacing 11 pts

[letterhead]

Page 14: elements - travel by theme

to m

ove

transport

Page 15: elements - travel by theme

[bus]

[helicopter]

[conveyance]

Page 16: elements - travel by theme

the

pro

duct

s

clothes & gadgets

Page 17: elements - travel by theme

[shirt]

[pendant]

[front]

[back]

Page 18: elements - travel by theme

the

way

design deployment

Page 19: elements - travel by theme

logotype

Page 20: elements - travel by theme
Page 21: elements - travel by theme
Page 22: elements - travel by theme

the

inte

rfac

e

get the style

Page 23: elements - travel by theme

09:4

209

:42

09:4

209

:42

Page 24: elements - travel by theme

the

func

tion

s

short description

Page 25: elements - travel by theme

[funktionslayout]Das Interface von elements ist ganz klar und übersichtlich aufgebaut. Das Hauptmenü befindet sich mittig des Screens und nachdem man einen Punkt ausgewählt hat im unteren Teil des Bildschirms. Dies dient dazu dass der User sehr schnell von einem in den anderen Menüpunkt navigieren kann. Das Submenü befindet sich jeweils als klassischer Header in Form von “Tabs” im oberen Bereich des Interfaces unter der fixen Statusanzeige.

Satusanzeigen (in Form con Icons: Netz, Batterieanzeige, Uhr, Betriebsbereitschaft, Blutooth

Subnavigation (in Form von ‘Tabs‘)

Content (in Form von Listings und Buttons zum verschicken)

Navigation (in Form con Icons)

0

06px

58 p

x7,

5 px

320 px

13,5

px

Page 26: elements - travel by theme

Navigation

Subnavi

Login

appointments

publish

to do list

agenda

23

password

|

Page 27: elements - travel by theme

Die Software von elements ist ein praktischer Begleiter auf der Reise. Sie wird dem Kunden voreingestellt und installiert auf einem IPhone wärend der Reise zur Verfügung gestellt. Das Phone dient zur Kommunikation innerhalb der Reisegruppe, sowie zum dokumentieren der Reise.Der Reisenden kann somit seine Entdeckungen und Erlebnisse festhalten, dokumentieren, diskussieren oder auf der Internetseite von Elements veröffentlichen. Blogs erstellen, Nachrichten schicken, Bilder veröffentlichen sind nur einige Funktionen von ielements.

flowchart

my gallery

send as message

publish

photos

read

send as message

write

my blog

read

post to blog

write

messages

Page 28: elements - travel by theme

Welcome, click to

09:42

09:42

password

|

09:42

Page 29: elements - travel by theme

[Startscreen]Startet man die Software, so erscheind erstmal ein Startscreen. Dieser dient dazu, dass die Software nicht ungewollt startet. Der Benutzer wird aufgefordert auf den Bildschirm zu klicken damit die Software laden kann.

[Ladevorgang]Das Logo blendet aus und die Elemente des Logos animieren sich von links nach rechts und umgedreht.

[Anmeldung]Nach dem Ladevorgang erfolgt die Anmeldung. Jeder User hat einen eigenen Username und Passwort, so können jegliche Einträge, Nachrichten und Fotos einer Person zugewiesen werden und zudem ist es eine zusätzliche Sicherheitsstufe um Missbrauch vorzubeugen.

Page 30: elements - travel by theme

photosagenda messagesblogs

23

09:42

2323

vulcan journey: from Paulo Vanoli 23-08.2007 | 17:56

vulcan journey: from German Frank 23-08.2007 | 17:56

Höllentrip: from Franjo Petersen 23-08.2007 | 17:56

Super Erlebnis: from David Gallo 23-08.2007 | 17:56

vulcan journey: from Paulo Vanoli 23-08.2007 | 17:56

Todays trip to the vulcan was rally exciting. I was fascinated by...Oborem erat, quat. Urero doloborem ilis nostisi.Equat. Ut lortin vulput veratem qui blam qui blaore velisis ea feugait lan

read | write | publish | send as message

09:42

23

my galery | publish | send as message

09:42

Page 31: elements - travel by theme

[Hauptmenü]Nach der Anmeldung gelangt man direkt ins Hautmenü. Dieses beinhaltet nur 4 Punkte: einen Agenda zum planen, Fotos, Blogs und Nachrichten. Der Agenda ist dazu gedacht um die Termine zu notieren und so keinen Ausflug oder Event auf der Reise zu verpassen. Einige Termine sind schon von elements eingetragen oder werden per Gprs an das Handy geschickt. Das Menü ‘Fotos’ dient zur festhaltung von schönen Bildern, Gegenden onder sonstiges. Man hat hier die Möglichkeit Bilder zu speichern, auf der Internetseite von elements zu publizieren oder sie anderen zuzusenden. Der Punkt ‘Blog’ ist ein klassisches Tagebuch indem man seine Erlebnisse und Erfahrungen dokumentieren und anderen zugängich machen kann. Nachrichten kann man von anderen Reisenden oder Mitarbeiter von elements erhalten und auch antworten.

[Blog]Diese Grafik zeigt den Menüpunkt ‘Blog’ mit dem Untermenü ‘read’. Zu sehen ist ein listing in dem man scrollen kann. Der jeweilige Blogeintrag auf dem man sich befindet klappt immer auf und die Nachricht wird sichtbar. Die Untermenüs sind immer gleich aufgebaut (siehe Flowchart).

[Fotos]Zu sehen ist das Menü ‘Fotos’ mit dem Untermenüpunkt ‘my galery’.

Page 32: elements - travel by theme

MP

MD

WS

0607

BetreuerDipl.-Des. Caroline Julia Arens

Prof. Torsten Stapelkamp

Grundkurs Anwendungen

Fols

chet

te C

laud

e

Page 33: elements - travel by theme

Gui

de

lines

visual identity