Web-Entwicklung - Funktion und Design

Ich liebe HTML

Das ist immer noch die einfachste Möglichkeit, Informationen auf standardisiertem Weg einer maximalen Zielgruppe bereitzustellen. Meine Stärke ist, dass ich alle Teilprozesse aus einer Hand abbilden kann. Vom UX Design über die serverseitige Konzeption und Programmierung von Datenbankstrukturen und dynamischer Code- und Daten-Generierung bis hin zum CSS-Styling und der ladeoptimierten Programmierung der Benutzeroberfläche und Geschäftslogik mit JavaScript und Frameworks.

Responsive Webdesign und CSS Programmierung mit Ladeoptimierung

  • Web-Design unter Berücksichtigung der technischen Umsetzbarkeit als voll responsive CSS Layouts für moderne Endgeräte.
  • Medienorientierte Anpassung von vorgegebenen Designentwürfen für optimierte technische Umsetzbarkeit und optimiertes Ladeverhalten.
  • Umsetzung von grafischen Web-Designs als voll responsive, stufenlos skalierende HTML/CSS-Layouts mit möglichst optimaler Raumausnutzung für sämtliche Viewportbreiten. Dies ist eine unbedingte Voraussetzung für barrierefreie Websites.
  • Berücksichtigung des ladeoptimierten, asynchronen Seitenaufbaus gemäß Google PSI Regeln zur Vermeidung von Render-Blocking insbesondere für mobile Endgeräte. Berücksichtigung von allgemeinen Regeln zu Usability und Accessibility.
  • CSS und Javascript basierte Animationen von Seitenelementen und SVG Grafiken.

Konzeption und Programmierung von dynamischen, datenbankbasierten Web-Anwendungen (PWA) und Content Management Lösungen

  • Browserbasierte Web-Anwendungen zur Digitalisierung von Geschäftsprozessen in Unternehmen. Die Anwendungen sollen möglichst mit reinen Bordmitteln auskommen (LAMP, WAMP, SQLite) und somit auch in Standard shared hosting Umgebungen mit begrenzten Resourcen oder Intranet performant lauffähig sein.
  • Programierung von modularen, datengetriebenen Benutzeroberflächen und Formularen mit Vue.js 3 und Javascript (ES modules) im Zusammenspiel mit serverseitigen Routinen in PHP.
  • Progressive Web Apps (ServiceWorker, WebPush, Notifications, IndexedDB). Zielsetzung: eine zentrale, browserbasierte Web-Applikation für alle modernen Endgeräte statt multipler nativer Apps und Websites für unterschiedlichste Endgeräte.
  • Dynamische clientseitige Generierung von HTML, Canvas und SVG zur Datenvisualisierung.
  • Objektorientierte PHP Programmierung zur dynamischen, datenbasierten Generierung von HTML, CSS, JS, JSON, CSV, XML, SVG, Bitmap, PDF, QR-Code.
  • Konzeption und Umsetzung von Datenbankstrukturen (PDO, MySQL, SQLite) zur Abbildung von Geschäftslogik unter Berücksichtigung der Performanceoptimierung für Web-Anwendungen.

PDF-Formulare und serverbasierte PDF-Generierung

  • Design und Programmierung von ausfüllbaren PDF-Formularen (für PDF-Viewer, z.B. Acrobat Reader).
  • Serverseitige Generierung von PDF-Dokumenten auf Basis von Datenbankinhalten bzw. Web-Formularen.
  • Zusammenführung von grafischen Vorlagen und dynamischen Text-Daten.
  • Dynamische Generierung und Einbindung von QR-Codes bzw. Barcodes.

3D Visualierung und Motion Graphics

  • Erstellung von Produktvisualisierungen für Web und Print.
  • Integration von 3D Modellen in HTML über WebGL.
  • Schnitt, Compositing und Export von Videosequenzen für ladeoptimierte Integration in HTML.

Grafik-Design - Gestaltung ist auch solides Handwerk

Design und technische Umsetzung Print und Digital

Ich verfüge über langjährige praktische Erfahrung in unterschiedlichsten Bereichen der Gestaltung für unterschiedlichste Branchen und Medien. Neben dem klassischen Grafik-Design liegt meine Stärke darin, auch die besonderen technischen Anforderungen unterschiedlichster Druck- und Herstellungsprozesse von Anfang an mit in die Gestaltung einfließen lassen zu können.

So bringen es beispielsweise die speziellen Druckverfahren in der Verpackungs- und Kartonagenherstellung mit sich, dass ein Design sich zuallererst an der technischen Umsetzbarkeit orientieren muss (begrenzte Farbzahl, Linienstärke und Rasterweite, größere Passerabweichungen). Dies gilt auch für Außenwerbung mit unterschiedlichsten Bedruckstoffen bzw. Folienschnitt.

Ich bin in der Lage, Drucksachen und Werbemittel nach technischen Vorgaben der jeweiligen Hersteller so zu gestalten und reinzuzeichnen, dass sie am Ende auch problemlos produziert werden können.

  • Gestaltung und Layout von Geschäftspapieren, Flyern und Broschüren
  • Gestaltung von Anzeigen für Print und Digital
  • Gestaltung und 3D Visualisierung von Produkten und Verpackungen
  • Gestaltung von Außenwerbung, Beschilderungen und Werbemitteln
  • Auf Wunsch auch transparente Druckabwicklung mit unterschiedlichen Lieferanten