Konzeption
der Abschlussprüfung
Sommer 2006
Mediengestalter Digital- &
Printmedien FR Mediendesign
(nonprint)
Mehmet Cengiz Girici
Kenn- Nr. 1001
K2 Werbeagentur GmbH, Frankfurt am Main
Inhalt
1. Projektbeschreibung & Aufgabe
1.1 Briefing...............................................................................................4
1.2 Aufgabenstellung..............................................................................5
2. Copy Strategie
2.1 Kommunikationsziel........................................................................6
2.2 Zielgruppe..........................................................................................7
2.3 Wettbewerb........................................................................................8
2.4 Consumer Benefit.............................................................................9
2.5 Reason Why.......................................................................................10
2.6 Tonality................................................................................................11
3. Logo
3.1 Grundüberlegungen zum Logo.....................................................12
3.2 Symbolik............................................................................................13
3.3 Farbwahl............................................................................................14
3.3 Farbwahl............................................................................................15
3.4 Typografie..........................................................................................16
3.5 Positionierung...................................................................................17
3.6 Technische Anforderungen.............................................................18
2
4. Umsetzung der Website
4.1 Grundüberlegungen zur Umsetzung der Site.............................19
4.2 Layout / Format / Bildschirmaufteilung.....................................20
4.2 Layout / Format / Bildschirmaufteilung.....................................21
4.3 Farbgestaltung / Farbanwendung / Farbwahl...........................22
4.4 Schriftwahl und Einsatz typografischer Gestaltung...................23
4.4 Schriftwahl und Einsatz typografischer Gestaltung...................24
4.5 Navigationsplan / Navigationsstruktur.......................................25
4.6 Gestalterisches Konzept der Menüführung.................................26
4.7 Bildauswahl und Bildformat..........................................................27
4.8 Bildmodifikation...............................................................................28
4.9 Resümee des vorliegenden Gestaltungsschemas........................29
5. Benutzte Hard- und Software.........................................................30
3
1.1 Briefing
Nach den politischen Gesundheitsreformen der letzten Jahre geraten Kliniken und Ambulanzen immer
mehr unter Konkurrenz druck.
Die Kurklinik in Bad Holstein will aufgrund ihrer rückläufigen Einnahmen ihr Leistungsspektrum
erweitern und plant in Kooperation mit niedergelassenen Ärzten, Physiotherapeuten, Ernährungsspezialisten und Hebammen den Aufbau des ambulanten Gesundheitszentrums „CorpusCare“.
Für die Kommunikation des neuen Angebotes an bestehende Kunden und Neukunden sollen moderne,
innovative Werbemittel erstellt werden. Dabei soll besonders Wert darauf gelegt werden, dass die
Aspekte Gesundheit und Gesundheitsvorsorge, Wellness und Fitness im Vordergrund stehen.
4
1.2 Aufgabenstellung
Entwurf eines passenden Logos für das neue Gesundheitszentrum CorpusCare.
Entwicklung einer digitalen Präsentation als Web-Auftritt mit folgenden Rubriken:
Startseite, Ärztehaus, Klinik, Rehabilitation, Geburtshaus, Leistungen, Kurse, Kontakt und Impressum
unter Berücksichtigung des Briefings.
Es ist von einer Monitorgröße von maximal 1024 x 768 Pixel und einer Farbtiefe von 24 Bit auszugehen.
Alle vorgegebenen Texte sind vollständig, ohne Inhaltsänderungen, logisch und typografisch dem
Thema entsprechend zu integrieren. Die vorgegebenen Bilder sollen sinngemäß selektiert und fals notwendig modifiziert werden.
5
2.1 Kommunikationsziel
Generell
Bekanntmachung des neuen Gesundheitszentrums (bzw. der neuen Service- und Angebotspalette) zur
Neukundengewinnung und zur Erhaltung der bestehenden Kunden.
Speziell
Profilierung durch Umpositionierung von einer rein medizinischen Anstalt zum medizinischen Zentrum
für Gesundheit, Prävention und Wellness. Abgrenzung von der Konkurrenz und Behauptung gegenüber
anderen Mitbewerbern. Erzielung von Markenbindung. Stärkung der Marktposition durch die Nennung
von positiven Fakten des Gesundheitszentrums.
6
2.2 Zielgruppe
Soziodemografisch
Menschen, die ein Gesundheitszentrum besuchen, wünschen sich hauptsächlich die Heilung bzw. die
Rehabilitation ihrer Leiden oder suchen nach Wegen der Prävention und Gesunderhaltung.
Diese Personen setzten sich laut Statistiken des Statistischen Bundesamts zu etwa gleichen Teilen aus
beiden Geschlechtern zusammen. Dazu ist zu erwähnen, dass sich etwa 12% mehr Frauen als Männer
um ihre Gesundheit kümmern.
Die Personen, die solche Anstalten besuchen, sind in allen Altersgruppen zu finden, wobei die Mehrheit
der Gesundheitssuchenden zwischen 45 und 100 Jahre alt ist.
Das durchschnittliche Haushaltsbrutto-Einkommen in der Gesamtbevölkerung betrug letztes Jahr in
Deutschland ca. 3000 Euro.
Psychografisch
Leider bringen viele Personen solche Einrichtungen mit kurzfristigen Leiden und Angstgefühlen
(Spritzen, Operationen, Tod...) in Verbindung. Aber diese Menschen mögen es auch, umsorgt zu werden
und lassen auch gerne den Alltag hinter sich.
Die Mehrheit der Leidenden ist gerne bereit, viel Geld für ihre Gesundheit auszugeben. Unter ihnen
befinden sich auch viele Gesundheitsbegeisterte, Sportler und Ernährungsbewusste, die Wert auf
spezielle Therapien legen. Zu erwähnen sind auch Schwangere, die ihr Kind besonders schonend zur
Welt bringen möchten.
7
2.3 Wettbewerb
Heilung
-Regionale Krankenhäuser
-Kuren
-Rehabilitationsanstalten
-Allgemeinärzte
-Fachärzte
-Therapeuten
Prävention
-Fitnesstudios
-Wellnessstudios
-Bäder- und Saunabetriebe
...sowie viele weitere Dienstleistungsunternehmen und Dienstleister aus dem medizinischen und
gesundheitstherapeutischen Bereichen.
8
2.4 Consumer Benefit
Gesund bleiben und gesund werden.
9
2.5 Reason why
Ganzheitliche Gesundheit von der Heilung bis zur Prävention unter einem Dach.
Heilung
- Kurze Wege bei Diagnose, Therapie und Gesundheitsvorsorge bei ambulanter oder
stationärer Behandlung.
-Individuelle Beratung und Zusammenarbeit von Spezialisten in kleinen Teams.
-Ärzte verschiedener Fachbereiche
-Alternative Heilverfahren
–Physiotherapeuten
-Rehabilitation nach schweren Erkrankungen
-Schnell wieder auf die Beine kommen
Prävention
-Untersuchungen, Früherkennung
-Beurteilungen durch Funktionstests
-Fitness und Entspannung
-Ernährungsspezialisten
-Sicherheit durch Beratung und Begleitung bei Schwangerschaften
10
2.6 Tonality
Die atmosphärische Verpackung der Präsentation muss seriös, harmonisierend, positiv, vertrauenserweckend,
informativ, ruhig und leicht sein.
11
3.1 Grundüberlegungen zum Logo
Corpus ist das lateinische Wort für Körper. Der englische Begriff „Care“ bedeutet Sorgfalt, Achtsamkeit,
Pflege, Wartung, Fürsorge, Obhut und Anteilnahme.
Neben der Dramatisierung des Namens ist es mir bei der Logoentwicklung auch wichtig, die neue
Positionierung “Gesund bleiben – gesund werden unter einem Dach“ in einer Wort-Bildmarke zu
kommunizieren.
Daraus lässt sich ableiten, dass es sinnvoll wäre Körper, Achtsamkeit, Pflege, Zentrum, unter einem
Dach, Gesundheit, Wellness, etc. eindeutig oder grafisch abstrahiert darzustellen.
Die Farbgebung sollte auf Anhieb Vertrauen, Sympathie, Harmonie, Wellness und Gesundheit vermitteln.
12
3.2 Symbolik
Die rechts abgebildete Bildmarke zeigt einen Körper (Corpus) bzw. eine Person die einen
Sprunghaltung von links nach rechts einnimmt und dabei die Arme in die Luft hebt. Diese
Haltung soll den positiven Schritt in Richtung Gesundheit und Freude assoziieren.
Des Weiteren ist in der Bildmarke ein Auge erkennbar, das sehr harmonisch
den „Care“ Gedanken transportiert.
Der obere Bogen weckt aber nicht nur die Assoziation eines Auges sondern stellt auch ein
Dach dar, unter der sich unsere Person sichtlich wohl fühlt.
Die Pupille des Auges kann zusätzlich als (medizinisches) Zentrum zwischen dem Dach
und der aktiven Person interpretiert werden. Die einfache und geschwungene Gestaltung
wirkt von ihrem Strich sehr menschlich und erzeugt in hohem Maße ein positives,
harmonisches Gefühl.
13
3.3 Farbwahl
Die Farben des Logos sollen die positiven Aspekte des Symbols und der Copy unterstützen
und verstärken. Aufgrund dieser Sachlage habe ich mich für die folgenden Farben entschieden:
Leuchtendes Grün
#A1BD2C für das Dach, da die Farbe Grün Leben, Sicherheit, Entspannung, Zufriedenheit, Hoffnung,
Heilung und Erneuerung vermittelt.
Pastellenes Blau
#326780 für das Zentrum. Es strahlt Zuverlässigkeit, Klarheit, Treue und Reinheit aus.
Hellblau
#AEDEEB wird für den Körper verwendet, da es mit Eigenschaften wie Sympathie, Freundschaft,
Vertrauen und Entspannung assoziiert wird.
Silber/Grau
#857C7A für den Schriftzug, da diese edel und gediegen die typografische Gestaltung unterstützt.
14
#A1BD2C
#326780
#AEDEEB
#857C7A
15
3.4 Typografie
Die Schriftart Palationo Small Caps eignet sich besonders gut für das Thema als Logoschrift, weil sie sich
durch die Serifen und ihr feines und elegantes Schriftbild auszeichnet und dadurch anmutig und seriös wirkt.
Palatino
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
16
3.5 Positionierung
Damit die Bildmarke einprägsam und eindeutig ihre Webewirksamkeit erzielt, besteht das Logo
aus Wort und Symbol, welches nach dem Schubprinzip positioniert wird.
FirmenName
S
*
*S= Symbol (Signet)
17
3.6 Technische Anforderungen
Durch seinen klaren Aufbau ist das Logo problemlos im Print- und Nonprintbereich einsetzbar.
Wie man sieht, kann man es auch ohne Detailverluste (bspw. für Visitenkarten) verkleinern.
Auch die Schwarz/Weiß-Anwendung für Faxe etc. funktioniert einwandfrei, da das Logo vollflächige
Farben (ohne Verläufe usw.) aufweist.
18
4.1 Grundüberlegungen zur Umsetzung der Site
Mit der Gestaltung der Website werden Menschen angesprochen, die Heilung, Gesundheit,
Wohlbefinden, Fitness und Wellness suchen.
Da die Website eine breite Zielgruppe anspricht, wird sie dezent und benutzerfreundlich (nach der W3C
Norm) aufgebaut und gewährt somit auch die Barrierefreiheit für behinderte Menschen.
Schon mit dem ersten Klick (Startseite) muss vertrauenserweckend die Aufmerksamkeit gewonnen und
aufrecht erhalten werden.
Dies gelingt mit einem ordentlichem Layout, freundlichen Personenbildern, abgerundeten
Grafikelementen, leichten und freundlichen Farben, sowie übersichtlicher Navigation und typografischer
Gestaltung.
Mit dem Webauftritt soll die Sehnsucht der Zielgruppe nach Gesundheit, Wohlbefinden und
Zufriedenheit aufgegriffen werden. Schlichte Farben und ästhetische Bilder dramatisieren diese Gefühle
und vermitteln: Dies ist das Gesundheitszentrum, das mich versteht und mir genau die Behandlungen
und Leistungen bietet, die ich brauche.
19
4.2 Layout / Format / Bildschirmaufteilung
Das Gestaltungsraster der Website besteht aus Modulen, welche als Gestaltungselemente die Inhalte der
Site anschaulich und durchgängig gliedern. Somit ist gewährleistet, dass die wechselnden und statischen
Inhalte immer an den selben Positionen zu finden sind.
Das Logo und die Navigation befinden sich innerhalb von Modulen auf der linken Seite. Sie ziehen
somit den Blick bei einer horizontalen Formatlage zuerst nach links und veranlassen somit den schnellen
Überblick über alle Rubriken.
Die nach den Rubriken wechselnden Text und Bildelemente befinden sich auch innerhalb von Modulen,
die die übrigen drei Viertel der Site rechts neben der Navigation einnehmen. Dieser Bereich ist in der
Horizontalen nach dem goldenen Schnitt aufgeteilt und bietet somit eine harmonische Gliederung für
Bilder und Texte.
Das Querformat, welches für das Grundraster angewendet wird, hat harmonisch, zum Logo passende,
abgerundete Ecken und ist im Browserfenster zentriert ausgerichtet. Es erzeugt somit den Effekt von
Stabilität und Ruhe.
20
4.2 Layout / Format / Bildschirmaufteilung
21
4.3 Farbgestaltung / Farbanwendung / Farbwahl
Bei der Farbgestaltung des Rasters, der Module und Schriften werden die Farben des Logos aufgegriffen
und gegebenenfalls durch prozentuale Farbreduktion des kompletten Farbwertes abgesoftet. Dies
gewährleistet die hundertprozentige Lesbarkeit der Copy.
Bei der Gestaltung der Hintergrundmodule kommt nun zusätzlich die Farbe Weiß (‘FFFFFF) zum
Einsatz. Sie steht für Reinheit, Licht, Heilung und Erleuchtung. Sie unterstützt damit den
Gesamteindruck der Website und bietet den idealen Hintergrund für Logo, Bilder und Headlines.
Diese „strahlen“ durch den Einsatz des weißen Untergrunds besonders ansprechend und hell.
Alle Farben sind so eingesetzt, dass sie die Site gliedern, schmücken und wichtige Parts hervorheben.
#FFFFFF
22
4.4 Schriftwahl und Einsatz Typografische Gestaltung
Fließtext:
Verwendung der Systemschrift „Verdana“
Die Schrift „Verdana“ verfügt über ein klares, nüchternes und gleichermaßen harmonisches
Erscheinungsbild. Als Systemschrift bietet sie auch angenehme technische Vorteile:
Bei einer alternativen HTML-Umsetzung verändert sich das Aussehen der Website kaum.
Die Verdana ist besonders gut lesbar, denn sie läuft großzügig breit. Sie wurde speziell für die
Bildschirmanwendung entwickelt und ist daher auch am Bildschirmrand noch gut erkennbar.
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
23
4.4 Schriftwahl und Einsatz Typografische Gestaltung
Headlines & Subheadlines:
Verwendung der Schrift „ Palatino“
Die Palatino wird als Logoschrift und als Schmuckschrift verwendet, um eine harmonische
Schriftkombination (Serifenschrift und serifenlose Schrift) auf der Site zu erreichen.
Dabei besitzt die Headline eine Schriftgröße von 24 Punkt und die Subheadline eine Größe von
16 Punkt.
Diese beiden Textelemente sind statisch positioniert, d.h. sie erscheinen immer an der selben Stelle.
Die Subheadline orientiert sich linksbündig am Fließtext.
Um die Typografie im positiven Sinne dynamisch zu machen, beginnt die Headline 20 Punkt weiter
links davon.
Palatino
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
24
4.5 Navigationsplan/Navigationsstuktur
Da die Sitethemen nicht komplex sind, eignet sich zur Navigation die jumplineare Struktur.
In einer jumplinearen Navigation sind alle Menüpunkte jederzeit abrufbar und es besteht die
Möglichkeit jederzeit von jeder Seite auf eine andere zu wechseln („jumpen“). Damit ist die Site
besonders übersichtlich und benutzerfreundlich.
25
4.6 Gestalterisches Konzept der Menüführung
Die Menüleiste ist links vertikal platziert und listet die einzelnen Menüpunkte klar auf. Sie fällt als
Menüleiste direkt ins Auge und ist sofort als solche zu erkennen.
Vor den Navigationslinks befinden sich Bullet-Points, die die abgerundete Form der Rastermodule
aufgreifen. Sie sind einer Behandlungs-Checkliste eines Arztes nachempfunden.
Die Bullet-Points sind mit einem Rollover-Effekt ausgestattet, so dass sich die Farbe dieses Punktes
ändert, sobald man mit der Maus über den dazugehörigen Menüpunkt fährt. Klickt man den
Menüpunkt an, so bleibt der entsprechende Bullet-Point farblich abgegrenzt. So ist leicht zu erkennen, in
welcher Rubrik man sich gerade befindet.
26
4.7 Bildauswahl und Bildformat
Bei der Auswahl der Bilder ist besonders darauf zu achten, dass die Bilder positive Gefühle des
Vertrauens wecken. Angst erzeugende Bilder wie z.B.: Operations- oder Spritzenbilder sind grundsätzlich zu vermeiden, da sie den Betrachter verschrecken und demotivieren.
Die Bilder unterstützen thematisch den Text. Sie haben alle eine positive menschliche Anmutung und
passen in ihrer Farbstimmung zueinander.
27
4.8 Bildmodifikation
Die ausgewählten Bilder werden vom Hintergrund freigestellt um die Aufmerksamkeit der Betrachter
auf die Kernaussage des Bildes zu richten.
Anschließend werden die Bilder in den RGB-Modus konvertiert, die Bildauflösung auf 72 dpi reduziert
und die Bildgröße entsprechend angepasst.
Des Weiteren sind die Ton- und Farbwerte der Bilder an den Grundton des neuen Bildhintergrunds
anzupassen.
Außerdem werden Farbton, Sättigung und Labhelligkeit der Bilder aufeinander
abgestimmt.
28
4.9 Resümee des vorliegenden Gestaltungsschemas
Durch die stringente Umsetzung der in Punkt 4 genannten Gestaltungsrichtlinien ist eine optimale
Kommunikation und Kundenbindung gewährleistet. Der Einsatz der ausgearbeiteten Gestaltung
transportiert langfristig die gewünschten Emotionen und Behandlungswünsche in die Köpfe der
Zielgruppe.
Unterstützende Texte fördern den Gesamteindruck und fordern zum Handeln auf. Der zukünftige
Patient fühlt sich in vielerlei Hinsicht betreut: Er hat im Vorfeld die Auswahl der für ihn relevanten
Informationen auf der Website nachschauen können. Durch die passende Gestaltung baut er zusätzlich
ein Vorvertrauen in die vorgestellten Behandlungsmethoden und Spezialisten auf. Somit konnte schon
vor der ersten reellen Kontaktaufnahme wirkungsvoll die Philosophie des Gesundheitszentrums
vermittelt werden. Unter Verwendung dieses Gestaltungsschemas ist somit eine optimale Wirkung zu
erwarten.
29
5. Verwendete Hard- und Software
Hardware:
Power Mac G3
Mac OS 9.2.2
Software:
Adobe Ilustrator 9.0.2
Adobe Photoshop 6.0.1
Macromedia Dreamweaver MX
Microsoft Internet Explorer 5.1 Mac
Netscape 7
Safari 1.2.5
30
31