Sea Turtle

Passend zum Hintergrund haben wir uns für folgende 4 Grundfarben entschieden, die sich harmonisch in das Gesamtbild einfügen.



Wir haben den Font Myriad Pro sowohl für Headlines als auch für Fließtext gewählt, da sie sehr gut lesbar ist und modern wirkt. Es handelt sich um eine humanistische Sansserif Schrift mit Strichstärkenkontrast und Oberlängen, die höher als die Versalien sind. Der Grauwert ist sehr angenehm für das Auge.

Auf der gesamten Seite wird der Regular Schnitt in verschiedenen Größen verwendet, Links stehen in Italic.

Entwicklung einer Schildkröte für den Spannweitenvergleich mit Dingen aus dem Alltag – von der Outline über Flächenfüllung, zum Anlegen von Oberflächen (Panzer, Haut) und der Farbanpassung an die erste Schildkröte.

Wie kamen wir auf unsere Vergleichsobjekte Mann, Hund und Flasche Bier? Es sind Objekte, die sich jeder Mensch gut vorstellen kann und dadurch besser einen Bezug zur Größe der Schildkröte herstellen kann.

Die Schattenformen sollen dabei nicht vom eigentlichen Thema der Grünen Meeresschildkröte ablenken und einen Kontrast zur restlichen farbigen Gestaltung bilden.

Ursprünglich waren andere Objekte geplant, doch diese haben sich aufgrund ihrer Größe, Form oder Vorstellungskraft beim Menschen nicht so gut geeignet. Trotzdem wollen wir hier unsere älteren Ideen zeigen:

Die Startseite unserer Infografik wird eine Karte sein, auf der man die Schildkröte zu verschiedenen Menüpunkten schwimmen lassen kann. Auf dem Bild stehen die Quadrate noch als Platzhalter:


Beispiel für die Unterseite Anatomie:


Weiche Überblendungen kennzeichnen den jeweils aktiven Bereich bei Mouse Over:


Klickt man auf einen Button, erhält man Infos zum jeweiligen Körperteil. Reiter leiten den Nutzer eine Ebene tiefer:


Unter dem Punkt Spannweite kann der Nutzer die Größe eines Mannes, eines Hundes und einer Flasche Bier mit der Spannweite der Schildkröte vergleichen:


Unter dem Punkt Schnelligkeit kann der Nutzer selbst steuern, wie schnell die Schildkröte schwimmen soll:


Für die Seiten Brutverhalten, Lebensraum und Gefahren ist ein jeweils ähnliches Layout mit Infotexten und Bildergalerie geplant. Der Prototyp dazu sieht folgendermaßen aus:

Durch realitätsnahe Illustrationen wollen wir unsere Infografik optisch aufwerten. Eine kleine Sammlung von Bildern vom Beginn bis zu den fertigen Illustrationen:





Auch unsere Karte hat eine Entwicklung hinter sich:





Mit an unser Farbschema angepasstem Hintergrund: