Video des animierten Webplakats. Auf einer weissen Fläche sind mehrere geometrische Formen zu sehen: Linien, Quadarate, Kreise. Allesamt 45° links angewinkelt. In grossen Lettern steht der Name Paul Renner.

Webplakat

  • Motion Design
  • Responsive
  • CSS

In diesem Projekt habe ich ein bestehendes Plakatdesign von Fabian Molina neu interpretiert und mit Animationen zum Leben erweckt. Anstatt aber mit einem herkömmlichen Animationsprogramm wurde dafür ausschliesslich CSS, was für die Darstellung von Webseiten im Internet benutzt wird, verwendet.

Für mich lag die Herausforderung darin, in der Umsetzung eine Balance zu finden, die sowohl dem Originaldesign treu bleibt, aber auch ausreichend flexibel ist, um auf unterschiedlichen Bildschirmgrössen zu funktionieren.

Kontext

Projektmodul im Digital Ideation BA Studium

Meine Rolle

Erstellung eines responsiven Webplakates

Tools

Vanilla HTML und CSS

4 verschiedene Varianten des Webplakates, abhängig von der Grösse des Bildschirms.
Es wurde versucht, eine Balance zwischen Ästhetik und einer sinnvollen Darstellung der Informationen zu finden.
Analyse des Originaldesign mit Referenzlinien