![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1920,fit=crop/mk324W5a6RhG0yWB/head-YanO0Pajz1HK2zaX.png)
Tinylighthouse
Leuchtturm (Homepage)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=709,h=326,fit=crop,trim=361.18811881188117;237.6237623762376;9.504950495049505;232.87128712871288/mk324W5a6RhG0yWB/header-YyvEDJGlrZTwQVKW.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=325,h=192,fit=crop,trim=227.94520547945206;508.4931506849315;8.767123287671232;482.1917808219178/mk324W5a6RhG0yWB/header-YyvEDJGlrZTwQVKW.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=364,h=182,fit=crop,trim=41;0;0;0/mk324W5a6RhG0yWB/icon-AVLz24nkvpir6J56.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=180,fit=crop,trim=0;9.564179104477612;0;12.75223880597015/mk324W5a6RhG0yWB/icon-AVLz24nkvpir6J56.png)
Konzept
Eine Webseite soll die Person bzw. Firma/Gewerbe/Shop am besten repräsentieren, dabei auch einzigartig und wiedererkennbar sein. Bei einer wird die Firmenphilosophie und das Produkt/die Dienstleistung schön verpackt und für die Zielgruppe zugänglich dargestellt
Illustrationen
Ähnlich wie bei dem Zeichenstiel wurde für das Hervorheben der Überschriften und wichtigeren Links und Texte eine eher „handgekritzelte“ und freie Schriftart, Rock Salt, ausgewählt. Je nach Einsatz variiert auch die Farbe des Textes zwischen weiß (Header bzw. dunkler Hintergrund), dunkelbraun (Navigationszeile), Schwarz (Karte) und blau (Überschriften).
Für die Textblöcke wurde eine gut lesbare und rundlich Schriftart, Lato, benutzt.
Leuchtturm? Aber warum?
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=400,h=365,fit=crop,trim=273.1034482758621;88.27586206896552;0;88.27586206896552/mk324W5a6RhG0yWB/photo_5278418750296669906_y-meP17W5raMFp91ye.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=216,fit=crop,trim=552.421052631579;87.57894736842105;0;87.57894736842105/mk324W5a6RhG0yWB/photo_5278418750296669906_y-meP17W5raMFp91ye.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=372,h=186,fit=crop,trim=40.18000000000001;0;0;0/mk324W5a6RhG0yWB/palette-dOq7Vw9BxVfpvqNa.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=173,fit=crop,trim=9.784090909090908;0;0;0/mk324W5a6RhG0yWB/palette-dOq7Vw9BxVfpvqNa.png)
Zeichenstils und Icons
Farbpalette
Wie ist es aber bei einer Person?
Im Grunde ist es auch für eine „persönliche“ Website nichts anderes – man ist selbst sein „Produkt“ bzw. in meinem Fall bitte ich eine Dienstleistung an, die auch meine Homepage widerspiegeln soll.
Schwierig ist es aber bei Erstellung so einer Homepage, das zu finden, was mich am besten beschreiben und widerspiegeln würde. So beschloss ich mich, mich auf meine Träume zu fokussieren, und der Traum von eigenem Leuchtturm ist das, was mich am besten charakterisieren würde.
Ich arbeite vorwiegend und am liebsten an Projekte, die mit Kindern zu tun haben. So ist meine Große Zielgruppe Kinder im Alter von 0 bis 10, Elter dieser Kinder, Pädagogen und Firmen, deren Produkte sich an Babys, Klein- und Grundschulkinder richten.
Dieser Tatsache ist auch der Auswahl des Zeichenstils geschuldet.
So wurde entschieden, dass die Illustrationen die Zeichnungen mit einem Wachsmalstift imitieren sollen. Auch krakelige, ungerade, ein wenig schräge und verspielte Icons sollen den Kleinkind Kritzeleien ähneln.
Der Auswahl der Farbpalette stand von Anfang an fest. Gedeckte und natürliche Farben sind ein kleiner „Markenzeichen“. Wenn man die Illustrationen in den unterschiedlichen Projekten anschaut, merkt man, dass diese zwar bunt sind, aber nicht grell. Kinder sollen durch die Illustrationen nicht überstimuliert werden, eher eine Möglichkeit bekommen sich mit dem Geschehen, Charakteren und der Geschichte auf den einzelnen Bildern auseinander zu setzen.
Auch auf Benutzung von schwarzem Outline wurde abgesehen. Die härtere schwarze Farbe wurde durch ein dunkles braun ersetzt und soll weicher, heller und einladender wirken.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=596,h=360,fit=crop,trim=74.12398921832884;0;0;0/mk324W5a6RhG0yWB/rahmen-mnl6wePoG7SqVQ95.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=204,fit=crop,trim=0;0;0;0/mk324W5a6RhG0yWB/rahmen-mnl6wePoG7SqVQ95.png)
Schriftarten
Überschrift
Textblock
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=330,h=329,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-7-YbNZjGB0vru5BPMn.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=158,h=154,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-7-YbNZjGB0vru5BPMn.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=330,h=329,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-8-AE0MbePQBQiPKJKB.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=158,h=154,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-8-AE0MbePQBQiPKJKB.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=709,h=520,fit=crop,trim=0;0;0;0/mk324W5a6RhG0yWB/karte-YX4WjKErl3Hvb5aD.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=325,h=240,fit=crop,trim=0;4.587155963302752;0;4.587155963302752/mk324W5a6RhG0yWB/karte-YX4WjKErl3Hvb5aD.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=194,h=193,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-6-dWxwDJvwOaI6Mp0Y.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=121,h=118,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-6-dWxwDJvwOaI6Mp0Y.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=194,h=193,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-5-YyvPrn97WkfG30G2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=123,h=120,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-5-YyvPrn97WkfG30G2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=194,h=193,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-3-YD0DJ9llNZfVk0K5.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=115,h=112,fit=crop/mk324W5a6RhG0yWB/unbenanntes_projekt-3-YD0DJ9llNZfVk0K5.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=709,h=706,fit=crop,trim=5.416078984485191;0;0;0/mk324W5a6RhG0yWB/photo_5307704491610587582_y-mk3yWX7OwEs8Kkb3.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=325,h=320,fit=crop,trim=19.692307692307693;0;0;0/mk324W5a6RhG0yWB/photo_5307704491610587582_y-mk3yWX7OwEs8Kkb3.jpg)