craiyon logo

A modern, minimalist mobile landing page for "HobbyNähe" with a dark blue background, green and blue buttons, and various text fields for finding hobby partners.

A modern, minimalist mobile landing page for "HobbyNähe" with a dark blue background, green and blue buttons, and various text fields for finding hobby partners.

Erstelle eine moderne, minimalistische Landingpage (optimiert für Smartphones/Mobile First) für ein neues Start-up namens "HobbyNähe". Das Design soll sauber, vertrauenerweckend und extrem übersichtlich sein (wie eine moderne App, z.B. Airbnb oder Uber). Nutze ein frisches Farbkonzept (z.B. ein tiefes Dunkelblau als Basis, ein helles Grau für den Hintergrund und ein leuchtendes Grün oder Blau für die Aktions-Buttons). Die Webseite muss folgendermaßen von oben nach unten strukturiert sein: 1. HEADER: - Links: Ein dezentes Logo-Icon (Weltkugel mit Standort-Nadel) und der Text "HobbyNähe" (Fett). - Rechts: Ein kleiner, unaufdringlicher Button "Wie es funktioniert". 2. HERO-SEKTION: - Hauptüberschrift (Groß, prägnant, serifenlos): "Schluss mit alleine. Finde Hobby-Partner direkt in deiner Nachbarschaft." - Unterüberschrift (Etwas kleiner, grauer Text): "Wähle dein Hobby, gib deine Postleitzahl ein und triff echte Menschen in deiner Nähe. Keine teuren Abos. Nur 0,50 € pro verbindlichem Treffen." 3. INTERAKTIVES SUCHFELD (Das Herzstück, visuell hervorgehoben durch Schattenwurf): - Ein Dropdown-Auswahlfeld mit dem Platzhalter: "Was willst du machen? (z.B. Schach, Fußball, Wandern, Gaming)" - Ein Texteingabefeld mit dem Platzhalter: "Deine Postleitzahl (z.B. 66482)" - Ein großer, auffälliger, animierter Button über die volle Breite mit der Aufschrift: "Verfügbare Treffen anzeigen 🔍" 4. GEHEIMER RAUCH-TEST-LOGIK (Simuliere dies visuell): Wenn der Nutzer auf den Button klickt, soll See more