×

Drei Beispiele aus den Bereichen Online-Shop, Homepage, Benutzeroberfläche

Online-Shop

Ziele

  • Einen bestehenden Online-Shop in ein modernes System überführen

  • Entwicklung eines neuen Layouts

  • Daten vom bestehenden Shop übernehmen

  • Automatische Übersetzung der Seiten mit DeepL

  • Bestellabwicklung nach Kundenwunsch

  • Auf Kundenwunsch basierend auf Typo3

Vorgehensweise

  • Anforderungen mit Kunden klären

  • Zusammenarbeit mit Grafiker

  • Neues System aufsetzen

  • Notwendige Erweiterungen schreiben

  • Inhalte einpflegen

  • Daten aus bestehender Datenbank übernehmen

Heute

  • Technische Wartung des Systems

Benutzeroberfläche

Ziel

  • Serverlose Benutzeroberfläche

  • Optimiert für Touch-Bedienung

  • Basiert ausschließlich auf HTML, CSS und Javascript

  • Keine Bibliotheken, um Code-Tests zu erleichtern (in Absprache mit Kunden)

  • Kommunikation über definierte Schnittstelle mit der Steuerung

Vorgehensweise

  • Anforderungen mit Auftraggeber klären

  • Design abstimmen

  • Schnittstelle testen

  • Schnittstelle in HTML, CSS und Javascript programmieren

  • Ergebnis vom Kunden prüfen lassen

Homepage

Ziel

  • Überführung einer bestehenden Homepage in ein kostengünstig zu betreibendes System

  • Design nach Vorgaben eines Grafikers

  • Implementierung innerhalb weniger Tage

  • Einfache Pflege der Inhalte

  • Einfache Erweiterbarkeit

Vorgehensweise

  • Klärung der Rahmenbedingungen und Zielsetzungen

  • Einrichtung des einfach zu installierenden und sehr leicht erweiterbaren CMS Kirby

  • Entwicklung einiger wiederverwendbarer Designelemente, in Kirby "Blocks" genannt

  • Übernahme und Überarbeitung der Inhalte

ClickFocus - ein kleines privates Projekt für den perfekten Bildausschnitt

  • Ein Bild

  • Zwei Rahmen

  • Alle Formate