Horizontal und vertikal drehen
Die vier Seiten der Außenfläche lassen sich nach links und rechts drehen. Zusätzlich können Ober- und Unterseite durch vertikale Drehung aufgerufen werden.
NOLLPROCON 3D · FUNKTIONSÜBERSICHT
Eine Webseite. Viele Möglichkeiten.
Die 3D-Webseite verbindet eine frei drehbare Benutzeroberfläche mit ganz normalen, nutzbaren Webanwendungen. Hier sind die Funktionen dieser Installation im Detail beschrieben – von der Bedienung des Würfels bis zu Terminverwaltung, DemoShop und Administration.
06interaktive Flächen
4Drehrichtungen
100 %browserbasierte Bedienung
PHPmit MariaDB
01 / EXPERIENCE
3D-Würfel und Bedienkonzept
Die Oberfläche besteht aus sechs großen Seiten eines perspektivischen Würfels. Jede Seite füllt den verfügbaren Bildschirm und kann unabhängig von den anderen nach unten gescrollt werden.
Maus- und Touchsteuerung
Mit gedrückter Maustaste drehen, mobil etwa eine halbe Sekunde gedrückt halten und anschließend ziehen. Der schwebende Button „Drehen“ funktioniert ebenfalls mit Maus oder Finger.
Transparente Drehansicht
Beim Drehen werden die Würfelflächen zeitweise durchscheinend. Nach dem Einrasten wird die gewählte Seite wieder vollständig und gut lesbar dargestellt.
Scrollen ohne Seitenwechsel
Normales senkrechtes Wischen auf dem Smartphone scrollt den Inhalt. Zwei zusätzliche Pfeile ermöglichen die gezielte vertikale Drehung.
Direkte Navigation
Die obere Navigation öffnet die gewünschte Würfelfläche unmittelbar. Sprungmarken, Browser-Zurück und Browser-Vorwärts unterstützen den Seitenwechsel.
Zugängliche Bedienung
Links und Formulare bleiben klickbar; Tastaturbedienung und die Systemeinstellung für reduzierte Animationen werden berücksichtigt. Die Ansicht passt sich an Smartphone, Tablet und Desktop an.
02 / INHALTE
Sechs separat scrollbare Würfelflächen
Der Würfel bildet die komplette öffentliche Hauptseite ab. Weitere Spezialfunktionen öffnen sich bewusst als reguläre Unterseiten, damit lange Formulare und Verwaltungsansichten zuverlässig bedienbar bleiben.
01StartEinführung, NollProCon-Leistungsversprechen, Vorteile und direkter Einstieg in die Projekt- und Terminanfrage.
02LeistungenDarstellung der angebotenen Webseiten-, Webapp- und Digitalisierungsleistungen.
03Künstliche IntelligenzInformationen und Beispiele zu möglichen KI-Integrationen und ihren Einsatzgebieten.
04ReferenzenProjektübersicht mit Bildern, Beschreibungen und Links. Zusätzlich hinterlegte Referenzen werden aus der Datenbank geladen; die Reihenfolge ist administrierbar.
05AblaufSchritte der Zusammenarbeit, Antworten auf häufige Fragen und direkter Link zur Terminvereinbarung.
06KontaktUmfangreiches Formular zur konkreten Projektanfrage mit Angaben zu Umfang, gewünschten Funktionen und KI-Bedarf.
03 / TERMINPLANER
Online-Terminbuchung mit Freigabe
Die integrierte Terminverwaltung verbindet einen öffentlich einsehbaren Kalender mit einem detaillierten internen Planer.
Öffentlicher Kalender
Tages-, Wochen- und Monatsansicht mit belegten Zeiträumen. Persönliche Angaben zu bereits eingetragenen Terminen werden öffentlich nicht angezeigt.
Terminanfrage statt Sofortzusage
Besucher wählen Terminart, Datum und verfügbaren Zeitraum und hinterlassen Kontaktdaten. Neue Anfragen werden intern angezeigt und müssen freigegeben werden.
Interne Terminverwaltung
Termine bestätigen, bearbeiten, absagen oder eigene Blockzeiten eintragen. Verfügbarkeiten und Ausnahmen werden nach den konfigurierten Buchungsregeln berücksichtigt.
Apple-Kalender-Anbindung
Ein privates Kalender-Abo und die optionale iCloud-CalDAV-Anbindung sind vorhanden. Der automatische Abgleich benötigt die Einrichtung der entsprechenden Verbindung und Cronjobs.
04 / SHOP-DEMONSTRATION
Interaktiver DemoShop
Der DemoShop führt typische Abläufe eines Online-Shops vor, ohne echte Bestellungen oder Zahlungen auszulösen.
Produkte & Kategorien
Produkte mit Bildern, Beschreibungen, technischen Angaben und Preisen. Katalog, Filter und Produktdetailansichten vermitteln das Einkaufsgefühl.
Produktpräsentation
Bildergalerien mit vergrößerter Ansicht und, soweit eingerichtet, zusätzlichen Bildern oder einer 360°-Darstellung.
Warenkorb & Checkout-Demo
Artikel auswählen, Warenkorb bearbeiten und einen beispielhaften Bestellablauf durchlaufen – ohne echte Zahlung, rechtsverbindliche Bestellung oder Zahlungsübertragung.
Shopverwaltung
Produkte, Medien, Inhalte, Einstellungen und begleitende Rechtstexte lassen sich über den geschützten Adminbereich verwalten.
05 / KOMMUNIKATION
Kontakt und qualifizierte Projektanfragen
Statt eines einfachen Nachrichtenfelds gibt es ein strukturiertes Anfrageformular, mit dem Kunden die Anforderungen an ihre Webseite oder Webanwendung eingrenzen können.
Erfasste Angaben
- Kontaktangaben, Unternehmen und Projekttyp
- Geplanter Umfang, bestehende Webseite und Zielgruppe
- Gewünschte Funktionen und mögliche KI-Anwendungen
- Designwünsche, Zeitrahmen, Budget und ergänzende Nachricht
- Bestätigung der Kenntnisnahme der Datenschutzhinweise
- Speicherung der Anfrage zur Bearbeitung im Adminbereich; E-Mail-Benachrichtigung bei eingerichtetem SMTP
06 / ADMINISTRATION
Umfangreicher, geschützter Adminbereich
Die Website kann ohne Programmierkenntnisse in vielen Bereichen gepflegt werden. Verwaltungsfunktionen sind nach Anmeldung ausschließlich dem Administrator zugänglich.
Dashboard
Statusinformationen, neue Projektanfragen, offene Terminanfragen sowie technische Hinweise auf einen Blick.
Texte & Referenzen
Bearbeitung der vorhandenen Website-Texte. Referenzen ergänzen, Bilder und Links verwalten, Reihenfolge per Maus, Touch oder Pfeiltasten festlegen.
Anfragen & Termine
Eingegangene Nachrichten einsehen und verwalten; Buchungsanfragen freigeben, ändern oder absagen und eigene Termine eintragen.
Statistik
Seitenaufrufe nach Seite sowie täglich, wöchentlich und monatlich auswerten. Die Statistik verwendet keinen externen Analysedienst; alte Einträge werden nach einem Jahr entfernt.
Backups
Datenbank- und Dateisicherung manuell oder zeitgesteuert. Automatische Sicherungen benötigen einen entsprechend eingerichteten Cronjob.
Systemkonfiguration
SMTP und Testmail, Administratorkonto und Passwort, Anbieterangaben, Impressum/Datenschutz, Firewall und eigenes zusätzliches CSS.
Der Adminbereich ist nicht öffentlich zugänglich. Die Verwaltung hängt vom Status und der Konfiguration der jeweiligen Installation ab.
07 / TECHNIK
Technik, Installation und Datenschutz
Die Lösung ist für klassischen PHP-Webspace mit MariaDB bzw. MySQL konzipiert. Der 3D-Effekt wird mit Browsertechnik umgesetzt und benötigt keine externe 3D-Bibliothek.
Installationswizard
Erstinstallation mit Datenbankzugang, Administratorkonto und Kontaktdaten. Das System legt die erforderlichen Tabellen und die Konfigurationsdatei an.
PHP, MariaDB & Browsertechnik
Serverseitige Datenhaltung mit PHP und SQL; dreidimensionale Ansicht mit CSS-3D-Transformationen und JavaScript. Keine externe 3D-Engine erforderlich.
Cookie-Einstellungen
Dialog für notwendige und optionale Cookie-Kategorien mit Einwilligungsverwaltung. Datenschutzhinweise und Impressum sind separat erreichbar.
Zugriffsschutz & Firewall
Geschützter Adminzugang, serverseitige Validierungen, Formularschutz und konfigurierbare Firewall-Funktionen. Auch hier bleibt eine fachgerechte Konfiguration wichtig.
08 / TRANSPARENZ
Was die Demo zeigt – und was nicht
- Sechs 3D-Flächen: „Funktionsumfang“ ist eine zusätzliche, reguläre Unterseite und keine siebte Würfelfläche.
- DemoShop: Keine echten Zahlungen, Verkäufe oder verbindlichen Bestellungen.
- KI-Bereich: Veranschaulicht mögliche KI-Lösungen; er enthält keinen automatisch bereitgestellten Live-KI-Assistenten.
- Apple-Kalender, E-Mail und Backups: Die jeweiligen Integrationen müssen im Adminbereich eingerichtet werden.
- Datenschutz & Sicherheit: Die tatsächliche Rechtskonformität hängt von den hinterlegten Angaben, Einstellungen und dem Betrieb der Website ab.
LIVE ERLEBEN
Zur 3D-Webseite ↗Jetzt den 3D-Würfel ausprobieren.
Alle sechs Seiten lassen sich direkt über die Hauptnavigation ansteuern oder durch Drehen erkunden.