Skillry Pick
Sticker-Agentur-Landing-Pagev1.0.2
Nutze diesen Skill für: Agentur-Website erstellen.
Im Kommen
5.033 Downloads4 Likes1-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine komplette Studio-Website auf warmem Cremeweiß: kräftige, zentrierte Großbuchstaben, ein Haufen gestanzter Sticker (rosa und grüne Pillen, ein oranger Kreis und ein gelbes Quadrat) unter dem Hero und eine einheitliche Familie flacher Editorial-Illustrationen für die Arbeiten. Enthalten sind Case Studies, Branchen, Leistungen, Prozess, Preise mit Kostenrechner, Studio, Journal, FAQ und Kontaktseiten. Standardmäßig ist es eine eigenständige Datei, die offline öffnet – gemacht für Branding-, Web- und Kreativstudios.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein Beispiel mit 31 Routen für das fiktive Studio Loudish aus Bristol: sechs Case Studies, fünf Branchen, vier Leistungen, Prozess, Preise, Studio, drei Journal-Artikel, FAQ, Kontakt und eine 404-Seite.
- Funktionierende Bausteine: verschiebbare Hero-Sticker, Arbeitsfilter mit Suche und Sortierung, Prozess-Tabs, ein Zitat-Karussell, ein Preis-Umschalter und ein Kostenrechner, der das Kontaktformular vorausfüllt.
- Eine eigenständige Datei mit eingebetteten Schriften Bricolage Grotesque und Instrument Sans, ein Illustrationsplan, ein Styleguide und integrierte Prüfungen auf übrig gebliebene Beispielnamen.
Passt gut für
- Branding-, Web- und Designstudios, die eine freundliche Website mit echten Case Studies und veröffentlichten Preisen wollen.
- Yoga-, Töpfer- oder andere Kursstudios, die Leistungen in Kurse und Preise in Kurspakete umwandeln können.
- Freelancer oder kleine Büros, die Projekte, Preise und einen Anfrageprozess auf einer verspielten Website wollen.
Nicht geeignet für
- Konzerne, die einen nüchternen Look brauchen; die Sticker und kräftigen Farbtöne sind gerade der Punkt.
- Echte Anfragen oder Zahlungen entgegennehmen: Formulare bestätigen auf der Seite und senden nichts, bis du ein Backend anbindest.
- Marken, die lila Akzente oder ein dunkles Theme brauchen; das Design basiert auf warmem Cremeweiß mit rosa, grünen, orangen und gelben Stickern.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseAgentur-Website erstellenStil fixiertBearbeitbares ErgebnisAgentur: Über unsAgentur-HeroAgentur-StickerPinker Sticker
Über diesen Skill
Gib dem Skill die Leistungen, Preise und Projekte deines Studios, und er baut eine fröhliche, vollständige Website: warmes Cremeweiß, kräftige, zentrierte Großbuchstaben, ein Haufen gestanzter Sticker unter dem Hero und eine einheitliche Familie flacher Illustrationen für die Arbeiten. Das ausgearbeitete Beispiel ist das fiktive Studio Loudish aus Bristol mit 31 verknüpften Routen. Das Standardergebnis ist eine eigenständige Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Eine Startseite mit Sticker-Hero, Kunden-Wortmarken, About-Statement, Leistungs-Bento, Arbeitsraster, Prozess-Tabs, Zitaten, FAQ, Journal und einem grünen CTA-Panel
- Case Studies mit Briefing, Lösung, Deliverables, Markensystem, einer zweiten Illustration, einem Kundenzitat und Credits
- Preise mit Umschalter für Projekte oder monatlich, einer Vergleichstabelle und einem Kostenrechner, dazu Seiten für Prozess, Studio, Journal, FAQ und Kontakt
- Bricolage Grotesque und Instrument Sans in die Datei eingebettet, sodass nichts aus dem Netz geladen wird
So nutzt du es
- Gib den Namen deines Studios, Leistungen mit Preisen, Projekte, Team, Adresse und Kontaktdaten an.
- Dein Agent füllt die Sammlungen, generiert Illustrationen in einem einheitlichen Stil und prüft jede Route und jeden Link.
- Klick dich auf Desktop und Smartphone durch Filter, Kostenrechner und Formulare und wünsch dir dann Änderungen.
Generierte Illustrationen können Nutzungskosten bei deinem Bildtool verursachen. Formulare bestätigen auf der Seite und weisen darauf hin, dass nichts gesendet wurde, bis ein Backend angebunden ist.
Was du vorab brauchst
- Du bringst mit
- Name des Studios, eine Beschreibung in einem Satz und die gewünschte Hero-Headline · Leistungen mit Preisen, Projekte mit allem, was jede Case-Seite braucht, und dein Team · Adresse, E-Mail, Telefon, Öffnungszeiten und eigenes Artwork, falls vorhanden
- 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 eigenes Artwork für neue Illustrationen
- Externe Kosten
- Das Generieren von Illustrationen mit dem Bildtool deines Agenten kann Nutzungskosten dieses Tools verursachen. Eigenes Artwork und die wiederverwendbaren Leistungs- und Journal-Illustrationen kosten nichts extra.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …