Projektdokumentation – MayIT Portfolio & Bewerbungs-Website

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.
Autor: MayIT WordPress CMS Netcup vServer DSGVO-konforme Webplattform Operations Dokumentation

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
LayerKomponenteFunktion
InfrastructureNetcup vServerDedizierte Hosting-Basis für die Webplattform
Operating SystemLinux Server / eigenverwaltete UmgebungGrundsystem für Web- und CMS-Betrieb
Domain & TLSwww.mayit.eu + Let’s EncryptNamensauflösung und verschlüsselte Auslieferung
Web Stacknginx bzw. Apache, PHP, MariaDBWebserver, Runtime und Datenbankbasis
ApplicationWordPressContent-Management-System für Inhalte und Seitenpflege
ComplianceImpressum, Datenschutz, KontaktformularDSGVO-konforme Pflicht- und Interaktionsseiten
OperationsUpdates, Backups, PerformancepflegeLaufender 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
BausteinBedeutungAufgabe
WordPress CoreCMS-GrundsystemVerwaltung von Seiten, Medien und Inhaltsstrukturen
ThemeVisuelle DarstellungProfessionelles Layout und Wiedererkennungswert der Marke MayIT
PluginsFunktionsmoduleKontaktformular, Datenschutz, Caching, SEO und technische Erweiterungen
SeiteneditorContent-PflegeErstellung und Aktualisierung von Skills, Projekten und Referenzen
MedienverwaltungDatei- und BildablageIntegration von Zertifikaten, Grafiken, Projektbildern und Nachweisen
BenutzerverwaltungZugriffssteuerungAbsicherung des administrativen Bereichs und Rollenmanagement
DatenbankPersistenzschichtSpeicherung von Seiteninhalten, Optionen, Benutzern und Plugin-Daten
Webserver-KonfigurationAuslieferungsebeneHTTPS, Redirects, Caching und Performance-orientierte Bereitstellung

Seitenstruktur & Inhaltsbausteine

Fachliche Kernbereiche
BereichInhalt
StartseiteEinführung, Kurzprofil und zielgerichteter Ersteindruck
Über michPersönliche Einordnung, Motivation und berufliche Ausrichtung
IT-SkillsTechnologien, Plattformen, Tools und operative Kompetenzen
ProjekteDokumentierte Umsetzungen, technische Lösungen und Praxisbeispiele
ZertifikateWeiterbildungen, Qualifikationsnachweise und erworbene Kenntnisse
Beruflicher WerdegangBerufserfahrung, Rollenprofile und relevante Stationen
KontaktKontaktformular und Kommunikationsmöglichkeit
Pflicht- und Vertrauenselemente
ElementInhalt
ImpressumRechtlich erforderliche Anbieterkennzeichnung
Privacy PolicyTransparenz zu Datenverarbeitung und Kontaktaufnahme
SSL-VerschlüsselungSchutz der Datenübertragung zwischen Nutzer und Website
Responsives DesignOptimale Nutzbarkeit auf Desktop, Tablet und Smartphone
Klare NavigationStrukturierte Führung durch fachliche und persönliche Inhalte
Professionelle SpracheSeriöse, klare und zielgruppenorientierte Darstellung
WiedererkennbarkeitKonsistente Darstellung der Marke MayIT
Technische Inhaltsklassen
KlasseBeschreibung
Statische SeitenGrundlegende Profil- und Pflichtinhalte mit geringer Änderungsfrequenz
ProjektbeiträgeDynamisch erweiterbare Portfoliobeiträge mit technischem Fokus
MedienobjekteBilder, Logos, Zertifikate und Dokumentationsgrafiken
FormulareKontaktaufnahme mit datenschutzkonformer Einwilligungslogik
SEO-relevante InhalteStrukturierte Texte, Überschriften und Suchmaschinenlesbarkeit
Gestaltungsprinzipien
PrinzipNutzen
ReduktionFokus auf wesentliche Aussagen ohne visuelle Überladung
LesbarkeitSchnelle Erfassbarkeit von Kompetenzen und Projekten
StrukturNachvollziehbare Aufteilung in fachliche Themenblöcke
ProfessionalitätSeriöser Gesamteindruck im Bewerbungskontext
WartbarkeitEinfache 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.

EinflussBewertung
Responsives LayoutVerbessert Nutzbarkeit und professionellen Gesamteindruck
Klare SeitenstrukturErhöht Orientierung und Informationszugriff
LadezeitoptimierungVerbessert Benutzererlebnis und Suchmaschinenwirkung
Regelmäßige UpdatesReduziert Sicherheits- und Kompatibilitätsrisiken
Datenschutzseiten vorhandenErfüllt rechtliche Mindestanforderungen
Kontaktformular sauber integriertVerbessert Interaktion bei kontrollierter Datenverarbeitung
Projekt- und Skill-DokumentationSteigert 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.

EinflussBewertung
BildoptimierungReduziert Ladezeiten und Bandbreitenverbrauch
CachingEntlastet Webserver und beschleunigt Seitenauslieferung
Minimierte CSS/JS-LastVerbessert technische Performance
SEO-fähige StrukturErhöht Auffindbarkeit und Relevanz
InhaltsaktualitätHält die Website glaubwürdig und lebendig
Plugin-DisziplinVerringert technische Komplexität und Angriffsfläche
Saubere Rechte- und AdministrationsstrukturVerbessert Betriebssicherheit
DSGVO-Konformität
Kernanforderungen:
  • Impressum vorhanden
  • Datenschutzerklärung vorhanden
  • Kontaktformular mit transparenter Einwilligungslogik
Content-Qualität
Fokus auf:
  • Klare Texte
  • Fachlich nachvollziehbare Projektbeschreibungen
  • Strukturierte Darstellung beruflicher Kompetenzen
Technische Qualität
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ßnahmeTriggerPriorität
WordPress Core UpdateNeue stabile Sicherheits- oder FunktionsversionHoch
Plugin UpdateVerfügbare Sicherheits- oder KompatibilitätsupdatesHoch
Theme-PrüfungDesign- oder Kompatibilitätsänderungen nach UpdatesMittel
Broken Link / FormularprüfungÄnderungen an Seiten oder RoutingMittel
PerformanceoptimierungErhöhte Ladezeiten oder größere MedienmengenMittel
Datenschutz-ReviewInhaltliche oder funktionale ErweiterungenHoch
SicherungsprüfungVor größeren Änderungen und nach kritischen UpdatesHoch
WiederherstellungAusfall, Fehlupdate oder beschädigte WebsiteKritisch
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

ElementPfad / Zweck
Öffentliche Websitehttps://www.mayit.eu
WordPress Adminhttps://www.mayit.eu/wp-admin
Webservernginx / Apache
RuntimePHP
DatenbankMariaDB
CMSWordPress
TLSLet’s Encrypt