Download - Ostfalia Webdesign Theorie Block 1
![Page 1: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/1.jpg)
MACHE DIE DINGE SO EINFACH WIE MÖGLICH - ABER NICHT EINFACHER. Vortrag Webdesign. 2. Semester. SS 2011.
Salzgitter, 15./16.04.2011
![Page 2: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/2.jpg)
Pixelpark GruppeElephant Seven Hamburg
![Page 3: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/3.jpg)
| 3|© Elephant Seven
AGENDA.
1. Vorstellung und Einleitung
2. Warum Kommunikationsdesign?
3. Corporate Design
4. Online Design
5. Aufgabe Vergleich Websites
6. Websitetypen und Schematics
![Page 4: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/4.jpg)
© Elephant Seven 4|
AGENDA.
VORSTELLUNG UND EINLEITUNG.
![Page 5: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/5.jpg)
||
![Page 6: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/6.jpg)
| 6|© Elephant Seven
DATEN.
Name: Elephant Seven Hamburg GmbH
Adresse: Gerhofstraße 1-3, 20354 Hamburg
Ansprechpartner: Markus Weiß, GF; Oliver Viets, GF
Gründung: 1996
Mitarbeiter: 92 (Stand 10/2010)
Umsatz: 8,4 Millionen EUR (GJ 2009)
Umsatz: 9.1 Millionen EUR (GJ 2010)
Standorte: Hamburg (Hauptsitz), Barcelona
![Page 7: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/7.jpg)
| 7|© Elephant Seven
ELEPHANT SEVEN
HAMBURG
PIXELPARK AGENTUR
KÖLN
YELLOW TOMATO
HAMBURG
ELEPHANT SEVEN NET TECHNOLOGIES HAMBURG
PIXELPARK AGENTUR
BERLIN
YELLOW TOMATO
MÜNCHEN
ELEPHANT SEVEN ESPAÑA
BARCELONA
PIXELPARK AGENTUR
HAMBURG
PIXELPARK AGENTUR
ZÜRICH/SCHWEIZ
PIXELPARK AGENTUR
BIELEFELD
NETZWERK.
ELEPHANT SEVEN
HAMBURG GMBH
PIXELPARK AG
STANDORT KÖLN
YELLOW TOMATO GMBH
(HAMBURG)
PIXELPARKNET TECHNOLOGIES GMBH
PIXELPARK AG
STANDORT BERLIN
ELEPHANT SEVEN ESPAÑA S.A.U
(BARCELONA)
PIXELPARK AGENTUR
HAMBURG
PIXELPARK SCHWEIZ AG
PIXELPARK BIELEFELD GMBH
![Page 8: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/8.jpg)
© Elephant Seven 8|
UNSERE POSITIONIERUNG.
ELEPHANT SEVEN IST DIE KREATIVE ACROSS-THE-LINE AGENTUR FÜR EINE VERNETZT DENKENDE WELT.
![Page 9: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/9.jpg)
|
DIGITAL
POSTER
ONLINE
DISPLAY
SOCIAL
MOBILE
POS
Messe
EVENT
E-COMMERCE
Verkaufs-
förderung
DIRECT
CRM
COACHING
VIRAL
CORPORATE
SITES
AMBIENT
Inhouse PP-Netzwerk On-demand
SEO
PLANNING
SEA
TV
![Page 10: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/10.jpg)
| 10|© Elephant Seven
KUNDEN UNIT HH.
![Page 11: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/11.jpg)
| 11|© Elephant Seven
KUNDEN UNIT HH, FF.
Bild durch Klicken auf Symbol hinzufügen
Bild durch Klicken auf Symbol hinzufügenBild durch Klicken auf Symbol hinzufügenBild durch Klicken auf Symbol hinzufügen
Bild durch Klicken auf Symbol hinzufügenBild durch Klicken auf Symbol hinzufügenBild durch Klicken auf Symbol hinzufügenBild durch Klicken auf Symbol hinzufügenBild durch Klicken auf Symbol hinzufügen
Bild durch Klicken auf Symbol hinzufügenBild durch Klicken auf Symbol hinzufügen
![Page 12: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/12.jpg)
| 12|© Elephant Seven
SOFTWAREPARTNERSCHAFTEN.*
*des Pixelparkkonzerns
![Page 13: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/13.jpg)
| 13|© Elephant Seven
DARAUF SIND WIR STOLZ.*
*557 x Gold, Silber oder Bronze und keinmal Kupfer
![Page 14: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/14.jpg)
| 14|© Elephant Seven
OLIVER VIETS. GF KREATION.
1995: Graphic/Editorial Design für “Snowboarder Mag” und
“Surfers“- Magazin.
1998: Abschluss/Diplom Studium Grafik Design Informatik FH
Hannover
Tätigkeiten/Praktika während des Studiums:
Textpraktikum Springer & Jacoby, freie Grafik in div.
Agenturen
1998: Art Director bei Elephant Seven GmbH
1999: Teamleitung Elephant Seven als Creative Director
2003: ADC Mitglied
2005: Executive Creative Director Elephant Seven AG
2007: Boardmember Pixelpark AG
2010: Geschäftsführer Kreation Elephant Seven GmbH
Jury: One Show, LIAA, Cresta, ADC, Lead Award, Eurobest,
Onlinestar
![Page 15: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/15.jpg)
| 15|© Elephant Seven
TIM SCHRÖDER. SENIOR WEB DEVELOPER.
Seit 1996:
Front- und Backendseitige Webentwicklung in verschiedenen Agenturen
2006: Web Developer bei Elephant Seven GmbH
2007: Abschluss/Diplom Studium „Informationstechnologie und Gestaltung international“, FH Lübeck
2008: Senior Web Developer bei Elephant Seven GmbH, Schwerpunkte: iOS, Ruby on Rails, Java
![Page 16: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/16.jpg)
| 16|© Elephant Seven
APROPOS „SENIOR“. WAS BEDEUTEN DIE TITEL IN EINER AGENTUR?
![Page 17: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/17.jpg)
© Elephant Seven 17|
AGENDA.
WARUM KOMMUNIKATIONSDESIGN?
![Page 18: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/18.jpg)
|
70.000 NEUE MARKEN WERDEN JEDES JAHR IN DEUTSCHLAND ANGEMELDET.
![Page 19: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/19.jpg)
| 19
JEDER WIRD TÄGLICH MIT 2.500 BIS 5.000 (WM)WERBE-BOTSCHAFTEN KONFRONTIERT.
![Page 20: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/20.jpg)
| 20
FB-“ZWECK“-SEITEN HABEN 5.3 MILLIARDEN FANS GENERIERT.
![Page 21: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/21.jpg)
| 21© Elephant Seven
DIE ZAHL DER AUF FACEBOOK „GETEILTEN“ INFO-BITS (LINKS, STORIES, BLOGPOSTS,...)PRO WOCHE: 3,5 MILLIARDEN
![Page 22: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/22.jpg)
| 22© Elephant Seven
MEHR ALS 66% DER iPHONE-NUTZER SURFEN IM INTERNET, WÄHREND DER FERNSEHER LÄUFT.
![Page 23: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/23.jpg)
| 23© Elephant Seven
DIE INFORMATIONSÜBERLASTUNG BEI ZEITSCHRIFTEN BETRÄGT 94%. NUR 6% ALLER IN ZEITSCHRIFTEN PRÄSENTIERTEN INFORMATIONEN WERDEN VON DEN LESERN WAHRGENOMMEN.
![Page 24: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/24.jpg)
| 24© Elephant Seven
IM BESTEN FALL KÖNNEN ZEHN BIS ZWANZIG WERBEBOTSCHAFTEN AM TAG BEWUSST WAHRGENOMMEN WERDEN. ZWEI BIS DREI LÖSEN IRGENDETWAS IM KOPF AUS.
![Page 25: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/25.jpg)
| 25© Elephant Seven
SCHÄTZEN SIE, WIE VIELE VON 100 TV-UND FUNK SPOTS BEWUSST WAHRGENOMMEN WERDEN:
![Page 26: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/26.jpg)
| 26© Elephant Seven
ANTWORT:
ZWEI BIS DREI.
![Page 27: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/27.jpg)
| 27|© Elephant Seven
„Wir nehmen gezielt das wahr, was unserer aktuellen Aufgabe, unserem Ziel oder unseren
Bedürfnissen entspricht“.
„Ein Mensch beschäftigt sich mit dem, was ihm aktuell wichtig ist.
Wer Hunger hat, wird eher alles bemerken, was mit Essen oder Restaurants zu tun hat.“
Grundsätzlich hat die Unaufmerksamkeitsblindheit also auch ihr Gutes, weil sie im
Umkehrschluss bedeutet, dass man sich auf etwas konzentrieren kann.
(Boris Kotchoubey, Professor für kognitive Psychologie an der Universität Tübingen.)
AUSFLUG IN DIE WISSENSCHAFT. SELEKTIVE WAHRNEHMUNG.
![Page 28: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/28.jpg)
|
EIN AUFMERKSAMKEITS-TEST.
28© Elephant Seven
![Page 29: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/29.jpg)
|
![Page 30: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/30.jpg)
30|© Elephant Seven
DIE HERAUSFORDERUNG.
DAMIT ANZEIGEN ÜBERHAUPT EINE LEISTUNG ERBRINGEN UND EINE WERBEWIRKUNG HERVORRUFEN KÖNNEN, MÜSSEN SIE ZUERST WAHRGENOMMEN WERDEN.
DAFÜR MÜSSEN SIE SCHNELL UND EINFACH SEIN.
![Page 31: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/31.jpg)
||
Schnell und einfach:
(Auszug „Die Tachometer-Methode“).
SPONTANE, HOHE AUFMERKSAMKEIT.
VERMITTLUNG DER BOTSCHAFT IN WENIGEN SEKUNDEN
SOFORTIGEVERSTÄNDLICHKEIT
HOHE EINPRÄGSAMKEIT
SYMPATHIE UND ÜBERZEUGUNGSKRAFT AUF DENERSTEN BLICK.
![Page 32: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/32.jpg)
| 32|© Elephant Seven
•Prüfung der Verständlichkeit einzelner
Anzeigenelemente
•Verständlichkeit der Gesamtanzeige
•Widersprüchlichkeit zwischen Text und Bild
•Verständlichkeit des Bildes
•Richtung der durch das Bild ausgelösten
Assoziationen
•Eigenständigkeit des Bildes
•Prägnanz der Abbildung des Produktes
•Verständlichkeit der Headline
•Missverständlichkeit der Headline
•"Langsame" Formulierungen
•Verständlichkeit des Fließtextes
•Prüfung des Aktivierungspotentials
•Aktivierungspotential des Bildes
•emotionales Aktivierungspotential
•kognitives Aktivierungspotential
• physisches Aktivierungspotential
•Aktivierungsprofil des Bildes
•Aktivierungspotential der Headline
•Aktivierungspotential der Schrift
•Kontrastreichtum und Prägnanz der Headline
•emotionales Aktivierungspotential der Headline
EINE MÖGLICHKEIT, WERBEWIRKUNG ZU MESSEN.
![Page 33: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/33.jpg)
| 33|© Elephant Seven
•Prüfung der Informationsaufnahme
•Informationsaufnahme der Gesamtanzeige
•horizontale Anordnung der Texte zum zentralen
Bildelement
•vertikale Anordnung der Texte zum zentralen
Bildelement
•verzichtbare Bilder oder Texte
•Informationsaufnahme des Bildes
•Informationsaufnahme der Headline
•Informationsaufnahme des Absenders
•Größengestaltung des Markennamens
•Markennamen in der Headline
•Platzierung des Absenders an üblicher Stelle
•auffällige Platzierung und Gestaltung des
Absenders
•Informationsaufnahme des Fließtextes
•Kürzungsmöglichkeiten des Fließtextes
•formale Gestaltung des Fließtextes
•Informationsaufnahme von doppelseitigen
Anzeigen
•Prüfung der anderen Komponenten
•Informationsspeicherung
•Einstellungswirkung
EINE MÖGLICHKEIT, WERBEWIRKUNG ZU MESSEN. FF.
![Page 34: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/34.jpg)
|
PRÜFUNG DER INFORMATIONSAUFNAHME.
34© Elephant Seven
![Page 35: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/35.jpg)
|
Ausgaben vs. Media-Coverage.
MUSTER
![Page 36: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/36.jpg)
|
Insert layouts by click on icon, layouts need to be delivered in 1024 x 768 px!
Der U-Bahn Plan von Oslo.
![Page 37: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/37.jpg)
|
Der neue U-Bahn Plan von Oslo.
![Page 38: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/38.jpg)
|
![Page 39: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/39.jpg)
|
Timecode ->
![Page 40: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/40.jpg)
||
US-AUSGABEN VS. MEDIEN ERWÄHNUNG.
Ausgaben vs. Media-Coverage.
![Page 41: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/41.jpg)
| 41|© Elephant Seven
Die durchschnittliche Betrachtungsdauer von Anzeigen sind 2,2 Sekunden.
In Monatsmagazinen sind durch die Platzierung (vorne, hinten, linke oder rechte Seiten)
keine Steigerungen zu erzielen.
In Wochenzeitungen erreichen Linksplatzierungen höhere Werte. Allgemein im Vorteil
sind Anzeigen, die im vorderen Zeitungsteil auf der rechten Seite zu finden sind.
(Werbewissenschaftliche Gesellschaft in Kooperation mit Profil und Trend.)
DATEN ZUR BETRACHTUNGSDAUER.
![Page 42: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/42.jpg)
|
![Page 43: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/43.jpg)
|
![Page 44: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/44.jpg)
44|© Elephant Seven
„SOFORTIGE VERSTÄNDLICHKEIT“.
![Page 45: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/45.jpg)
|
![Page 46: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/46.jpg)
|
![Page 47: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/47.jpg)
|
![Page 48: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/48.jpg)
| 48
![Page 49: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/49.jpg)
| 49
![Page 50: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/50.jpg)
50|© Elephant Seven
„WIDERSPRÜCHLICHKEIT“?
![Page 51: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/51.jpg)
|
![Page 52: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/52.jpg)
|
![Page 53: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/53.jpg)
| 53
![Page 54: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/54.jpg)
| 54
![Page 55: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/55.jpg)
| 55© Elephant Seven
![Page 56: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/56.jpg)
56|© Elephant Seven
„HOHE EINPRÄGSAMKEIT UND EIGENSTÄNDIGKEIT DES BILDES“?
![Page 57: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/57.jpg)
| 57© Elephant Seven
![Page 58: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/58.jpg)
| 58© Elephant Seven
![Page 59: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/59.jpg)
| 59
![Page 60: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/60.jpg)
| 60© Elephant Seven
![Page 61: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/61.jpg)
| 61
![Page 62: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/62.jpg)
| 62
![Page 63: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/63.jpg)
| 63
![Page 64: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/64.jpg)
| 64© Elephant Seven
![Page 65: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/65.jpg)
| 66
![Page 66: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/66.jpg)
| 67
![Page 67: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/67.jpg)
| 68
![Page 68: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/68.jpg)
| 69
![Page 69: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/69.jpg)
| 70
![Page 70: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/70.jpg)
| 71
![Page 71: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/71.jpg)
75|© Elephant Seven
„VERSTÄNDLICHKEIT DES BILDES?“
![Page 72: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/72.jpg)
|
![Page 73: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/73.jpg)
|
![Page 74: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/74.jpg)
|
![Page 75: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/75.jpg)
|
![Page 76: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/76.jpg)
|
![Page 77: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/77.jpg)
81|© Elephant Seven
AGENDA
CORPORATE DESIGN.KAFFEEPAUSE. 10MIN.
![Page 78: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/78.jpg)
82|© Elephant Seven
AGENDA.
CORPORATE DESIGN.
![Page 79: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/79.jpg)
||
„PASST NICHT ZU UNSERER POSITIONIERUNG“.
Haben Sie das schon mal gehört? Wenn Sie es hören, wissen Sie: Das ist das wasserdichte
Nr.1 Killerargument der Marketingleiter/innen. Es bedeutet, auch wenn die Typo, Farbe,
Bildwelt, Inhalt und auch sonst alles scheinbar stimmen, kann man immer noch total am Ziel
vorbeischießen, wenn man nicht die grundsätzliche Zielsetzung der Marke kennt.
Das Design ist eine Weiterentwicklung der Positionierung und der Markenwerte einer Marke.
Machen Sie sich zuerst mit diesen Werten vertraut, bevor Sie ein Design entwickeln.
![Page 80: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/80.jpg)
| 84|© Elephant Seven
CORPORATE DESIGN.
Bevor wir uns die speziell Onlinekommunikation betreffenden Details ansehen, gehe ich kurz
auf die Grundlagen der Gestaltung ein.
Danach werden wir überprüfen, wie sich das Corporate Design im Sinne der Positionierung mit
den digitalen Möglichkeiten optimal weiterführen lässt.
![Page 81: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/81.jpg)
| 85|© Elephant Seven
CORPORATE DESIGN – POESIE.
„Im Rahmen der kontinuierlichen Entwicklung unserer Marke haben wir auch unser Brand
Design evolutioniert. Das Ergebnis ist selbstbewusst und markant und reflektiert zugleich
überzeugend unsere Markenpositionierung und unsere Historie. The Star always shines from
above ist unsere Leitidee. Das gilt für das Brand Design wie für die Marke.
Der Stern ist das zentrale Symbol für Mercedes-Benz. Er weist uns den Weg. Daher steht er im
neuen Brand Design immer oben.“ schreibt Mercedes-Benz.
![Page 82: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/82.jpg)
| 86|© Elephant Seven
DESIGN AM BEISPIEL LOGO.
![Page 83: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/83.jpg)
| 87|© Elephant Seven
DESIGNENTWICKLUNG.
![Page 84: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/84.jpg)
| 88|© Elephant Seven
BELIEBTE LOGOS.
Achtung, es wird bunt.
![Page 85: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/85.jpg)
| 89|© Elephant Seven
LOGO WORTMARKE.
Achtung, es wird bunt.
![Page 86: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/86.jpg)
| 90|© Elephant Seven
LOGO METAPHER.
![Page 87: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/87.jpg)
| 91|© Elephant Seven
DAS LOGO IM INTERNET. AKUTE BUBBELITIS.
![Page 88: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/88.jpg)
| 92|© Elephant Seven
DAS LOGO IM INTERNET.
Achtung, es wird bunt.
![Page 89: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/89.jpg)
| 93|© Elephant Seven
LOGO WIEDERERKENNUNGSWERT.
![Page 90: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/90.jpg)
| 94|© Elephant Seven
CORPORATE DESIGN MERCEDES-BENZ 2008.
![Page 91: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/91.jpg)
| 95|© Elephant Seven
WETTBEWERBER.
![Page 92: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/92.jpg)
| 96|© Elephant Seven
WETTBEWERBER.
![Page 93: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/93.jpg)
| 97|© Elephant Seven
CORPORATE DESIGN.
![Page 94: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/94.jpg)
| 98|© Elephant Seven
CORPORATE DESIGN.
![Page 95: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/95.jpg)
| 99|© Elephant Seven
FARBEN.
Achtung, es wird bunt.
![Page 96: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/96.jpg)
| 100|© Elephant Seven
ROT IST DIE FARBE DES FEUERS.
Sie erregt Aufmerksamkeit, steht für Vitalität und Energie, Liebe und Leidenschaft.
Sie kann jedoch auch aggressiv und aufwühlend wirken, da sie auch Wut, Zorn und
Brutalität verkörpert.
http://www.ipsi.fraunhofer.de/~crueger/farbe/farb-wirk1.html
![Page 97: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/97.jpg)
| 101|© Elephant Seven
ORANGE IST DIE FARBE DER UNTERGEHENDEN SONNE.
Sie ist die Symbolfarbe für Optimismus und Lebensfreude. Sie signalisiert
Aufgeschlossenheit, Kontaktfreude und Jugendlichkeit, Gesundheit und Selbstvertrauen.
Sie kann aber auch Leichtlebigkeit, Aufdringlichkeit und Ausschweifung vermitteln und
wird in unserer Gesellschaft oft als billig und unseriös empfunden..
http://www.ipsi.fraunhofer.de/~crueger/farbe/farb-wirk1.html
![Page 98: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/98.jpg)
| 102|© Elephant Seven
GELB IST DIE FARBE DER SONNE.
Sie vermittelt Licht, Heiterkeit und Freude. Sie steht auch für Wissen, Weisheit, Vernunft
und Logik. Schmutzige Gelbtöne dagegen vermitteln negative Assoziationen wie
Täuschung, Rachsucht, Pessimismus, Egoismus, Geiz und Neid.
![Page 99: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/99.jpg)
| 103|© Elephant Seven
GRÜN IST DIE FARBE DER WIESEN UND WÄLDER.
Sie ist eine beruhigende Farbe. Sie steht für Großzügigkeit, Sicherheit, Harmonie,
Hoffnung, Erneuerung des Lebens. Sie kann aber auch Gefühle wie Neid, Gleichgültigkeit,
Stagnation und Müdigkeit vermitteln.
![Page 100: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/100.jpg)
| 104|© Elephant Seven
CYAN.
In der Umgangssprache auch Türkis genannt, ist eine frische Farbe. Es ist die Farbe des
Meers an einem sonnigen Tag. Sie vermittelt Wachheit, Bewusstheit, Klarheit, geistige
Offenheit und Freiheit. Cyan kann aber auch sehr kühl und distanziert wirken und ein
Gefühl von Leere vermitteln.
![Page 101: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/101.jpg)
| 105|© Elephant Seven
BLAU IST DIE FARBE DES HIMMELS.
Sie steht für Kühle, Ruhe, Vertrauen, Pflichttreue, Schönheit, Sehnsucht. Sie kann aber
auch Traumtänzerei, Nachlässigkeit oder Melancholie vermitteln.
![Page 102: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/102.jpg)
| 106|© Elephant Seven
VIOLETT IST EINE WÜRDEVOLLE FARBE.
Sie ist die Farbe der Inspiration, der Mystik, Magie und der Kunst. Sie ist eine
außergewöhnliche, extravagante Farbe, die auch mit Frömmigkeit, Buße und
Opferbereitschaft in Verbindung gebracht wird. Sie kann aber auch stolz und arrogant oder
unmoralisch wirken.
![Page 103: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/103.jpg)
| 107|© Elephant Seven
MAGENTA.
Magenta, im Bereich der Mode auch Pink genannt, ist eine sanfte Farbe. In der Natur
erleben wir sie hauptsächlich als Farbe von Blüten. Sie steht für Idealismus, Dankbarkeit,
Engagement, Ordnung und Mitgefühl. Sie hat aber auch etwas von Snobismus, Arroganz
und Dominanz.
![Page 104: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/104.jpg)
| 108|© Elephant Seven
WEIẞ IST DIE FARBE VON EIS UND SCHNEE.
Sie ist ein Symbol der Reinheit, Klarheit, Erhabenheit und Unschuld. Sie gilt aber auch als
Zeichen der Unnahbarkeit, Empfindsamkeit und kühler Reserviertheit.
![Page 105: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/105.jpg)
| 109|© Elephant Seven
GRAU.
Grau ist die Farbe des wolkenverhangenen Himmels an einem trüben Tag. Sie ist die
Farbe vollkommener Neutralität, Vorsicht, Zurückhaltung und Kompromissbereitschaft. Sie
ist eine unauffällige Farbe, die auch mit Langeweile, Eintönigkeit, Unsicherheit und
Lebensangst in Verbindung gebracht wird.
![Page 106: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/106.jpg)
| 110|© Elephant Seven
PRIMÄRFARBEN MERCEDES-BENZ.
Interpretation bitte! Kompetenz
![Page 107: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/107.jpg)
| 111|© Elephant Seven
TYPOGRAFIE.
Typographie, die; -, -n (Druckwesen) v. griech. typos
(Abdruck, Abbild, Form) und graphein (schreiben, einritzen):
1. (o. Pl.) Kunst der Gestaltung von Druckerzeugnissen nach
ästhetischen Gesichtspunkten; Buchdruckerkunst.
2. typographische Gestaltung eines Druckerzeugnisses und
(heute) die ästhetische Formgebung für Medienoberflächen
(Bildschirmoberflächen); typographisch (typografisch) (Adj.)
(Druckwesen): die Typographie betreffend;
![Page 108: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/108.jpg)
| 112|© Elephant Seven
TYPOGRAFIE.
Ein Text hat nicht nur einen Inhalt, er hat auch ein "Gesicht" – die Schrift, in der er gedruckt
ist. Von den Zehntausenden von Schrifttypen, die es weltweit gibt, hat jede Schrift ihren
eigenen Charakter.
Die Ausdruckspalette reicht von modern bis historisch, feierlich bis nuchtern, formal bis
dekorativ usw. Deshalb ist es keinesfalls egal, welche Schrift zum Einsatz kommt.
Text: mhplus.de
![Page 109: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/109.jpg)
| 113|© Elephant Seven
TYPOGRAFIE.
Ein Gedicht, ein Lesestück wird vom Vortragenden durch
Modulation seiner Stimme beeinflusst. Er kann Gefühle hörbar
machen – Schrift soll diese sichtbar machen!
Zwei grundsätzliche Schriftarten stehen zur Auswahl.
1. Serifenschrift: Antiqua
2. Serifenlose Schrift: Grotesk
![Page 110: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/110.jpg)
| 114|© Elephant Seven
TYPOGRAFIE.
Serifenschrift: Antiqua
Es gibt die Antiqua-Schriften, die
an den Endungen der
Buchstaben Füßchen, so
genannte Serifen, haben.
Antiqua-Schriften gehören zu den
klassischen Schriften, deren
bekannteste die Times ist. Sie
tritt häufig in Zeitschriften,
Zeitungen und Buchern auf.
Diese Schrift wird dann gerne
genommen, wenn es um
bestmögliche Lesbarkeit geht.
![Page 111: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/111.jpg)
| 115|© Elephant Seven
TYPOGRAFIE.
Grotesk-Schriften: Sie haben
keine Serifen und wirken in aller
Regel moderner und klarer.
Den weitesten Verbreitungsgrad
bei den Grotesk-Schriften hat die
Helvetica. Diese Schrift wirkt
modern und zeitlos, da sie betont
schlicht und reduziert gestaltet
ist. Sie ist aufgrund ihrer
Schlichtheit fast uberall
einsetzbar.
![Page 112: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/112.jpg)
| 116|© Elephant Seven
ANEKDOTE „GROTESK“.
Die Bezeichnung „Grotesk“ rührt daher, dass das Kleinbürgertum und die kunsthandwerklich
orientierte Gesellschaft in der ersten Hälfte des 19. Jahrhunderts, als die Grotesk-Schriften
entwickelt wurden, diese serifenlosen Schriften noch als „grotesk“ – als aus dem Rahmen
fallend – empfanden.
![Page 113: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/113.jpg)
| 117|© Elephant Seven
WAS STIMMT HIER NICHT?
![Page 114: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/114.jpg)
| 118|© Elephant Seven
AUFLÖSUNG.
![Page 115: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/115.jpg)
| 119|© Elephant Seven
TYPOGRAFIE MERCEDES-BENZ.
Interpretation bitte.
Interpretation bitte!
![Page 116: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/116.jpg)
| 120|© Elephant Seven
TYPO VERMASSUNG.
![Page 117: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/117.jpg)
| 121|© Elephant Seven
TYPO WEITERE DEFINITIONEN.
![Page 118: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/118.jpg)
| 122|© Elephant Seven
BILDER.
„Die Bildsprache prägt die Kommunikation der Marke Mercedes-Benz. Die Bilder reflektieren
Markenpersönlichkeit und Markengeschichte angemessen. Sie verleihen der Marke durch
konsistente Umsetzung mehr Kraft und nachhaltigen Glanz. Die große Vielfalt an Modellen,
Sparten und Sujets erfordert ein einheitliches Verständnis bei den Bildwelten.
Nur so ist der einheitliche Auftritt einer globalen Premium-Marke jederzeit und uberall
gewährleistet.
Die Fotografien unterstreichen den Fuhrungsanspruch der Marke Mercedes-Benz durch
besondere Qualität. Ihre Komposition ist großzügig, das Licht perfekt. Kleinteilige Aufnahmen
und Schnappschüsse sind nicht erwünscht.“
![Page 119: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/119.jpg)
| 123|© Elephant Seven
BILDSPRACHE MERCEDES-BENZ.
![Page 120: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/120.jpg)
| 124|© Elephant Seven
BILDSPRACHE MERCEDES-BENZ.
![Page 121: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/121.jpg)
| 125|© Elephant Seven
UND JETZT ALLE ZUSAMMEN:
![Page 122: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/122.jpg)
126|© Elephant Seven
AGENDA
CORPORATE DESIGN.KAFFEEPAUSE. 10MIN.
![Page 123: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/123.jpg)
127|© Elephant Seven
AGENDA.
ONLINE DESIGN.
![Page 124: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/124.jpg)
|© Elephant Seven 128
![Page 125: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/125.jpg)
|© Elephant Seven 129
![Page 126: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/126.jpg)
|© Elephant Seven 130
![Page 127: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/127.jpg)
|© Elephant Seven 131
![Page 128: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/128.jpg)
|© Elephant Seven 132
![Page 129: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/129.jpg)
|© Elephant Seven 133
![Page 130: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/130.jpg)
||
MERCEDES-BENZ WEBSITE.
![Page 131: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/131.jpg)
||
IM DETAIL.
Logoposition links ist die
historisch gewachsene
„sicherste“ Position, da sie in
skalierendem Layout bei allen
Browsergrößen im sichtbaren
Bereich liegt.
![Page 132: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/132.jpg)
||
IM DETAIL.
Vermassung des Headers (Dachbalkens)
und der Standardelemente.
Gestaltungsraster wie in Print.
![Page 133: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/133.jpg)
||
IM DETAIL.
In diesem Fall verlängert sich die Website nach rechts.
Der Flexible Bereich muss definiert werden.
![Page 134: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/134.jpg)
138|© Elephant Seven
AGENDA
CORPORATE DESIGN.AUFGABE 10 MINUTEN.
„WELCHE ELEMENTE MÜSSEN GESTALTET WERDEN?“
![Page 135: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/135.jpg)
| 139|© Elephant Seven
IM DETAIL.
Buttons
PulldownsTooltips
Navi/Tab
Eingabefelder
Film Navigation
Interaktions-Elemente
![Page 136: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/136.jpg)
| 140|© Elephant Seven
IM DETAIL.
Icons müssen/sollten gestaltet
werden, um noch schneller die
Funktionen wahrzunehmen. Sie
werden in inaktiven und aktiven
Zustand dargestellt. Zusätzlich
kann noch ein Hover-Zustand
gekennzeichnet werden. Die
blaue Farbe kennzeichnet das
aktive Feld der Buttons.
![Page 137: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/137.jpg)
| 141|© Elephant Seven
IM DETAIL.
Headlines: Die Schriften
werden serverseitig als Bilder
ausgespielt. Durch die
Hausschrift bleibt das Gesicht
MB erkennbar.
Navigation, Fließtext und
Buttons: Hier wird die Arial
verwendet.
![Page 138: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/138.jpg)
| 142|© Elephant Seven
IM DETAIL.
![Page 139: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/139.jpg)
| 143|© Elephant Seven
EIN STYLEGUIDE BEISPIEL
http://bannertool.de/upload/itze/styleguide/
![Page 140: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/140.jpg)
| 144|© Elephant Seven
WEBFONTS. VERDANA.
Designed by Matthew Carter and handhinted
by leading hinting expert, Monotype's Tom
Rickner.The Verdana fonts are stripped of
features redundant when applied to the
screen.They exhibit new characteristics,
derived from the pixel rather than the pen,
the brush or the chisel. The balance
between straight, curve and diagonal has
been meticulously tuned to ensure that
the pixel patterns at small sizes are
pleasing, clear and legible.
![Page 141: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/141.jpg)
| 145|© Elephant Seven
SYSTEMSCHRIFTEN.
Für die „Leseschriften“ sind also nach wie vor bewährte Systemschriften ratsam.
Vorteile:
• Lesbarkeit
• bewährt im Umgang - Fehler können vermieden werden
• der Font muss nicht erst geladen werden - KB-Ersparnis
Nachteile:
• nicht CD-konform
• teilweise nicht besonders schön anzusehen
• austauschbar mit 99% aller anderen Firmen im Internet
• begrenzte Auswahl
![Page 142: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/142.jpg)
| 146|© Elephant Seven
SYSTEMSCHRIFTEN.
Selbst ausprobieren unter:
http://typetester.maratz.com/
![Page 143: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/143.jpg)
| 147|© Elephant Seven
SCHRIFTEN IN FLASH.
In den Flashspecials werden die jeweiligen Schriften nachgeladen. Hierbei wird für alle
Sprachen außer Chinesisch, Japanisch und Russisch die Futura oder eine andere Latin1
Schrift genutzt. In den anderen Sprachen nutzen wir die Arial Unicode. Diese Schrift ist dann
allerdings allein schon ca. 6MB groß.
![Page 144: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/144.jpg)
|
![Page 145: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/145.jpg)
| 149|© Elephant Seven
SCHRIFTEN UND HTML
Technologie Beschreibung Vorteile Nachteile
Systemfonts schnellste Variante, läuft überall
Nur allgemein verbreitete Fonts, nicht CI-konform
Webfonts Einbindung von Fonts via CSS
Hausschriften möglich, dynamische Befüllung,
ggf. Lizenzen, Ladezeit, aufwendige Einbindung
Imagegenerierung Schrift wird als Bild dargestellt
Hausschriften möglich, sieht überall gleich aus
Nur aufwendig dynamisierbar, nicht SEO
Sifr*(Scalable Inman Flash Replacement)
Schrift wird automatisch durch Flash ersetzt
Hausschriften möglich
nicht sehr stabil, Flash nötig
![Page 146: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/146.jpg)
| 150|© Elephant Seven
SCHRIFTEN, TECHNISCH: WEBFONTS
Vorteile:
• CI-konform
• trotzdem normaler HTML-Text
• SEO-konform
Nachteile:
• Font muss nachgeladen werden
• Lizenzbestimmungen sind zu beachten
• teils aufwändige Einbindung wg. Browserkompatibilität
Ressourcen:
• http://www.fontsquirrel.com/fontface/generator
• http://www.page-online.de/emag/typo/artikel/faq_webfonts
![Page 147: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/147.jpg)
| 151|© Elephant Seven
SCHRIFTEN, TECHNISCH: IMAGES
Vorteile:
• CI-konform
• Einfache Lösung
• Cross-Platform
Nachteile:
• Bild muss entweder statisch bleiben oder es ist eine „Renderengine“ nötig
• nicht SEO-konform
![Page 148: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/148.jpg)
| 152|© Elephant Seven
SCHRIFTEN, TECHNISCH: SIFR
Scalable Inman Flash Replacement, per JavaScript wird HTML-Text durch Flash ersetzt
Vorteile:
• CI-konform
• SEO-konform
Nachteile:
• Nachladen des SWF nötig
• unschöne Effekte
• Flashplayer nötig
• veraltet
![Page 149: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/149.jpg)
| 153|© Elephant Seven
WEITERE GESTALTUNGSELEMENTE.
Im Internet spielt die Bewegung und das sog. Look & Feel eine weitere Rolle. Z.B. wie
Animationen und Überblendungen stattfinden, welche Art von Musik wird verwendet und wie
reagieren Interaktionselemente.
Auf der Bühne der Website oder im Onlinemarketing.
![Page 150: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/150.jpg)
| 154|© Elephant Seven
WEITERE GESTALTUNGSELEMENTE.
Im Internet spielt die Bewegung und das sog. Look & Feel eine weitere Rolle. Z.B. wie
Animationen und Überblendungen stattfinden, welche Art von Musik wird verwendet und wie
reagieren Interaktionselemente.
Auf der Bühne der Website oder im Onlinemarketing.
Skyscraper
Der Banner „Name“. Link
![Page 151: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/151.jpg)
| 155|© Elephant Seven
WEITERE GESTALTUNGSELEMENTE.
Layer 400x400
Der Banner „Name“. Link
![Page 152: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/152.jpg)
|
WEITERE GESTALTUNGSELEMENTE.
Landingpage
• Aufgeräumtes Erscheinungsbild
• Zielgerichtete Userführung
• Wenig Kilobyte
![Page 153: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/153.jpg)
|
Landingpage
Image-Mail: Großes Bild, 1 Aussage und 1 Ziel.
Content-Mail: 1 Top-Thema und mehrere kleine Content-Teaser.
![Page 154: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/154.jpg)
158|© Elephant Seven
AGENDA
CORPORATE DESIGN.MITTAGSPAUSE.
![Page 155: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/155.jpg)
||
GRUPPENARBEIT.
Beurteilen Sie anhand dessen, was Sie gerade zu Onlinegestaltung gezeigten die folgenden
Beispiele. 3 Gruppen. Zeit 30 Minuten interne Gruppendiskussion.
Ziel: Präsentation der Ergebnisse in 5 Minuten pro Gruppe.
a) Typo/Farben/Bilder
b) Menu/Navigation
c) Ungewöhnliches und Gesamteindruck
Was ist gelungen und wo ist noch Verbesserungspotential?
![Page 156: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/156.jpg)
||
GRUPPE FASHIONISTAS.
Thomas Sabo | Hermès
![Page 157: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/157.jpg)
|
GRUPPE 1.
Beispiel: Thomas Sabo | Hermès
![Page 158: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/158.jpg)
|
![Page 159: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/159.jpg)
|
![Page 160: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/160.jpg)
|
![Page 161: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/161.jpg)
|
![Page 162: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/162.jpg)
|
![Page 163: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/163.jpg)
||
![Page 164: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/164.jpg)
||
GRUPPE 1.
Beispiel: Thomas Sabo | Hermès
![Page 165: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/165.jpg)
||
GRUPPE 1.
Beispiel: Thomas Sabo | Hermès
![Page 166: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/166.jpg)
||
GRUPPE 1.
Beispiel: Thomas Sabo | Hermès
![Page 167: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/167.jpg)
||
GRUPPE 1.
Beispiel: Thomas Sabo | Hermès
![Page 168: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/168.jpg)
||
![Page 169: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/169.jpg)
||
![Page 170: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/170.jpg)
||
GRUPPE GRIFFEL VS. SCHREIBGERÄT
Graf v. Faber-Castell | Montblanc
![Page 171: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/171.jpg)
|
GRUPPE 2.
![Page 172: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/172.jpg)
|
GRUPPE 2.
![Page 173: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/173.jpg)
|
GRUPPE 2.
![Page 174: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/174.jpg)
|
GRUPPE 2.
![Page 175: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/175.jpg)
|
GRUPPE 2.
![Page 176: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/176.jpg)
|
GRUPPE 2.
![Page 177: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/177.jpg)
|
GRUPPE 2.
![Page 178: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/178.jpg)
|
GRUPPE 2.
![Page 179: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/179.jpg)
|
GRUPPE 2.
![Page 180: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/180.jpg)
|
![Page 181: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/181.jpg)
|
![Page 182: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/182.jpg)
|
![Page 183: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/183.jpg)
|
![Page 184: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/184.jpg)
|
![Page 185: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/185.jpg)
|
![Page 186: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/186.jpg)
|
![Page 187: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/187.jpg)
|
![Page 188: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/188.jpg)
|
![Page 189: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/189.jpg)
||
GRUPPE ZUCKERSPIEGEL
Bendicks | Werthers Original US
![Page 190: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/190.jpg)
|
![Page 191: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/191.jpg)
|
![Page 192: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/192.jpg)
|
![Page 193: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/193.jpg)
|
![Page 194: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/194.jpg)
|
![Page 195: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/195.jpg)
|
![Page 196: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/196.jpg)
|
![Page 197: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/197.jpg)
|
![Page 198: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/198.jpg)
|
![Page 199: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/199.jpg)
|
![Page 200: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/200.jpg)
||
ERGEBNISPRÄSENTATIONEN.
![Page 201: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/201.jpg)
205|© Elephant Seven
AGENDA
CORPORATE DESIGN.KAFFEEPAUSE. 10MIN.
![Page 202: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/202.jpg)
| 206|© Elephant Seven
WEBSITE TYPEN.
• Markenwebsite: Hapag Lloyd Kreuzfahrten
• Corporate Website: Deutsche Post DHL
• Microsite: nimm2
• Online Shop: Amazon
• Landingpages: Drift, itzdirect24, Nexus
• Magazine: Boss, Freunde von Freunden
![Page 203: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/203.jpg)
207|© Elephant Seven
MARKENWEBSITE.
HAPAG LLOYD KREUZFAHRTEN.
![Page 204: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/204.jpg)
| 208|© Elephant Seven
DER HORIZONT ALS BÜHNE.
Kreuzfahrten assoziieren wir mit Weite, Ruhe und einem endlosen Horizont –
unterbrochen von diversen Annehmlichkeiten. Dieses Gefuhl wollen wir auch im Layout
transportieren. Unser Format ist daher horizontal.
- Usability: etablierte Navigationsarten für eine wenig online-affine Zielgruppe
- Pflicht: Platz für großzügige Bildpräsentation
- Kür: läuft auch auf dem iPad
![Page 205: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/205.jpg)
| 209© Elephant Seven
Bildhorizont
Footer
Navigation
Floater mit News und Teasern
![Page 206: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/206.jpg)
| 210© Elephant Seven
Bildhorizont
Footer
Navigation
Floater mit News und Teasern
![Page 207: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/207.jpg)
| 211© Elephant Seven
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 208: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/208.jpg)
|
![Page 209: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/209.jpg)
| 213© Elephant Seven
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 210: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/210.jpg)
| 214© Elephant Seven
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 211: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/211.jpg)
| 215© Elephant Seven
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 212: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/212.jpg)
| 216© Elephant Seven
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 213: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/213.jpg)
|
![Page 214: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/214.jpg)
|
![Page 215: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/215.jpg)
| 219|© Elephant Seven
![Page 216: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/216.jpg)
| 220© Elephant Seven
(Hier iPad rausholen)
![Page 217: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/217.jpg)
| 221|© Elephant Seven
TECHNISCH: MARKENWEBSITES
• CI hat oberste Priorität
• Große Bühnen, ggf. Flash, Video, das ganz große Programm
• Größen-Optimierung zweitrangig
• Das Design muss auf allen Browsern annähernd gleich aussehen
• Pflege oft über CMS
• Beispiel montblanc.de Startseite:
• Initial 300 KB, mit nachgeladenem Flash und Streaming 6,5 MB
![Page 218: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/218.jpg)
222|© Elephant Seven
CORPORATE WEBSITE.
DEUTSCHE POST DHL.
![Page 219: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/219.jpg)
| 223|© Elephant Seven
DAS WICHTIGSTE GANZ NACH VORNE.
Schon auf der Homepage: Der Aktienkurs und die neuesten Pressemitteilungen.
- platzsparende Navigation per Mega Flyout
- Nutzen der gesamten Breite für Content
- Marginalspalte für Kontakt und Related Links
![Page 220: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/220.jpg)
|
Bühne
Footer
Logo Navigation Suche
Chart Aktienkurs, Pressemitteilungen, Teaser
![Page 221: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/221.jpg)
| 225
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 222: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/222.jpg)
|
![Page 223: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/223.jpg)
|
![Page 224: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/224.jpg)
| 228|© Elephant Seven
TECHNISCH: CORPORATE WEBSITES
• CI ist wichtig
• Viele Informationen, die auch auffindbar sein müssen
• garantiert CMS-gesteuert
• Sollte für alle Endgeräte erreichbar sein
• Ladezeit sollte verträglich sein
• Beispiel Deutsche Post/DHL Startseite:
• Insg. 431 KB, davon 17 KB Text und 244 KB Bilder
• ySlow Grade B
![Page 225: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/225.jpg)
229|© Elephant Seven
MICROSITE.
NIMM2 VON STORCK.
![Page 226: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/226.jpg)
| 230|© Elephant Seven
SPIELERISCHER EINSTIEG.
Hier wird weniger gezielt nach Informationen gesucht, sondern spielerisch erforscht,
was die Seite so zu bieten hat. So setzten sich User mit der Marke nimm2 auseinander.
- Navigation wird auf Folgeseiten neu geordnet
- so kann die Bühne komplett genutzt werden
- Hard Facts wie die Ernährungsinfos sind im Footer untergebracht
![Page 227: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/227.jpg)
|
![Page 228: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/228.jpg)
| 232
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 229: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/229.jpg)
| 233|© Elephant Seven
TECHNISCH: MICROSITES
• Technische Ausrichtung je nach Zielgruppe (z.B. Flash, Breitband)
• oft kurze Halbwertzeit
• Pflege über CMS meist nicht notwendig
• Beispiel nimm2.de Startseite
• 720 KB, davon 5 KB Text und 684 KB Flash
![Page 230: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/230.jpg)
234|© Elephant Seven
ONLINE SHOP.
AMAZON.
![Page 231: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/231.jpg)
| 235|© Elephant Seven
DER PERFEKTE SALES FUNNEL.
Im Mittelpunkt stehen die Produkte. Die Marke Amazon wird fast ausschließlich durch
funktionale Elemente gespielt.
- viele Empfehlungen, die auf dem eigenen Surfverhalten basieren
- je näher am Kaufabschluss, desto weniger Ablenkung
- und schließlich fehlt die Hauptnavigation völlig
Das Besondere: Was Amazon macht, wird schnell von anderen übernommen. So setzt Amazon
die Standards anstatt anderen zu folgen.
![Page 232: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/232.jpg)
|
Produktempfehlungen Aktionen
Großes Suchfeld Warenkorb
Logo
Kategorien-
Navigation
Aktionen
![Page 233: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/233.jpg)
|
![Page 234: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/234.jpg)
|
![Page 235: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/235.jpg)
|
![Page 236: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/236.jpg)
|
![Page 237: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/237.jpg)
| 241|© Elephant Seven
TECHNISCH: ONLINE SHOPS
• Verkaufen ist oberste Priorität
• Fehler und zu lange Ladedauer führen zu Kaufabbrüchen
• Extreme Optimierung des Ladeverhaltens
• Muss immer und überall funktionieren (gesonderte Mobile-Variante)
• Nachladen von Bildern, sobald sie in den sichtbaren Bereich kommen
• Beispiel amazon.de Startseite:
• 200 KB initial, weitere 150 KB durch Nachladen
![Page 238: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/238.jpg)
242|© Elephant Seven
LANDINGPAGE 1.
DRIFT.
![Page 239: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/239.jpg)
| 243|© Elephant Seven
CALL TO ACTION IM MITTELPUNKT.
Mal eben einen Banner geklickt oder von Check24.de hierher gesprungen, sieht der User
sofort, was Sache ist: Ein paar Angaben und schon wird berechnet.
- im Fokus: Die Aktion
- im Hintergrund: Die Marke
- Und sonst? Testergebnisse, Zertifizierungen, Vorteile, Partner
![Page 240: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/240.jpg)
|
Marke
Call to Action
Logo und Hauptnavigation
Vorteile
Zertifizierungen und Partner
![Page 241: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/241.jpg)
|
![Page 242: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/242.jpg)
| 246|© Elephant Seven
TECHNISCH: LANDINGPAGES
• Optimierung des Ladeverhaltens
• Muss immer und überall funktionieren
• Beispiel Drift Landingpage:
• 412 KB
![Page 243: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/243.jpg)
247|© Elephant Seven
LANDINGPAGE 2.
ITZDIRECT24.
![Page 244: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/244.jpg)
| 248
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 245: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/245.jpg)
249|© Elephant Seven
LANDINGPAGE 3.
NEXUS.
![Page 246: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/246.jpg)
| 250
(Hier Layouts der unterschiedlichen Motive auf der Homepage)
![Page 247: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/247.jpg)
251|© Elephant Seven
MAGAZIN 1.
BOSS.
![Page 248: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/248.jpg)
| 252|© Elephant Seven
CONTENT IS KING.
Großflächige Bild/Text Teaser machen die Entscheidung fur den Besucher leicht.
- Filter nach Kategorien
- die Artikel: Text auf großem Bild
- mit der Hauptnavigation sind die anderen Boss Websites nur einen Klick entfernt
![Page 249: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/249.jpg)
|
Top-Thema
Teaser für weitere Themen
Logo und Hauptnavigation
Social
Magazin-
Navigation
![Page 250: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/250.jpg)
|
![Page 251: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/251.jpg)
|
![Page 252: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/252.jpg)
|
![Page 253: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/253.jpg)
| 257|© Elephant Seven
TECHNISCH: MAGAZINE
• Lesbarkeit oberste Prämisse
• Liquid Layouts (Skalierung)
• CMS-getrieben, daher dynamische Elemente
• Je nach Zielgruppe auch neue Technologien möglich
• Ladeverhalten zweitrangig
• Beispiel Boss.de Magazinstartseite:
• Initial 480 KB, nachgeladenes Flash insg. 7MB
![Page 254: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/254.jpg)
258|© Elephant Seven
MAGAZIN 2.
SCHWARZKOPF.DE
![Page 255: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/255.jpg)
|
![Page 256: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/256.jpg)
|
![Page 257: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/257.jpg)
|
![Page 258: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/258.jpg)
262|© Elephant Seven
AGENDA
CORPORATE DESIGN.KAFFEEPAUSE. 10MIN.
![Page 259: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/259.jpg)
||
PREVIEW.
Samstag erarbeiten sie anhand Schematics:
a) die neue nimm2.de
b) die Landingpage der Einführungskampagne des neuen SLK
![Page 260: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/260.jpg)
264|© Elephant Seven
AGENDA.
OHNE WORTE.
![Page 261: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/261.jpg)
|?
![Page 262: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/262.jpg)
| 266© Elephant Seven
?
![Page 263: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/263.jpg)
| 267© Elephant Seven?
![Page 264: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/264.jpg)
| 268© Elephant Seven
?
![Page 265: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/265.jpg)
| 269© Elephant Seven
?
![Page 266: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/266.jpg)
| 271© Elephant Seven
?
![Page 267: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/267.jpg)
| 272© Elephant Seven
![Page 268: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/268.jpg)
| 273© Elephant Seven
![Page 269: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/269.jpg)
274|© Elephant Seven
„PS DESASTERS“.
![Page 270: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/270.jpg)
|
275© Elephant Seven
![Page 271: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/271.jpg)
|
276
![Page 272: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/272.jpg)
|
277
![Page 273: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/273.jpg)
|
278
![Page 274: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/274.jpg)
|
279
![Page 275: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/275.jpg)
|
280© Elephant Seven
![Page 276: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/276.jpg)
281|© Elephant Seven
WIR FREUEN UNS AUF IHR FEEDBACK.
![Page 277: Ostfalia Webdesign Theorie Block 1](https://reader038.vdocuments.pub/reader038/viewer/2022102806/557e9f73d8b42a1d048b5350/html5/thumbnails/277.jpg)
| 282|© Elephant Seven
IMPRESSUM.
Die in dieser Präsentation erarbeiteten Gedanken und Vorschläge sind geistiges Eigentum der
Elephant Seven Hamburg GmbH und unterliegen den geltenden Urhebergesetzen.
Die ganze oder teilweise Vervielfältigung sowie jede Weitergabe an Dritte ist nicht gestattet.
Elephant Seven Hamburg GmbH
Gerhofstraße 1-3
D-20354 Hamburg
+49 40 34 101-400
+49 40 34 101-101
www.e-7.com