Zurück zum Projekt
Dokumentation

Onlineshop Haustechnik

PHPSmartyMySQLJavaScriptBrandingGitHub Actions

Kompletter Relaunch eines PHP-Onlineshops für Haustechnik & Ersatzteile: Logo, Farbkonzept, Design und Umsetzung — plus Performance, Checkout, Versandlogik und Admin-Dashboard.

##Überblick

Für einen PHP-basierten Onlineshop für Haustechnik und Ersatzteile habe ich den kompletten Relaunch übernommen: Logo, Farbkonzept, Design und technische Umsetzung stammen von mir. Seitdem entwickle ich den Shop weiter — vom Frontend über den Checkout bis zum Admin-Bereich. Erprobte Features werden anschließend auf Partnershops mit derselben Basis übertragen.

Der Shop ist ein laufendes Produktivsystem. Interne Abläufe, Zahlen und angebundene Systeme lasse ich hier bewusst weg.

Relaunch
Typ
PHP + Smarty
Stack
100 % eigenes
Design

##Kern-Features

Branding & Design

  • Neues Logo & Wortmarke
  • Farbkonzept mit Markenblau & Akzent-Orange
  • Komplettes Shop-Template neu gestaltet
  • Hero-Bereiche, Produktkarten & Mail-Templates im neuen Look

Performance

  • Kritisches CSS inline, restliches CSS asynchron
  • Bilder als WebP mit festen Abmessungen
  • LCP- & CLS-Optimierung, Fonts mit font-display: swap
  • Skripte verzögert geladen, Browser-Caching per .htaccess

Checkout

  • Straße & Hausnummer getrennt, Adressprüfung für DE/AT
  • Packstation-Ausfüllhilfe
  • Fehlerhafte Felder klar markiert
  • Mengen-Buttons im Warenkorb

Versand & Lager

  • Eigenes Order-Total-Modul für Mehrfach-Rabatte
  • Auswahl zwischen Versanddienstleistern
  • Lagerampel & Versand-am-selben-Tag-Hinweis
  • Schutz vor Überbuchung bei knappem Bestand

Admin & Recht

  • Dashboard mit Vorjahresvergleich & Kundengruppen
  • EU-Gewährleistungshinweis & Widerrufs-Link
  • Barrierefreiere Kontraste (WCAG)
  • Rollout auf Partnershops

##Architektur

Klassische PHP-Shop-Architektur mit Smarty-Templates und Modulsystem. Entwickelt wird mit Git und einer Staging-Umgebung, ausgerollt über GitHub Actions.

Template

Eigenes Redesign-Template auf Smarty-Basis mit gepflegtem Custom-CSS.

Module

Eigene Order-Total- und Hook-Module statt Änderungen im Kern.

Staging

Jede Änderung zuerst im Test-Shop, dann bewusst freigegeben.

CI/CD

Automatisches Deployment beider Umgebungen per GitHub Actions.

##Tech Stack

Branding
Logo & Farben
PHP
Backend
Smarty
Templates
MySQL
Datenbank
JavaScript
Frontend
Apache
Server
GitHub Actions
Deployment