MayIT Portfolio- und Bewerbungs-Website – Projektdokumentation
Diese Projektdokumentation beschreibt die vollständige Konzeption, technische Umsetzung und den laufenden
Betrieb der Website www.mayit.eu. Dokumentiert werden Architektur, Hosting, WordPress-Betrieb,
DSGVO-konforme Seitenstrukturen, Security-Maßnahmen, Performanceoptimierung, Wartung sowie Backup- und
Wiederherstellungsaspekte einer eigenbetriebenen professionellen Webpräsenz.
Scope & Zielbild
Zielbild: Aufbau einer professionellen, eigenbetriebenen Bewerbungs- und Portfolio-Website,
die fachliche Qualifikationen, IT-Projekte, Zertifikate und den beruflichen Werdegang strukturiert,
vertrauenswürdig und nachhaltig wartbar präsentiert.
- Online-Präsenz: Zentrale digitale Visitenkarte für Bewerbungen und Referenzen.
- Portfolio: Darstellung technischer Projekte, Betriebsdokumentationen und Umsetzungen.
- Branding: Stärkung der eigenen Marke MayIT durch konsistente Außendarstellung.
- Eigenbetrieb: Volle Kontrolle über Hosting, Datenhaltung, Sicherheitsniveau und Erweiterbarkeit.
Projektziel: Die Website soll nicht nur Inhalte anzeigen, sondern als belastbare,
professionelle und technisch saubere Webplattform den gesamten Bewerbungs- und Portfolioauftritt
dauerhaft unterstützen.
Leitprinzip: Klare Informationsarchitektur, datenschutzkonforme Umsetzung, sichere Bereitstellung,
kontinuierliche Pflege und Performanceoptimierung ohne Abhängigkeit von externen Website-Baukästen.
System- und Web-Architektur
Architekturprinzip: Infrastruktur + CMS + Security + Betrieb
| Layer | Komponente | Funktion |
|---|---|---|
| Infrastructure | Netcup vServer | Dedizierte Hosting-Basis für die Webplattform |
| Operating System | Linux Server / eigenverwaltete Umgebung | Grundsystem für Web- und CMS-Betrieb |
| Domain & TLS | www.mayit.eu + Let’s Encrypt | Namensauflösung und verschlüsselte Auslieferung |
| Web Stack | nginx bzw. Apache, PHP, MariaDB | Webserver, Runtime und Datenbankbasis |
| Application | WordPress | Content-Management-System für Inhalte und Seitenpflege |
| Compliance | Impressum, Datenschutz, Kontaktformular | DSGVO-konforme Pflicht- und Interaktionsseiten |
| Operations | Updates, Backups, Performancepflege | Laufender sicherer und stabiler Plattformbetrieb |
Kernidee: Die Website basiert auf einer vollständig selbst kontrollierten Infrastruktur.
WordPress dient als flexibles CMS zur strukturierten Pflege von Inhalten, während der darunterliegende
Webstack Sicherheit, Performance und nachhaltige Wartbarkeit sicherstellt.
Internet / Besucher
│
├── Domain: www.mayit.eu
│
├── TLS / Let's Encrypt
│
├── Webserver (nginx / Apache)
│ │
│ ├── PHP Runtime
│ ├── WordPress CMS
│ └── MariaDB Datenbank
│
└── Inhalte: Skills, Projekte, Zertifikate, Werdegang, Kontakt
Website, Domain & Zugriffe
Öffentliche Website
https://www.mayit.eu
Zweck: Öffentliche Präsentation der beruflichen Qualifikationen, IT-Skills, Projekte, Zertifikate
und der persönlichen beruflichen Entwicklung in einer konsistenten Webpräsenz.
Administrativer Zugriff
https://www.mayit.eu/wp-admin
Zweck: Geschützter Administrationsbereich zur Inhaltsverwaltung, Plugin-Pflege, Theme-Konfiguration
sowie zur laufenden Wartung und technischen Weiterentwicklung der Website.
Zugriffsschutz: Der Administrationsbereich muss durch starke Zugangsdaten, aktuelle Updates,
reduzierte Plugin-Angriffsfläche und eine saubere TLS-Konfiguration geschützt werden. Öffentliche
Kontakt- und Pflichtseiten bleiben erreichbar, administrative Bereiche hingegen nur für berechtigte Nutzer.
WordPress Backend / CMS
Backend-Komponente
- Plattform: WordPress
- Betriebsmodell: CMS auf eigenem Netcup vServer
- Runtime: PHP
- Datenhaltung: MariaDB
Technische Kernbefehle
sudo systemctl status nginx sudo systemctl status mariadb sudo systemctl status php-fpm curl -I https://www.mayit.eu
| Baustein | Bedeutung | Aufgabe |
|---|---|---|
| WordPress Core | CMS-Grundsystem | Verwaltung von Seiten, Medien und Inhaltsstrukturen |
| Theme | Visuelle Darstellung | Professionelles Layout und Wiedererkennungswert der Marke MayIT |
| Plugins | Funktionsmodule | Kontaktformular, Datenschutz, Caching, SEO und technische Erweiterungen |
| Seiteneditor | Content-Pflege | Erstellung und Aktualisierung von Skills, Projekten und Referenzen |
| Medienverwaltung | Datei- und Bildablage | Integration von Zertifikaten, Grafiken, Projektbildern und Nachweisen |
| Benutzerverwaltung | Zugriffssteuerung | Absicherung des administrativen Bereichs und Rollenmanagement |
| Datenbank | Persistenzschicht | Speicherung von Seiteninhalten, Optionen, Benutzern und Plugin-Daten |
| Webserver-Konfiguration | Auslieferungsebene | HTTPS, Redirects, Caching und Performance-orientierte Bereitstellung |
Seitenstruktur & Inhaltsbausteine
Fachliche Kernbereiche
| Bereich | Inhalt |
|---|---|
| Startseite | Einführung, Kurzprofil und zielgerichteter Ersteindruck |
| Über mich | Persönliche Einordnung, Motivation und berufliche Ausrichtung |
| IT-Skills | Technologien, Plattformen, Tools und operative Kompetenzen |
| Projekte | Dokumentierte Umsetzungen, technische Lösungen und Praxisbeispiele |
| Zertifikate | Weiterbildungen, Qualifikationsnachweise und erworbene Kenntnisse |
| Beruflicher Werdegang | Berufserfahrung, Rollenprofile und relevante Stationen |
| Kontakt | Kontaktformular und Kommunikationsmöglichkeit |
Pflicht- und Vertrauenselemente
| Element | Inhalt |
|---|---|
| Impressum | Rechtlich erforderliche Anbieterkennzeichnung |
| Privacy Policy | Transparenz zu Datenverarbeitung und Kontaktaufnahme |
| SSL-Verschlüsselung | Schutz der Datenübertragung zwischen Nutzer und Website |
| Responsives Design | Optimale Nutzbarkeit auf Desktop, Tablet und Smartphone |
| Klare Navigation | Strukturierte Führung durch fachliche und persönliche Inhalte |
| Professionelle Sprache | Seriöse, klare und zielgruppenorientierte Darstellung |
| Wiedererkennbarkeit | Konsistente Darstellung der Marke MayIT |
Technische Inhaltsklassen
| Klasse | Beschreibung |
|---|---|
| Statische Seiten | Grundlegende Profil- und Pflichtinhalte mit geringer Änderungsfrequenz |
| Projektbeiträge | Dynamisch erweiterbare Portfoliobeiträge mit technischem Fokus |
| Medienobjekte | Bilder, Logos, Zertifikate und Dokumentationsgrafiken |
| Formulare | Kontaktaufnahme mit datenschutzkonformer Einwilligungslogik |
| SEO-relevante Inhalte | Strukturierte Texte, Überschriften und Suchmaschinenlesbarkeit |
Gestaltungsprinzipien
| Prinzip | Nutzen |
|---|---|
| Reduktion | Fokus auf wesentliche Aussagen ohne visuelle Überladung |
| Lesbarkeit | Schnelle Erfassbarkeit von Kompetenzen und Projekten |
| Struktur | Nachvollziehbare Aufteilung in fachliche Themenblöcke |
| Professionalität | Seriöser Gesamteindruck im Bewerbungskontext |
| Wartbarkeit | Einfache spätere Ergänzung neuer Inhalte und Referenzen |
Qualität, DSGVO & Optimierungslogik
Qualitätsdimension Webplattform
Die Website wird nicht nur nach optischen Kriterien bewertet, sondern nach technischer Stabilität, Lesbarkeit, Datenschutzkonformität und nachhaltiger Pflegefähigkeit.
| Einfluss | Bewertung |
|---|---|
| Responsives Layout | Verbessert Nutzbarkeit und professionellen Gesamteindruck |
| Klare Seitenstruktur | Erhöht Orientierung und Informationszugriff |
| Ladezeitoptimierung | Verbessert Benutzererlebnis und Suchmaschinenwirkung |
| Regelmäßige Updates | Reduziert Sicherheits- und Kompatibilitätsrisiken |
| Datenschutzseiten vorhanden | Erfüllt rechtliche Mindestanforderungen |
| Kontaktformular sauber integriert | Verbessert Interaktion bei kontrollierter Datenverarbeitung |
| Projekt- und Skill-Dokumentation | Steigert fachliche Aussagekraft der Website |
Optimierungslogik
Die Plattform wird fortlaufend anhand technischer und inhaltlicher Kriterien verfeinert, um Sicherheit, Performance und Überzeugungskraft im Bewerbungsumfeld dauerhaft hoch zu halten.
| Einfluss | Bewertung |
|---|---|
| Bildoptimierung | Reduziert Ladezeiten und Bandbreitenverbrauch |
| Caching | Entlastet Webserver und beschleunigt Seitenauslieferung |
| Minimierte CSS/JS-Last | Verbessert technische Performance |
| SEO-fähige Struktur | Erhöht Auffindbarkeit und Relevanz |
| Inhaltsaktualität | Hält die Website glaubwürdig und lebendig |
| Plugin-Disziplin | Verringert technische Komplexität und Angriffsfläche |
| Saubere Rechte- und Administrationsstruktur | Verbessert Betriebssicherheit |
DSGVO-Konformität
Kernanforderungen:
Kernanforderungen:
- Impressum vorhanden
- Datenschutzerklärung vorhanden
- Kontaktformular mit transparenter Einwilligungslogik
Content-Qualität
Fokus auf:
Fokus auf:
- Klare Texte
- Fachlich nachvollziehbare Projektbeschreibungen
- Strukturierte Darstellung beruflicher Kompetenzen
Technische Qualität
Bewertungsgrundlagen:
Bewertungsgrundlagen:
- HTTPS aktiv
- Core/Plugins aktuell
- Stabile Erreichbarkeit der Website
Gesamtqualität der Plattform: Die fachliche Wirkung der Website entsteht aus dem Zusammenspiel
von professionellem Design, inhaltlicher Substanz, datenschutzkonformer Umsetzung und verlässlichem
technischen Betrieb auf eigener Infrastruktur.
Security & Datenschutzmaßnahmen
Technische Security
- HTTPS-Absicherung per Let’s Encrypt
- Serverbetrieb auf eigener kontrollierter Infrastruktur
- Reduktion unnötiger Plugins und Funktionskomplexität
- Regelmäßige Pflege von WordPress Core, Themes und Plugins
- Schutz des Admin-Bereichs durch starke Authentisierung
Datenschutz
- DSGVO-konforme Pflichtseiten inklusive Impressum und Datenschutz
- Kontaktformular nur mit nachvollziehbarer Einwilligungslogik
- Bewusster Umgang mit externen Einbindungen und Drittinhalten
- Datensparsame Gestaltung der Website ohne unnötige Erfassung
- Transparente Darstellung der Kontakt- und Verarbeitungszwecke
Betriebliche Absicherung
- Kontrollierte Update-Prozesse
- Regelmäßige Backups von Datenbank und Webdateien
- Monitoring der Erreichbarkeit und Funktionsfähigkeit
- Überprüfung auf Theme- und Plugin-Kompatibilität nach Änderungen
Risikoreduktion
- Minimierung der Angriffsfläche durch schlanke Architektur
- Saubere Rechtevergabe im Administrationsbereich
- Verzicht auf unnötige externe Abhängigkeiten
- Stabilitäts- und Sicherheitsfokus vor kosmetischen Erweiterungen
Wartung, Updates & Eskalation
Wartungslogik
| Maßnahme | Trigger | Priorität |
|---|---|---|
| WordPress Core Update | Neue stabile Sicherheits- oder Funktionsversion | Hoch |
| Plugin Update | Verfügbare Sicherheits- oder Kompatibilitätsupdates | Hoch |
| Theme-Prüfung | Design- oder Kompatibilitätsänderungen nach Updates | Mittel |
| Broken Link / Formularprüfung | Änderungen an Seiten oder Routing | Mittel |
| Performanceoptimierung | Erhöhte Ladezeiten oder größere Medienmengen | Mittel |
| Datenschutz-Review | Inhaltliche oder funktionale Erweiterungen | Hoch |
| Sicherungsprüfung | Vor größeren Änderungen und nach kritischen Updates | Hoch |
| Wiederherstellung | Ausfall, Fehlupdate oder beschädigte Website | Kritisch |
Eskalationslogik
- Kritische Fehler priorisieren immer vor visuellen Optimierungen.
- Vor Änderungen an Theme, Plugins oder Core ist ein Backup Pflicht.
- Fehlfunktionen im Kontaktformular oder HTTPS werden sofort behandelt.
- Nach Updates erfolgen Funktions-, Darstellungs- und Erreichbarkeitstests.
Beispiel: HIGH: WordPress security update available HIGH: Contact form validation required after plugin update CRITICAL: Website unreachable or HTTPS invalid
Betrieb & Aufgabenmodell
Daily
- Öffentliche Website auf Erreichbarkeit prüfen
- Kontaktformular stichprobenartig validieren
- Darstellung auf zentrale Inhalte und Navigation prüfen
- Sichtprüfung auf offensichtliche Fehler oder Darstellungsbrüche
Weekly
- Verfügbare Core-, Theme- und Plugin-Updates bewerten
- Backups von Datenbank und Dateien prüfen
- Projekt- und Skill-Inhalte auf Aktualität überprüfen
- Performance und Ladezeitentwicklung im Blick behalten
Monthly
- Datenschutz- und Pflichtseiten gegen Änderungen prüfen
- Wiederherstellungskonzept und Sicherungsstand validieren
- Gestaltungs- und Inhaltsqualität kritisch reviewen
- Technische Architektur und Plugin-Landschaft konsolidieren
Troubleshooting
Webstack prüfen
sudo systemctl status nginx sudo systemctl status mariadb sudo systemctl status php-fpm curl -I https://www.mayit.eu
WordPress prüfen
wp core version wp plugin list wp theme list wp option get siteurl
TLS & Erreichbarkeit prüfen
curl -I https://www.mayit.eu openssl s_client -connect www.mayit.eu:443 -servername www.mayit.eu
Formular- und Inhaltsprüfung
Seiten aufrufen: Startseite, Projekte, Kontakt Formular validieren Impressum und Datenschutz auf Vollständigkeit prüfen
Typische Fehlerbilder
- Website nicht erreichbar: Webserver, DNS, Zertifikat oder Routing prüfen.
- Admin-Login fehlerhaft: Plugin-Konflikte, Rechteprobleme oder PHP-Fehler untersuchen.
- Langsame Website: Große Medien, fehlendes Caching oder Plugin-Overhead prüfen.
- Formular ohne Funktion: Validierung, Plugin-Konfiguration und Mailzustellung kontrollieren.
- Layoutfehler nach Update: Theme- und Plugin-Kompatibilität gegeneinander validieren.
Backup & Recovery
Kritische Sicherungsobjekte
- WordPress Dateien
- Uploads / Medien
- Theme- und Plugin-Konfigurationen
- MariaDB Datenbank
mysqldump -u root -p DB_NAME > mayit_wp_backup.sql tar -czf mayit_wp_files_$(date +%Y%m%d_%H%M).tar.gz /var/www/html
Recovery
tar -xzf mayit_wp_files_YYYYMMDD_HHMM.tar.gz -C / mysql -u root -p DB_NAME < mayit_wp_backup.sql sudo systemctl restart nginx sudo systemctl restart php-fpm
Prinzip: Vor größeren Änderungen immer Vollsicherung von Dateien und Datenbank erstellen und nach
kritischen Eingriffen Funktions- und Erreichbarkeitstests durchführen.
Anhang
| Element | Pfad / Zweck |
|---|---|
| Öffentliche Website | https://www.mayit.eu |
| WordPress Admin | https://www.mayit.eu/wp-admin |
| Webserver | nginx / Apache |
| Runtime | PHP |
| Datenbank | MariaDB |
| CMS | WordPress |
| TLS | Let’s Encrypt |
Autor: MayIT – Projektdokumentation MayIT Portfolio- und Bewerbungs-Website
