Making-Of and Sources

In order to make our website uniform and interesting at the same time, we have opted for a consistent design. We applied this year's conference theme "Evolution of Excellence" to the development of artificial intelligence, which is to become "excellent". So it was only natural that we opted for a futuristic and modern design. To represent the atmosphere of the chapter, we kept the design friendly, yet organized. Many carefully considered designs and design principles were used in the development of the websites. An overview of these, how and why they were used, can be found below.

Color Palette

The choice of colors was strongly influenced by the choice of thema. To achieve a modern style, we opted for a website in "dark mode". The primary, secondary and tertiary colors are bright and neutral as a contrast to the background. This also gives the website an overall friendly and clean look.



Used technologies

Django Thumbnail
Django
HTML, JS & SCSS Thumbnail
HTML, JS & SCSS
Materialize Thumbnail
Materialize
MySQL Thumbnail
MySQL

Own Improvements

Trilingual

Trilingual

In order to make the content of our website understandable for our American, Spanish and German visitors, we offer our website in three languages. For this purpose, the language is determined automatically based on the browser language. However, if necessary, the language can be changed at any time using the drop-down menu in the navigation bar.

Trilingual
Accessibility
Accessibility

Accessibility

As accessible design is both an ethical and legal obligation, our website has been designed with accessibility in mind. It is fully navigable via keyboard to provide a pleasant experience for groups of people with screen readers or mobility disabilities. Care has also been taken to ensure that the text has sufficient contrast with its background everywhere. This facilitates the overall readability of the text while helping people with visual impairments.

Resource Efficient

Resource Efficient

According to Google, the probability of a visitor leaving a website without interacting with it increases 32% as the page load time goes from 1 second to 3 seconds. To keep our page loading speed as low as possible, we paid special attention to image size and compression, script and stylesheet sizes and efficient database fetching.

Resource Efficient

Student Copyright Checklist

Click here to view the Student Copyright Checklist

Work log

Click here to view the Work log

Sources