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