Landing-Page

Zu erstellen ist eine Landing-Page mit Bing Maps Funktion. Die gespeicherten Daten des Users werden in einem Backend gesammelt, welches zu erstellen ist. Die Daten enthalten eine Filterfunktion (PLZ, Einladungscode, etc.) und können sortiert in eine .csv-Datei exportiert werden, die dann bei Mail-Chimp eingelesen werden kann. Der Aufbau der Seite verhält sich wie folgt:

- Hintergrund (gesamte Breite und Höhe) Bing Maps mit Fokus auf Deutschland.

- Links, mit ca. 150px Abstand zum rechten Bildschirmrand, eine grüne Sidebar (opacity oder durchsichtiges image) über die gesamte Seitenhöhe. In dieser Sidebar bitte folgende Funktionen in folgender Reihenfolge abbilden:

-- Logo (zu erstellen)

-- Beschreibungstext ( Google Fonts )

-- Formfields u. Dropdowns (Pflichtfelder) : Erste Zeile: E-Mail (Formfield), neue Zeile: Anzahl der Kinder (Dropdown) + PLZ (Formfield) nebeneinander darstellen. Neue Zeile: Einladungscode (OPTIONAL).

--- Die PLZ wird nach der Anmeldung auf der Bing-Map als Markierung (image) angezeigt. Fährt der Benutzer mit der Maus über die Markierung, erscheint ein Tooltip: "Hier freuen sich X kleine Kinder auf den Start der neuen SEITENNAME" oder "Hier freut sich 1 kleines Kind auf den Start der neuen SEITENNAME".

-- Hat der Benutzer auf den Button "Einladung anfordern" geklickt, erscheint eine Fancybox:

-- In der Fancybox erscheint ein Text, etwa: "Wir haben dich auf die Einladungsliste gesetzt. Sobald es hier losgeht, erhältst du eine Nachricht von uns. In der Zwischenzeit würden wir uns freuen, wenn du deinen Freunden von uns erzählst".

-- Facebook-Share -und Twitter-Share Button mit vorgefertigten Text befinden sich unter dem Text in der Fancybox. (Screenshot davon nach Auftragsvergabe).

- Unter dem "Einladung anfordern" Button (rechts) Facebook, Twitter + Blog-Symbol. (Symbole folgen nach Auftragsvergabe).