Modernes WordPress Sales Design
Zeichne direkt auf deiner Website.
SketchLayer bringt ein edles Draw-Overlay über jede Seite, öffnet ein großes Whiteboard im neuen Tab und fühlt sich vom ersten Klick an nach Premium-Produkt an – ohne DOM-Umbauten, ohne Server-Ballast, mit klarer Free/Pro-Story und starker Admin-Steuerung.
Overlay über jeder Seite
Whiteboard im neuen Tab
localStorage only
URL- & Rollensteuerung
Whiteboard im neuen Tab
localStorage only
URL- & Rollensteuerung
0
große Zeichnungsdateien auf dem Server – der Zustand bleibt im Browser
große Zeichnungsdateien auf dem Server – der Zustand bleibt im Browser
2
klare Produktstufen mit nutzbarer Free-Version und starkem Pro-Upgrade
klare Produktstufen mit nutzbarer Free-Version und starkem Pro-Upgrade
3
Tarife für Solo, Team und Studio – monatlich, fair und sofort verständlich
Tarife für Solo, Team und Studio – monatlich, fair und sofort verständlich
Dark UI · Premium Glass · Clean Gradients
Border-bottom Lines wie im Backend
/kurse/visuelles-feedback/lektion-3
Live Overlay
Sketch Layer
Pen
Marker
Text
Shapes
Export
Erklären, markieren, zeigen – direkt im Kurs.
Ideal für E-Learning, Präsentation & visuelles Feedback
Overlay statt DOM-Chaos
SketchLayer legt einen eigenen Layer über die Seite und lässt das eigentliche Layout in Ruhe.
Pro Tools
Marker, Linien, Text, Auswahl, Shapes, Tool-Presets und erweiterte Undo/Redo-States.
Whiteboard & Export
Große Fläche, Muster, Darkboard, Multipage und Export-Presets für JPG und PNG.
Admin Control
URL-Muster, Rollen, Toolbar-Modi, Floating-Button und Branding sauber konfigurierbar.
✎
Whiteboard
Darkboard
Grid
Dots
Axis
1
2
3
Backend Settings
Free / Pro
Wo ist SketchLayer aktiv?
Rollen & Zugriff
URL-Muster
Wie sieht die Oberfläche aus?
Toolbar
Floating Button
Funktionen
Ein Plugin, das sofort nach Produkt aussieht.
Die Seite setzt bewusst auf dieselbe visuelle DNA wie das Plugin: dunkle Panels, kühle Indigo-Cyan-Gradienten, pill-förmige Controls, Glas-Effekte und die markanten Border-Lines aus dem Backend – nur größer, verkaufsstärker und edler.
01
Overlay ohne Seiteneingriff
SketchLayer arbeitet als eigener Layer über der Website. Genau das ist ein starkes Verkaufsargument: maximale Kompatibilität mit Themes, Page-Buildern, Kursplattformen und LMS-Systemen.
02
Whiteboard für große Ideen
Sobald die Seite zu klein wird, öffnet sich ein eigenständiges Whiteboard im neuen Tab – mit Patterns, Darkboard, Multipage und Pro-Tools, die deutlich nach echter Software klingen und nicht nach nur Plugin.
03
Free, das benutzt wird. Pro, das überzeugt.
Die Startseite verkauft nicht mit billigen Tricks, sondern mit fairer Produktarchitektur: Free liefert echten Nutzen, Pro liefert die Features, wegen denen Teams upgraden.
04
Backend mit Premium-Look
URL-Muster, Rollen, Toolbar-Modes, Floating-Button, Branding und Free/Pro-Gating bieten genug Substanz, um die Seite mit glaubwürdigen Admin-Screens und Settings-Story zu füllen.
05
Export, Branding, Präsentation
Export-Presets, Whiteboard-Hintergründe, Darkboard und Branding machen aus Zeichnungen am Ende brauchbare Assets. Das verkauft sich gut an Trainer, Creator, Agenturen und Teams mit Präsentationsbedarf.
06
Privacy by default
Ein starker Satz für die Startseite: Zeichnungen bleiben im Browser, nicht als große Dateien auf dem Server. Das wirkt technisch sauber, datenschutzfreundlich und performant.
Produktstory
Die Seite verkauft nicht nur Features, sondern ein sauberes Gefühl.
Der Look ist bewusst modern, edel und professionell. Nicht verspielt. Nicht SaaS-Baukasten. Sondern wie ein fokussiertes Tool, das Design, Technik und Monetarisierung bereits sauber zusammendenkt.
Für Trainer & E-Learning
Für Präsentationen
Für visuelles Feedback
Für Präsentationen
Für visuelles Feedback
Zeig es direkt auf der Seite.
Genau hier liegt die größte Stärke der Hero-Message: Nutzer müssen Inhalte nicht erklären, sie markieren sie. Das Overlay wird damit zum Produktkern. Die Startseite sollte diesen Nutzen früh und visuell brutal klar machen.
Overlay
zeichnet direkt über die Website und lässt den Inhalt darunter sichtbar
zeichnet direkt über die Website und lässt den Inhalt darunter sichtbar
Whiteboard
öffnet ein separates Board für mehr Platz und größere Gedanken
öffnet ein separates Board für mehr Platz und größere Gedanken
Admin
steuert URL-Muster, Zugriff, Toolbar und Button zentral im Backend
steuert URL-Muster, Zugriff, Toolbar und Button zentral im Backend
Fair by design
Kein tricksy Upsell. Sondern saubere Produktlogik.
Das ist ein seltener USP: Free ist bewusst eingeschränkt, aber nützlich. Pro bleibt sichtbar, wird aber nicht nervig nach vorne gedrückt. Die Seite kann das als Qualitätsmerkmal kommunizieren: fair, reputationsstark, professionell.
- Monatliche Tarife mit klarer Staffelung für 1, 3 oder 10 Sites.
- Keine Trial-Falle – stattdessen klare Kommunikation und leichter Kündigungsweg.
- Locked UI als Produktvorschau statt aggressivem Sperrzaun.
Free vs Pro
Eine klare Upgrade-Story ohne Produktblabla.
Die Startseite zeigt eine nützliche Basis für Free und einen offensichtlichen Mehrwert für Pro. So entsteht Zugkraft, ohne dass Free künstlich wertlos wirkt.
Free
Für den schnellen Einstieg
Genau richtig, um SketchLayer sofort zu verstehen und produktiv einzusetzen.
- Overlay mit Cursor, Pen, Eraser, Farben, Stärke und Clear.
- Whiteboard mit Blank und Grid, Pen, Eraser und Export mit Watermark.
- Admin-Basis: öffentlich oder nur Admin, URL-Muster, Toolbar-Modus und Button-Presets.
- Starker Einstieg für Creator, Trainer und kleine Setups.
Pro
Für Teams, Unterricht, Sales und Agentur-Workflows
Die Version, die aus dem Overlay ein echtes Produktivitäts-Tool macht.
- Marker, Line, Text, Select und Basic Shapes direkt im Overlay.
- Whiteboard mit Darkboard, erweiterten Patterns, Multipage und Export-Presets.
- Text-Edit, Auto-Drag, Tool-Presets und erweiterte Undo/Redo-Historie.
- Rollensteuerung, Branding, Floating-Icon, Custom Positioning und mehr Kontrolle im Backend.
Einsatz
Wo SketchLayer besonders stark wirkt.
Die Seite sollte das Plugin nicht zu breit erzählen, sondern in glasklaren Szenarien verankern.
Trainer & Kursplattformen
Zeige live auf Inhalte, markiere Stellen direkt in Lektionen und nutze das Whiteboard für größere Erklärungen.
Visuelles Feedback
Markiere Seiten, UI und Inhalte direkt dort, wo Fragen entstehen – statt in langen Text-Threads.
Präsentation & Sales
Nutze Overlay und Export als visuelle Hilfe für Demos, Pitches, interne Abstimmungen und Präsentationen.
Preise
Klar, fair und direkt buchbar.
Die Pricing-Section ist absichtlich ruhig, hochwertig und ohne schrille Conversion-Tricks aufgebaut. Team wird als Most popular hervorgehoben, aber alle Pläne bleiben sauber lesbar.
Solo
Für Einzelpersonen, Creator und kleine Setups.
9 €/ Monat · 1 Site
- 1 Website aktivieren
- Alle Pro-Features auf einer Installation
- Ideal für Training, Coaching, Kurse und Demos
Most popular
Team
Das stärkste Paket für kleine Teams und mehrere Projekte.
19 €/ Monat · 3 Sites
- 3 Websites aktivieren
- Perfekt für Agenturen, interne Teams und Kursportale
- Die sauberste Balance aus Preis und Nutzen
Studio
Für größere Setups, Agenturen und skalierte Deployments.
59 €/ Monat · 10 Sites
- 10 Websites aktivieren
- Für professionelle Produkt- oder Kundenumgebungen
- Skaliert sauber ohne neues Preischaos
Logoidee
Eine Marke, die Overlay und Präzision zugleich zeigt.
Die Icon-Idee setzt auf zwei überlagerte Flächen als Symbol für Overlay und Whiteboard. Der diagonale Stroke steht für aktives Annotieren. Das Indigo-Cyan-Gradientensystem passt direkt zu UI, Plugin und Sales-Seite.
SketchLayer
Draw Overlay & Whiteboard
Warum das Zeichen funktioniert
Das Icon funktioniert als Plugin-Icon, Favicon, App-Badge und Social Avatar. Gleichzeitig ist es stark genug, um als separater Brand Mark in Wordmark, Pricing, Header und Export-Footer aufzutreten.
- Zwei Layer stehen für Overlay und Whiteboard.
- Die Diagonale wirkt wie ein aktiver Zeichenstrich.
- Der Bogen oben gibt dem Ganzen einen subtilen S-Move für SketchLayer.
- Die Form bleibt auch klein auf 32 bis 48 Pixel noch gut lesbar.
Empfehlung für den Einsatz: dunkler Hintergrund, Gradient nur im aktiven Mark. So bleibt das Logo edel statt verspielt.
FAQ
Die wichtigsten Fragen direkt auf der Startseite beantworten.
Das reduziert Reibung, stärkt Vertrauen und macht die Pricing-Sektion deutlich glaubwürdiger.
Speichert SketchLayer Zeichnungen auf dem Server?
Nein. Der Kernpunkt ist genau das Gegenteil: Zeichnungen bleiben im Browser und werden per localStorage pro Seite oder Whiteboard-Zustand gespeichert. Das ist gut für Datenschutz, Performance und Wartbarkeit.
Greift das Plugin in mein HTML oder Theme ein?
Nein. SketchLayer setzt auf einen eigenen Overlay-Layer mit hohem z-index und lässt das bestehende DOM unangetastet. Genau diese Kompatibilitäts-Story ist auf der Verkaufsseite ein echter Pluspunkt.
Was ist in Free bereits sinnvoll nutzbar?
Free deckt die Basis bereits ab: Overlay mit Cursor, Pen und Eraser, Whiteboard mit Blank und Grid, Farben, Stärke, Clear sowie JPEG-Export mit Watermark. So wirkt Free fair und nicht künstlich entwertet.
Warum lohnt sich Pro?
Weil dort die Features liegen, die echte Workflows beschleunigen: Marker, Line, Text, Select, Shapes, Darkboard, Export-Presets, Multipage, Tool-Presets, Rollensteuerung und Branding.
Keine Trial-Falle · klare Tarife · modernes Premium-Design
Ein WordPress-Plugin mit echter SaaS-Energie.
Diese Startseite ist bewusst so gebaut, dass sie den aktuellen Produktstand glaubwürdig verkauft: edel, ruhig, selbstbewusst, conversion-stark. Genau richtig für SketchLayer.