Das bekommst du
- Eine Offline-HTML-Datei mit eingebetteten Schriften und Fotos oder ein Port für Next.js, React, Vue oder Astro
- Kampagnen-Startseite mit wandernden Textbändern, Produktreihe, Collage, Story-Zeitleiste und Newsletter
- Produktseiten, Kollektionen, ein Kistenkonfigurator, Tasche und eine Demo-Kasse
- Händlersuche mit Kartenprojektionsskript, Liefergebietsprüfung, Journal, FAQ, Kontakt und Richtlinien
- Optional PopNow-Packshot-Bereinigung und erzeugte Stillleben, vor jedem Lauf beziffert
Gut für
- Saft-, Smoothie-, Softdrink- und Kombucha-Marken
- Röstereien, Tee- und Snack-Labels mit Direktverkauf
- Bäckereien und Cafés mit Abholung oder Lieferung vor Ort
Nicht für
- Alkoholmarken, die eine Altersprüfung brauchen
- Große Sortimente, die ein Shop-Backend brauchen
- Dunkle, minimalistische oder konzernhafte Looks
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Getränkemarken-Website-Vorlage“ (beverage-brand-website) dafür: Mach eine Seite für Sunfold, eine Sparkling-Tee-Marke mit fünf Sorten in 330-ml-Dosen, Versand in ganz Deutschland in EUR, mit einer 12er-Mixkiste und Händlern in Berlin und Hamburg.
In einem Coding-Agent
/popnow-beverage-brand-website Mach eine Seite für Sunfold, eine Sparkling-Tee-Marke mit fünf Sorten in 330-ml-Dosen, Versand in ganz Deutschland in EUR, mit einer 12er-Mixkiste und Händlern in Berlin und Hamburg.
Dann probier
Schneide meine fünf Dosenfotos frei und gleiche ihr Licht an; zeig mir vorher den Preis.
Ersetze den Pfandtext der Flasche durch Dosenrecycling und streich die lokalen Liefergebiete.
Das solltest du bereithalten
- Produkte mit Preisen, Packungsgrößen und Sorten oder Mischungen
- Wie gekauft wird: Versand, lokale Zonen, Händler oder Shop
- Deine Geschichte und echte Kundenstimmen
- Packshots oder Handyfotos, oder ein PopNow-API-Schlüssel
Ähnliche Skills
Alle ansehen →- Web
3D-Avatar-Maker
+25Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
- Web
Kalender-Heatmap
+25Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
- Web
KI-SaaS-Landingpage
+25Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
- Web
Animierte Hero-Section
+25Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
- Web
Shader-Hero-Website für Agenturen
+25Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
- Web
Dunkle SaaS-Landingpage
+25Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
- Web
Designer-Portfolio-Website
+25Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
- Web
Entwickler-Portfolio-Website
+25Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
- Web
Redaktionelle SaaS-Website
+25Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
- Web
Website für Freelance-Designer:innen
+25Eine mutige Ein-Personen-Studioseite mit festen Paketpreisen, Paketseiten, Fallstudien und Anfrageformular.
- Web
Glassmorphism-Website-Vorlage
+25Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
- Web
Website für Hardware-Produkte
+25Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
- Web
Interaktives Architekturdiagramm
+25Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
- Web
Interaktiver Raster-Hero
+25Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
- Web
Knowledge-Graph-Explorer
+25Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
- Web
KPI-Dashboard-Vorlage
+25Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
- Web
Landingpage aus KI-Mockups
+25Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
- Web
Magazin-Website-Vorlage
+25Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
- Web
Partikel-Animations-Hero
+25Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
- Web
Persönliche Marken-Website
+25Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
- Web
Tierbedarf-Shop-Website-Vorlage
+25Ein funktionierender Tierbedarf-Shop mit Katalog, Varianten, Tasche, Nachfüll-Planer und Demo-Kasse in einer HTML-Datei.
- Web
Podcast-Website-Vorlage
+25Eine Podcast-Seite mit abspielbarem Hero, Folgenarchiv, Gastseiten und einem Player, der beim Blättern weiterläuft.
WebHandgezeichneter Preisbereich
+25Eine Preistabelle im Notizbuchstil mit schrägen Tintenkarten, Jahresumschalter und Dunkelmodus, in einer Offline-Datei.
- Web
Kinoreife Produkt-Launch-Seite
+25Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
- Web
Website für Forschungsarbeiten
+25Projektseite zu deinem Paper mit interaktiver Abbildung 1, Ergebnissen, Grenzen und Zitat mit einem Klick.
- Web
Admin-Dashboard-Vorlage
+25Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
- Web
SaaS-Landingpage-Vorlage
+25Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
- Web
Portfolio-Website im Scrapbook-Stil
+25Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
- Web
Sneaker-Shop-Website-Vorlage
+25Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
- Web
Website für Sportvereine
+25Eine Seite für Verein, Fitnessstudio oder Studio mit Stundenplan, Trainerseiten, Mitgliedschaften, Platzplan und Buchung in einer Datei.
- Web
Kundenstimmen-Wand
+25Eine Wand aus Kundenzitaten als Masonry-Raster oder langsam driftende Spalten, in der nur Zitate stehen, denen Menschen zugestimmt haben.
- Web
Website für Reisebüros
+25Eine bildstarke Seite für Touren, Guides oder Lodges mit Reisesuche, Buchungsanfragen und einem Reise-Finder-Quiz.
- Web
Landingpage für Workflow-Automatisierung
+25Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Fragen
Unser Produkt ist eine Dose, keine Flasche. Passt das?
Ja. Die packungsspezifischen Teile (Pfandhinweis, Grafik des Kistenzählers, Symbol, 404-Grafik und Größenangaben) sind im Anpassungsleitfaden aufgeführt und lassen sich für Dosen, Gläser, Beutel oder Schachteln austauschen.
Können wir unsere echten Packshots verwenden?
Ja. Nach Angebot und deiner Zustimmung schneidet PopNow jede Packung frei, entfernt Glanz und Tischschatten, gleicht das Licht aus und setzt sie auf die Geschmackskachel oder in ein Stillleben, das dein echtes Etikett behält.
Nimmt der Shop echte Bestellungen an?
Noch nicht. Tasche, Kistenkonfigurator und Kasse funktionieren und zeigen eine Bestätigung, aber es wird nichts abgebucht oder verschickt, bis ein Zahlungsanbieter und ein Bestell-Backend angebunden sind.
Wie bringe ich unsere Händler auf die Karte?
Trag sie mit Breiten- und Längengrad ein, führ das mitgelieferte Projektionsskript aus und füge die x- und y-Werte, die es ausgibt, in die Händlerdaten ein.
Passt es für die Website einer Saft-, Limonaden- oder Kaffeemarke?
Ja. Der Shop verkauft Dosen, Flaschen oder Beutel nach Sorte, der Kistenkonfigurator mischt Sorten in einer Box, und die Händlerkarte zeigt Cafés und Läden, die dich führen. Die sonnige Palette tauschst du an einer Stelle gegen die Farben deiner Getränkemarke.

