Projekt 08
Füzyon Akademi
Die Unternehmenswebsite einer Werkstatt in Gaziantep, die Robotik, Softwareentwicklung, KI und Drohnentechnologie unterrichtet. Aus einer statischen Website wurde eine dynamische Plattform mit einem Admin-Panel, das die Einrichtung selbst verwaltet — anschließend live gestellt.
- Kategorie
- Web
- Rolle
- Design, Entwicklung und Deployment
verwendete technologien
- PHP
- MySQL
- JavaScript
- HTML5
- CSS3
- cPanel
problem
Problem
Die gesamte digitale Präsenz der Einrichtung bestand aus Social-Media-Konten. Sie war in Suchmaschinen nicht auffindbar und hatte keinen Kanal, um ihre Programme und Erfolge darzustellen. Hinzu kam, dass ein Team ohne technischen Hintergrund für jede Inhaltsänderung nicht länger von einem Entwickler abhängig sein sollte.
lösung
Lösung
Zunächst habe ich eine leichte, schnelle Unternehmenswebsite ohne Framework entworfen und die aus dem Logo abgeleitete Farbpalette über CSS-Variablen zentral steuerbar gemacht. Danach habe ich die Website in eine dynamische PHP- und MySQL-Struktur überführt und ein Admin-Panel mit vier Bereichen ergänzt: Galerie, Links, Inhaltsblöcke und Bildungsprogramme. Zuletzt habe ich die Seite auf das cPanel-Hosting der Einrichtung migriert und dabei DNS-, SSL- und Zeichenkodierungsprobleme gelöst.
ergebnis
Ergebnis
Die Einrichtung aktualisiert Galerie, Programme und sämtliche Texte nun selbst, ohne einen Entwickler zu benötigen. Die Website ist mit gültigem SSL-Zertifikat online und an Google Search Console sowie das Unternehmensprofil angebunden.
wichtigste funktionen
- 01Eine dreidimensionale Hero-Szene, gebaut mit reinem CSS perspective und preserve-3d, ohne Three.js.
- 02PHP- und MySQL-Admin-Panel mit CRUD für Galerie, externe Links, Inhaltsblöcke und Bildungsprogramme.
- 03Vollständiges SEO-Setup mit JSON-LD, Sitemap und Search-Console-Integration.
- 04Verschlüsselter Login mit password_hash und Schutz vor Session Fixation über session_regenerate_id.
- 05Eine eigene Lightbox-Galerie, die nach Kategorien öffnet und per Pfeiltasten navigierbar ist.
warum diese entscheidungen
Warum kein Framework?
Im Kern war dies eine statische Präsentationsseite. React oder Vue hätten Ladezeit und Komplexität erhöht, ohne echten Nutzen zu bringen. Reines HTML, CSS und JavaScript lieferten das schnellste Ergebnis.
Warum PHP und MySQL?
Das bestehende cPanel-Hosting der Einrichtung unterstützte PHP und MySQL ohne Zusatzkosten. Eine Node-basierte Lösung hätte einen neuen Server und laufende monatliche Kosten bedeutet.
Warum kein Three.js für die 3D-Szene?
Three.js hätte der Seite Hunderte Kilobyte hinzugefügt. Denselben visuellen Effekt habe ich mit den nativen Eigenschaften perspective und preserve-3d erreicht — ganz ohne zusätzliche Pakete.
Warum ein regelbasierter Assistent?
Eine echte KI-API hätte monatliche Gebühren verursacht und den Schlüssel clientseitig offengelegt, was eine Sicherheitslücke bedeutet hätte. Ein schlagwortbasierter FAQ-Assistent erfüllte den Bedarf kostenlos und sicher.