project 08
Füzyon Akademi
De zakelijke website van een werkplaats in Gaziantep die robotica, softwareontwikkeling, AI en dronetechnologie onderwijst. Begonnen als statische site en omgevormd tot een dynamisch platform met een adminpaneel dat de organisatie zelf beheert, waarna het live is gezet.
- Categorie
- Web
- Rol
- Ontwerp, ontwikkeling en deployment
gebruikte technologieën
- PHP
- MySQL
- JavaScript
- HTML5
- CSS3
- cPanel
probleem
Probleem
De volledige digitale aanwezigheid van de organisatie bestond uit socialemedia-accounts. Ze was niet vindbaar in zoekmachines en had geen kanaal om haar programma's en resultaten te presenteren. Daarnaast moest een team zonder technische achtergrond niet langer afhankelijk zijn van een ontwikkelaar voor elke tekstwijziging.
oplossing
Oplossing
Ik heb eerst een lichte, snelle zakelijke website ontworpen zonder framework, waarbij ik het kleurenpalet uit het logo afleidde en via CSS-variabelen vanuit één punt beheerbaar maakte. Daarna heb ik de site omgezet naar een dynamische PHP- en MySQL-structuur met een adminpaneel met vier tabbladen: galerij, links, contentblokken en opleidingsprogramma's. Tot slot heb ik de site gemigreerd naar de cPanel-hosting van de organisatie en daarbij DNS-, SSL- en tekencoderingsproblemen opgelost.
resultaat
Resultaat
De organisatie werkt de galerij, de programma's en alle teksten nu zelf bij, zonder ontwikkelaar. De site staat live met een geldig SSL-certificaat en is gekoppeld aan Google Search Console en het bedrijfsprofiel.
belangrijkste functies
- 01Een driedimensionale hero-scène gebouwd met pure CSS perspective en preserve-3d, zonder Three.js.
- 02PHP- en MySQL-adminpaneel met CRUD voor galerij, externe links, contentblokken en opleidingsprogramma's.
- 03Volledige SEO-inrichting met JSON-LD, sitemap en Search Console-integratie.
- 04Versleutelde login met password_hash en bescherming tegen session fixation via session_regenerate_id.
- 05Een eigen lightbox-galerij die per categorie opent en met pijltoetsen doorlopen kan worden.
waarom deze keuzes
Waarom geen framework?
In de kern was dit een statische presentatiesite. React of Vue toevoegen zou de laadtijd en complexiteit hebben verhoogd zonder echt voordeel. Puur HTML, CSS en JavaScript gaven het snelste resultaat.
Waarom PHP en MySQL?
De bestaande cPanel-hosting van de organisatie ondersteunde PHP en MySQL zonder extra kosten. Een Node-gebaseerde oplossing had een nieuwe server en maandelijkse kosten betekend.
Waarom geen Three.js voor de 3D-scène?
Three.js zou honderden kilobytes aan de pagina hebben toegevoegd. Hetzelfde visuele effect heb ik bereikt met de eigen perspective- en preserve-3d-eigenschappen van de browser, zonder extra pakketten.
Waarom een regelgebaseerde assistent?
Een echte AI-API zou maandelijkse kosten met zich meebrengen en de sleutel aan de clientzijde blootstellen, wat een beveiligingslek oplevert. Een FAQ-assistent op basis van trefwoorden voorzag gratis en veilig in de behoefte.