Web Interface Design

Learn How to Build Responsive Websites with HTML, CSS, and Media Queries

Web Interface Design

Enroll now - it's free!

No enrollment fee for self-learners. Upgrade to the full course or examination only is possible at any time.


Master Responsive Web Design

This course is a comprehensive approach to creating professional websites and user interfaces for web applications. Step-by-step you will learn all relevant concepts and technologies used in state-of-the art web design. Numerous exercises will train you to create professional and modern web interfaces.

The triumph of mobile devices has been a completely new challenge for web designers. A website should display properly on a small touchscreen device and on a large computer screen alike. Using CSS3 and media queries you will be able to create alternative web layouts for different devices without having to alter the contents of the website.

CSS3 also offers amazing new design features such as animations, transformations, filters, and gradients, to name just a few.

What will I learn?

In this course you will learn how to build beautiful modern websites using the latest technologies HTML5 and CSS3. You will write syntactically correct and standards compliant HTML and CSS code, and use the language tools properly and efficiently.

You will learn how to lay out your content, build navigation systems, embed images and videos and even create animations. Special attention will be given to responsive web design which enables websites to automatically adapt to different screen sizes.

Upon completion of this course you will be able to create visually engaging and professional web pages and web application interfaces that work seamlessly on mobile devices as well as on large screens.




This class is the perfect starting point for everyone who wants to create professional websites. You will learn the Hypertext Markup Language (HTML), the text based language for creating and structuring website contents such as texts, images, and links. HTML5 is a standard of the W3 Consortium and is the very foundation of virtually each and every website. In order to learn all language elements, we write the HTML source code entirely by hand in this class.

CSS Basics

CSS Basics

Cascading Style Sheets (CSS) are a complementary language to HTML that enables you to define the exact layout and design of a web page such as fonts, colours, margins, borders and, above all, the exact position of HTML elements. Without CSS, professional web layouts wouldn’t be possible, and CSS3 offer tons of amazing new features. This class introduces you step by step to the countless possibilities of CSS.

Responsive Web Design

Responsive Web Design

A modern website has to display properly on a small touchscreen device as well as on a large computer screen. The design has to respond to the device. With the help of CSS3 and media queries you can create alternative web layouts for different devices without having to alter the contents of the website.

But CSS3 also offer amazing new design features such as animations, transformations, filters, and gradients, to name just a few.

This class provides you with a sound insight into the new features of CSS and responsive web design. You learn how to plan and design modern websites and to optimize them for mobile devices.




This online test consists of 50 questions that must be answered within 75 minutes.
You must answer 57% of the questions correctly to pass the test.

If you haven't passed your online test or you like to improve your result you may retake the test.
You can retake the test as often as you want and there is no cooling-off period.
Retaking the test is only possible until the Certificate of Proficiency has been issued.

The examination fee for retakes is 99.00 €.

Final Project

Final Project

The final project is part of the certification exam to obtain the OWL Certificate of Proficiency in Web Interface Design.

In the project, you will show what you have learned in the course. Based on an exact project specification, you will create a web site of a virtual museum using the technologies that you have learned in the course. After you have submitted your project, OWL examiners will evaluate it and you will receive a comprehensive feedback on your work.

Exam and Certificate

The Certificate of Proficiency in Web Interface Design certifies that you have profound skills on a professional level. The OWL Institute’s Certificates are recognized by employers all over the world.

The examination consists of two parts: an automated online test that can be taken from any place with a stable internet connection and a final project that is graded by OWL examiners.

You must pass the online test first to qualify for the final project. Upon successful completion of both parts of the exam you receive your Certificate of Proficiency.

What will I get?

When you register for this course, you will be taken to your personal learning interface, where you will find all the learning materials. Your online tutors will be at your disposal for questions and problems of any kind. They will guide you on your way through the course by providing personal support. On the basis of many exercises, online quizzes and assignments, you will develop your practical skills. The course concludes with a theoretical test (multiple choice) and a practical final project, which is evaluated by our examiners. You will receive detailed feedback on your final project.


Profound computer skills (Windows or Mac) and advanced Internet user skills are recommended to participate in this course.


The total estimated average workload of this course including preparation and completion of the exam is 180 hours. Your actual workload depends on many things such as your personal learning curve and your previous knowledge and experience.

Use the slider to check how long this course will approximately take depending on your weekly study time. In your personal course you study at your own pace: You can accelerate or slow down your course event as needed.


10 hours per week
Your course will end on 06.04.2021.


Enrollment fee for self-learners: 0 €
This course is free for self-learners. Upon enrollment you get access to all classes.

Exam: 298 €
You may take the exam at any time.
The exam fee includes the online test and the final project.
Upon successful completion of the exam you will get the certificate (no extra charge).

Upgrade to guided course: 499 €
Upgrade to the guided course option to get

  • Assignments: Assignments serve to monitor your personal learning progress. They are checked by our online tutors, and you will get comprehensive feedback on each assignments including suggestions for improvements.
  • Personal support by online tutors: The tutors answer all questions, help you solve your problems and guide you through the course.
  • Certificate of Participation: You will get a Certificate of Participation listing all assignments and the duration and workload of the course.

Course Developers and Tutors

Frank L. Schad

Frank L. Schad
Course Developer and Tutor

Frank L. Schad has for many years been working as an illustrator, graphic and web designer on a wide variety of projects. He runs the Web Design and Multimedia department at OWL, where he is in charge of curriculum, teaches, writes study books and last, but certainly not least, does web design.