Eine Website bauen, ohne sich an einen Anbieter zu binden
Der VN-Designer ist ein Windows-Programm. Seiten entstehen aus Blöcken und Themes, werden direkt auf der Seite bearbeitet und als sauberer Ordner mit HTML, CSS und Bildern exportiert oder per FTP, FTPS oder SFTP veröffentlicht. Die fertige Seite läuft auf jedem Webspace, ganz ohne den VN-Designer.
Gehört dem Anwender
Ein Projekt ist ein normaler Ordner auf der eigenen Festplatte. Kein Konto, keine Cloud, kein Lock-in, keine Gebühr pro Website.
Schnell und sauber
Ausgegeben wird Standard-Code auf Basis von Bootstrap 5, mit lokalen Dateien statt CDN. Gute Lighthouse-Werte sind erreichbar.
Alles für die Firmenseite
Formulare mit echtem Mailversand, Blog, Suche, Newsletter, Mehrsprachigkeit, SEO, Statistik und ein CMS, mit dem Kunden selbst Texte ändern.
DSGVO-freundlich voreingestellt
Schriften lokal, Statistik ohne Cookies, Cookie-Einwilligung, Datenschutz-Prüfung. Zugangsdaten liegen im Benutzerprofil, nicht im Projekt.
Fünf KI-Dienste. Plus KI auf dem eigenen Rechner.
Kein anderer Baukasten lässt dem Anwender so viel Wahl, wohin seine Daten gehen: in die Cloud eines Anbieters seiner Wahl oder gar nicht erst aus dem Haus.
KI-Chat mit Anbieter nach Wahl
Der Chat sitzt direkt neben der Arbeitsfläche, hilft beim Texten und beim Code und überträgt Ergebnisse in den Code-Editor. Eigener Zugangsschlüssel, jederzeit wechselbar.
Lokale KI ohne Cloud
Anbindung an LM Studio, Ollama und andere lokale KI-Server per Adresse. Kein Schlüssel, keine Kosten pro Anfrage, keine Daten nach draußen. Ideal für Kundenprojekte mit sensiblen Inhalten.
Schutz vor KI-Fehlern
Nach der ersten Übernahme in den Code-Editor ist „Übernehmen“ im selben Chat gesperrt. So kann ein veralteter Ausschnitt die Arbeit nicht überschreiben. Zusätzlich gibt es einen Ausschnitt-Schutz.
VN KI Bild – lokale Bildbearbeitung per Textanweisung
Eigenes Begleitprogramm, das Bilder offline mit einem lokalen KI-Modell verändert. Die Fotos verlassen den Rechner nicht.
VN KI Video – Videos aus dem eigenen PC
Eigenes Begleitprogramm, das mit lokalen Modellen Videos erzeugt, etwa für Hintergrundvideos und Erklärclips.
Der Formulargenerator, der wirklich sendet
Formulare sind im VN-Designer keine Attrappen. Jedes Formular hat echten PHP-Versand über SMTP, Spamschutz und eine eigene visuelle Bauoberfläche.
Frei definierbare Regeln
Felder je nach Antwort automatisch ein- oder ausblenden. Bedingungen lassen sich mit UND / ODER kombinieren und gelten je nach Feldtyp passend (Auswahl, Häkchen, Text, Zahl).
- Beispiel: „Haben Sie eine Webseite?“ – nur bei „Ja“ erscheint das Feld für die Adresse.
Formulare über mehrere Seiten
Mehrschrittige Formulare mit „Weiter“ und „Zurück“, ideal für Anfragen, Anmeldungen und Angebote. Die Beschriftungen der Knöpfe lassen sich ändern.
Viele Feldtypen
Anleitung inklusive
Das Programm bringt eine bebilderte Anleitung zu Regeln, Bedingungen und typischen Stolperfallen mit.
Bausteine, die etwas tun
Fertige Blöcke mit kleinem JavaScript, die Besucher einbinden. Alle Texte, Farben und Zahlen stellt der Anwender im Editor ein. Unten sind drei davon als Mini-Demo zum Ausprobieren.
Öffnungszeiten mit Live-Status
Zeigt automatisch „geöffnet“ oder „geschlossen“ und hebt den heutigen Tag hervor.Preisrechner
Besucher stellen ihr Paket zusammen und sehen sofort den Preis.Countdown
Zählt bis zu einem Wunschtermin herunter, etwa für Aktionen und Eröffnungen.Preise mit Monat/Jahr-Umschalter
Vorher/Nachher-Slider
Ziehen, um zu vergleichen. Im Baustein kommen die eigenen Bilder hinein.Mehr aus der Galerie
Interaktiv
Vorher/Nachher-Slider, zählende Zahlen, Öffnungszeiten mit Live-Status, Preisrechner, Countdown, Schreibmaschinen-Überschrift, Preise mit Monat/Jahr-Umschalter.
Effekte
3D-Neigung, Spotlight, Parallax-Hero, Scroll-Einblenden, Sticky-Storytelling, Karten-Slider, Video mit Datenschutz, Glow-Karten, Magnet-Buttons, Text-Marker, Neon.
Design
Flip-Karten, Bento-Grid, Aufklapp-Bildstreifen, Aurora-Hero, Laufband, Wellen-Trenner, Feature-Tabs, Stapelkarten.
Bewegte Szenen
Hero-Szenen rein aus CSS: Tag, Unterwasser, Weltraum, Berge, Stadt, Winter. Dazu Foto-Szene und Bild-Szene mit eigenen Fotos, Ebenen, Tiefe und Bewegung.
Business
Preistabelle, Vergleichstabelle, Referenzen, Team, Kundenstimmen, Kennzahlen, FAQ als Aufklappliste, Zeitleiste, Standorte, Stellenangebote.
Gastro & Shop-Optik
Speisekarte, Mittagstisch, Produkt-Karten, Zimmer-Karten, Gutschein, „Wo Sie uns finden“, Liefer-Leiste, Bewertungs-Übersicht.
Vom fertigen Theme bis zum selbstgebauten Block
Wer will, klickt sich eine Seite zusammen. Wer mehr will, baut eigene Bausteine oder geht in den Code.
Block-Baukasten
Eigene Blöcke aus Zeilen, Spalten und Elementen bauen, ganz ohne Code. Als Hintergrund dient ein Bild oder ein Video. Speichern, benennen, wiederverwenden, weitergeben.
Online-Galerie
106 Blöcke in zwölf Paketen, zehn Menü-Pakete, komplette Themes (etwa für Handwerk, Magazin, Start). Mit einem Klick ins Projekt oder in die Bibliothek.
Direkt auf der Seite arbeiten
Text anklicken und tippen, Bild anklicken und tauschen. Live-Vorschau für Desktop, Tablet und Handy, dazu Rückgängig/Wiederholen für das ganze Projekt.
Textwerkzeuge
Größe, Breite, Position, Schatten, Glow, Marker, Kontur, Farbverlauf, CSS-Animationen, Symbole im Text und ein Farbwerkzeug für Texte.
Menüs
Dropdowns, Untermenüs, die zur Seite aufklappen, Icons je Eintrag, Hamburger-Menü, das am Handy scrollt, und Menüs von der Seite einfahrend.
Popups
Jeder Block wird zum Popup: per Link, nach Zeit, nach Scroll-Tiefe oder beim Verlassen der Seite. Größe, Position und Animation einstellbar.
Code, wenn man ihn will
HTML und LESS/CSS an jedem Block, eigene HTML- und PHP-Blöcke, globales eigenes CSS, das immer gewinnt. Der Code-Editor prüft die Syntax und kennt Rückgängig/Wiederholen.
Themes übernehmen
Fremde Themes und Blockpakete lassen sich importieren, auch ältere mit Bootstrap 4.5. Eigenschaften wie Größen, Ein-/Ausblenden und Hintergründe bleiben bedienbar.
Medien, die sauber im Projekt landen
Bildbearbeitung eingebaut
Zuschneiden per Rahmen, Helligkeit, Kontrast, Sättigung, Drehen und Spiegeln, Verkleinern auf Höchstbreite, JPEG-Qualität und Speichern unter neuem Namen. Direkt im Programm, ohne Zweitprogramm.
Bilder per Maus skalieren
Griffe direkt am Bild auf der Arbeitsfläche. Dazu ein Bildverwalter: zeigt, wo jedes Bild benutzt wird, benennt Dateien sauber um und entfernt ungenutzte.
Google-Schriften lokal
Die gewählten Schriften werden heruntergeladen und lokal eingebunden. Der Besucher lädt nichts von Google-Servern. Das spart eine typische Datenschutz-Baustelle. Eigene Schriften (woff2, woff, ttf, otf) sind ebenfalls möglich.
Icons und Flaggen
2.078 Bootstrap Icons, eigene SVGs, Icon-Ordner und rund 270 Länderflaggen, durchsuchbar auf Deutsch und Englisch. Einfarbige Symbole folgen der Textfarbe.
Hintergrundvideo
Hero-Bausteine mit Hintergrundvideo und eigener Video-Block ohne externen Dienst.
PDF und Galerie
PDF-Betrachter, Bildergalerie mit Lightbox, WhatsApp-Knopf.
Vom Entwurf bis zum Kunden, der selbst ändert
CMS-Block ohne Datenbank
Der Kunde meldet sich auf der fertigen Seite an und ändert Texte, Knopfbeschriftungen, Bilder und Links direkt dort. Gespeichert wird in Dateien. Mit passwortgeschütztem Zugang, Begrenzung der Anmeldeversuche und geprüften Uploads.
CMS-Abgleich
Der Webdesigner holt die Kundenänderungen per FTP ins Projekt zurück und sieht eine Liste der Unterschiede zur Übernahme.
Veröffentlichen
FTP, FTPS und SFTP direkt aus dem Programm, auf Wunsch nur geänderte Dateien. Backups und Versionen der Projektdatei.
Mehrsprachig
Sprachumschalter mit DeepL, Microsoft oder Google. Schlüssel bleiben auf dem Server. Einzelne Texte lassen sich von der Übersetzung ausnehmen.
Blog, Suche, Newsletter
Blog mit Verwaltung, Volltextsuche über Seiten und PDFs, Newsletter mit Double-Opt-in und Versand über den eigenen Server.
Cookie-Einwilligung
Banner, der Fremdinhalte (YouTube, Karten, Statistik) bis zur Zustimmung sperrt. Zusätzlich cookielose Besucherstatistik.
Sicher aktualisiert
Selbst-Update mit kryptografisch geprüfter Signatur. Grundregel: Updates dürfen bestehende Projekte nie verändern.
Zugangsdaten geschützt
SMTP, FTP und KI-Schlüssel liegen im Windows-Benutzerprofil und nicht im Projekt. Ein Projekt lässt sich also bedenkenlos weitergeben.
Werkzeuge zum Nachrüsten
VN SEO
Prüft Titel und Beschreibungen mit Google-Vorschau, fehlende Alt-Texte, Canonical, Sitemap, robots.txt, Regeln für KI-Crawler, strukturierte Daten und Bildoptimierung.
VN Statistik
Besucherstatistik ohne Cookies auf dem eigenen Server.
VN Datenschutz
Prüft die Seite und erzeugt Entwürfe für Impressum und Datenschutzerklärung.
VN Farben
Farbübersicht, WCAG-Kontrastprüfung für Barrierefreiheit, Wechsel der Farbwelt.
VN Newsletter
Anmeldung mit Double-Opt-in, Verwaltung, Versand in Paketen.
VN Downloads
Download-Portal als Baustein.
VN Paket-Werkzeug
Prüft, bereinigt und übernimmt ganze Ordner alter Blockpakete auf einmal.
Eigene Erweiterungen
Erweiterungen sind ZIP-Dateien mit offener Schnittstelle. Wer programmieren kann, baut eigene Werkzeuge.
Begleitprogramme
VN KI Bild, VN KI Video, VN Sicherung (Datensicherung mit Versionen und Zeitplan) und VN FTP für Android.
Was den VN-Designer von Cloud-Baukästen unterscheidet
Allgemeine Gegenüberstellung der Arbeitsweisen. Einzelne Anbieter unterscheiden sich im Detail.
| Merkmal | VN-Designer | Typischer Cloud-Baukasten |
|---|---|---|
| Kosten | Einmalkauf, keine Monatsgebühr | Laufendes Abo je Website |
| Daten und Dateien | Alles lokal, normaler Ordner | Beim Anbieter gespeichert |
| Hosting | Jeder Webspace, frei wählbar | Meist an den Anbieter gebunden |
| KI | Fünf Dienste frei wählbar plus lokale KI | Meist ein fester Dienst |
| Formulare | Regeln, mehrere Seiten, eigener Mailversand | Einfache Formulare, Erweiterungen kostenpflichtig |
| Schriften | Google-Schriften lokal eingebunden | Oft Abruf von Fremdservern |
| Code-Zugriff | HTML, CSS/LESS, JS, PHP an jedem Block | Eingeschränkt |
| Kunde ändert selbst | CMS-Block, Abgleich ins Projekt | Je nach Tarif |
| Offline arbeiten | Ja | Nein |
| Plattform | Nur Windows 10/11 | Im Browser, jedes System |
Einmal zahlen statt Abo
Demo
0 €Kostenlos ausprobieren. Der Export trägt ein Wasserzeichen mit Link.
Schnupper-Lizenz
20 €Drei Monate voller Funktionsumfang.
Lifetime-Lizenz
98 €Einmalzahlung, unbegrenzte Nutzung der gesamten Version 1.x inklusive aller Updates. Eine spätere Version 2.0 kann ein kostenpflichtiges Upgrade sein.
Preise netto, Kleinunternehmer ohne Umsatzsteuerausweis. Aktuelle Konditionen: vn-designer.de.
Kontakt und Materialien
Für Redaktionen stellen wir alles bereit, was für einen Test, einen Artikel oder einen Heft-Download nötig ist.
Angebot an die Redaktion
- Testversion und Vollversions-Schlüssel für die Testredaktion
- Screenshots, Logo und Pressebilder in Druckqualität
- Handbuch als PDF (rund 41 Seiten, Deutsch und Englisch)
- Interview oder Workshop-Artikel, zum Beispiel „Firmenhomepage in 30 Minuten“
- Download-Version für Heft-DVD oder Cover-Download
Hersteller
Volker Niederastroth
Hofweg 10
72218 Wildberg, Deutschland
Herstellerseite: niederastroth.de
Web: vn-designer.de
E-Mail: volker@niederastroth.de