Stephan Belitz Web Entwickler & Front End Architekt
10

Geck Modulares Frontend auf Basis eines Design-Systems

zurück
  • TYPO3-Integration
  • Pug (Template-Engine)
  • HTML / CSS / JavaScript (ES6+)
  • Atomic Design
  • Modulares Frontend
Link:
www.geck.de
Kunde:
Geck
Agentur:
Studio Mennicke, Köln
Jahr:
2018
weiter
Geck — Startseite
„Startseite mit modular aufgebauten Content-Elementen auf Basis eines Design-Systems.“
Geck — Produktseite
„Produktseite mit scrollbasierten Animationen und interaktiven UI-Elementen.“

Über das Projekt:

Für Geck habe ich das komplette Frontend der Website konzipiert und umgesetzt. Die Entwicklung erfolgte auf Basis von Pug-Templates nach dem Atomic-Design-Prinzip, um ein konsistentes, wiederverwendbares und wartbares Frontend-System zu schaffen.

Neben dem modularen Aufbau wurden verschiedene interaktive UI-Elemente und scrollbasierte Animationen umgesetzt, um Produkte und Inhalte anschaulich zu präsentieren. Die fertigen Frontend-Templates wurden an eine TYPO3-Agentur übergeben und die Integration in das CMS fachlich begleitet.

Leistungen:

  • Konzeption und Umsetzung des gesamten Frontends
  • Aufbau eines modularen Frontend-Systems nach Atomic Design
  • Entwicklung wiederverwendbarer UI-Komponenten mit Pug-Templates
  • Umsetzung interaktiver Module und Animationen mit JavaScript
  • Erstellung von Frontend-Templates für die TYPO3-Integration
  • Fachliche Begleitung der CMS-Integration durch eine TYPO3-Agentur
  • Abstimmung mit Design und Projektteam

www.geck.de