Illustrierte Agritech-App-Landing-Pagev1.0.2
Nutze diesen Skill für: Landing Page erstellen.
Im Kommen
5.029 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine helle, illustrierte Produktwebsite mit mehreren Seiten: ein abgerundeter Hero mit Himmelsverlauf, aus dessen unterem Rand eine flache Vektor-Farmlandschaft aufsteigt, ein kleines geneigtes Smartphone mit der App, farbig getönte Feature-Karten und satte blaue Produktbänder. Die Unterseiten sind echt gestaltet statt nur angedeutet: Lösungsseiten mit eigenen interaktiven Widgets, ein Live-Plattform-Dashboard, Preise mit Hardware-Rechner, ein Regel-Builder, vollständige Journal-Artikel und eine mehrstufige Registrierung. Alle Illustrationen folgen einer gemeinsamen Art Direction, sodass die Website wie aus einer Hand gezeichnet wirkt.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine komplette Website in einer eigenständigen HTML-Datei, die offline öffnet; das Haywren-Beispiel hat 25 verknüpfte Routen, von Lösungen und Preisen bis zu Journal, Über uns, Kontakt und Rechtsseiten
- Funktionierende Tools: ein interaktives Feld-Dashboard, ein Widget auf jeder Lösungsseite, ein Abrechnungsumschalter mit Hardware-Rechner, ein Regel-Builder für Automatisierungen und eine mehrstufige Registrierung
- Ein flacher Vektor-Illustrationsstil für jedes Bild, ein lebendiges Smartphone-Mockup, die Schriften Bricolage Grotesque, Figtree und Geist Mono und auf Wunsch eine Portierung in dein eigenes Framework
Passt gut für
- Agritech-, Food-, Garten-, Outdoor- und Außendienst-Produkte, die einen freundlichen illustrierten Look statt Stockfotos wollen
- App-Entwickler, die eine vollständige Seitenfamilie (Lösungen, Preise, Journal, Über uns, Download) statt einer einzelnen Landing Page brauchen
- Teams, die jetzt eine eigenständige Website wollen oder dasselbe Design in Vue, React, Astro oder Next.js
Nicht geeignet für
- Ein fertiges Backend: Registrierungs-, Kontakt- und App-Link-Formulare bestätigen auf der Seite, versenden, erstellen und berechnen aber nichts
- Marken, die Fotografie brauchen: Jedes Bild folgt einem flachen Vektor-Illustrationsstil
- Projekte, die eine andere visuelle Richtung wollen: Himmelsrahmen, Landschaftsband, Smartphone-Mockup und blaue Bänder sind das Design
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseLanding Page erstellenStil fixiertBearbeitbares ErgebnisHof-BlauHof-HeroHoflandschaftHof-Smartphone
Über diesen Skill
Beschreibe dein Produkt und seine Seiten und erhalte eine komplette illustrierte Website: ein abgerundeter Hero mit Himmelsverlauf und einer Farmlandschaft, die vom unteren Rand aufsteigt, ein kleines geneigtes Smartphone mit der App, farbige Feature-Karten und satte blaue Produktbänder. Du bekommst eine einzige eigenständige Datei, die in jedem Browser öffnet und offline funktioniert.
Das bekommst du
- Eine vollständige Seitenfamilie: Startseite, Plattform, Lösungsseiten, Automatisierung, Preise, Journal und Artikel, Über uns, Kontakt, App-Download, Registrierung, Datenschutz, AGB und eine gestaltete 404-Seite
- Unterseiten mit echten Tools: ein Feld-Dashboard mit Zeitraum-Umschaltern, ein Widget auf jeder Lösungsseite, ein Hardware-Rechner und ein Regel-Builder für Automatisierungen
- Ein einheitlicher flacher Vektor-Illustrationsstil für jeden Bildplatz, App-Screens als lebendige Oberfläche auf dem Smartphone gezeichnet
- Filter, Suche, Karussells und Formulare, die validieren und bestätigen, mit ruhiger Animation, die Einstellungen für reduzierte Bewegung respektiert
- Auf Wunsch dasselbe Design als Komponenten und Routen in deinem eigenen Stack
So nutzt du es
- Teile deine Marke, Zielgruppe, Produkte oder Lösungen und die benötigten Seiten mit; grobe Notizen reichen, und entworfene Fakten werden dir zur Bestätigung aufgelistet
- Stelle eigene Illustrationen bereit oder lass ein passendes Set generieren, mit einem Motiv pro Bildplatz
- Öffne die fertige Datei im Browser, klicke dich durch alle Seiten und wünsche dir Änderungen in einfachen Worten
Neue Illustrationen werden mit dem Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Schriften und Bilder sind in die fertige Datei eingebettet.
Was du vorab brauchst
- Du bringst mit
- Markenname, Zielgruppe und eine kurze Produktvorstellung · Produkte, Lösungen oder Geschichten mit aussagekräftigen Beschreibungen sowie die benötigten Seiten · Eigene Illustrationen oder die Erlaubnis, ein neues passendes Set zu generieren
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildgenerierungstool in deinem Agenten oder eigene Illustrationen für die produktspezifischen Bilder
- Externe Kosten
- Neue Illustrationen werden mit dem eigenen Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Eigene Illustrationen kosten nichts, und die neutralen Farmszenen aus dem Beispiel lassen sich für ländliche, Food- oder Outdoor-Marken wiederverwenden.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …