Screendesign Wintersemester 2023/24
Screendesign WS 2023/24
224353a Screendesign Wintersemester 2023/24
Dozent: Prof. Dr. Jürgen Scheible
What ist Screendesign about?
Making a Design concept (incl. Visual layout) of a website. Building a website in HTML&CSS (Coding).
Learning goals Part 1:
Conceptual design orientated approach: Understanding the conceptual basics of screen design. Understanding the design process. How to make a page layout.
Learning goals Part 2:
Technical design oriented approach: Gain practical experience on how to build a simple screen design from scratch using HTML & CSS (Coding). Learn how to make a page layout. Learn how to add text, images, video. Learn how to add navigation and interaction to a screen. Introduction to “Responsive Design” (Bootstrap). How to add a Facebook-Pixel to a website.
Project work task:
Students need to create screen designs for a website, presenting a product or service of one’s own choice. Project can be done individually or in a group of up to 4 persons. Language: English.
The project task consists of 2 parts:
Design concept (style guide and wireframes, descriptions etc.)
Realization of the screen design with HTML & CSS
Webseite für ein Arthouse-Kino
Zielsetzung des Projektes:
Die Studierenden gestalten und setzen eine Webseite für ein Produkt oder Service ihrer Wahl um.
Aufgabenstellung des Projektes:
Die Aufgabe bestand aus der Konzeption der Webseite, mit einem Styleguide, Wireframes, Beschreibungen etc. und der Umsetzung dieser Konzeption in HTML und CSS.
Lösungsweg des Teams:
Nachdem sich die Gruppe auf die Umsetzung einer Kino-Webseite geeinigt hat, werden als stilistische Inspirationen alte Kinos und bestehende Webseiten von Kinos herangezogen. Schnell kristallisiert sich heraus: Unser Kino, das fiktive Eisenstein Filmhaus, soll ein Ort für Filmliebhaber werden. Das Design soll damit edel aber zurückhaltend wirken. Vier Unterseiten werden identifiziert: Die Landingpage mit Spielzeiten, die dem Kino angeschlossene Bar, der Blog des Kinos und eine About Us-Seite. Diese wurden auf die vier Mitglieder der Gruppe aufgeteilt.
In der Umsetzung wurden sowohl angepasste Elemente aus Bootstrap übernommen als auch selbst geschrieben.
Studentisches Team, Semesterstufe 4:
Iguacel Barceló, Franziska Schuster, Toon Pauwels und Jan Henryk Walendy
Weitere Projekte aus dem Studiengang Werbung und Marktkommunikation.
