The Kandellifte website saw a significant overhaul, transitioning from an outdated, non-responsive design to a new, mobile-friendly layout. It maintains the familiar structure, especially in presenting lift schedules for better clarity. The updated design ensures seamless navigation and optimal smartphone viewing. Additionally, a user-friendly Content Management System (CMS) was added to the backend, enabling straightforward content updates even for non-tech users, fostering easy and regular site updates without technical expertise.

The application habit switch aclink users through the entire life cycle of their smart devices. The goal is to promote an environmentally friendly lifestyle through gamification and nudging based on data that these devices provide via the Internet, for example consumption data of a washing machine. In the thesis, a comprehensive concept and a prototype of the application were implemented. The concept includes the processes, rules as well as goals of the game and the complete design of the application. The concept was tested in a user study. This showed the potential of nudging and gamification to encourage users to adopt a more environmentally friendly lifestyle, especially among people under the age of 30. Finally, part of the application was prototyped using modern web technologies.

Facecon is a research study on the topic of operating websites with facial movements and expressions. With the help of a prototype, it is to be found out whether and how interaction with websites can be made easier and more intuitive by using the face. The focus is on portable computers with built-in webcams, such as laptops or tablets. The user should be able to move the cursor, click, navigate and scroll on the website. Two different variants have been implemented for navigating and scrolling. A study is to find out which combination of facial control and expressions for the different actions is most intuitive for the user. Therefore, he had to complete a task as quickly as possible. The time was measured to compare the different versions. In addition to the usability metrics, the user also had to fill out a questionnaire. The prototype of the website was implemented using common web technologies (HTML, CSS and JavaScript) and the wrapper library Handsfree.js, which provides facetracking functions.

More and more people are falling ill with chronic diseases. This makes it even more important to take a close look at your body and your illness. With fine, chronically ill people can keep track of their symptoms and document them in their digital diary. Psyche, nutrition, environmental influences, emotions, stress - the body is very complex, and the reasons are often not obvious. The documentation of the symptoms is a core component of fine and should reveal possible solutions. However, medical advice is not included. For this, the data and records can easily be shown at the next doctor's visit. Fine is designed to serve many different disease patterns. The user decides which modules he wants to use for documenting and can adapt fine flexibly to his needs. The goal is to create the most individual and quickest possible input, while still offering the possibility to document in depth and down to the smallest detail. In two semesters, my groupmates and me worked together to develop the concept (target group, branding, system persona, design system, wireframes and screen designs) and a full-stack-prototype using Vue.js, Docker, Node.js and MongoDB. With the prototype we also conducted interviews with experts and potential users to gain valuable feedback to improve the first version of our app.

Unfortunately only the frequently discussed problems such as plastic in the sea or overfishing get attention. However, there are many other problems, which are often forgotten or suppressed. With this website my fellow students and I wanted to counteract this trend and create a place where the user becomes aware of most of the problems in our ocean. We wanted to give the user an overview of all issues and encourage the user to fight them through his own actions. The interactive website guides users through the ocean through visual storytelling and teaches them in a playful way what they can do against the destruction of the ocean. The special thing about it is the game character. You can control the application with your cell phone.

As part of my bachelor thesis, I did research in the field of augmented reality. The aim was to find an approach in which an augmented reality app with one source code can be distributed to as many devices as possible. In the further course of the thesis, I designed and developed a prototype using the most promising approach. Using the mobile application development framework Cordova, the augmented reality software development kit Wikitude and HTML, CSS and JavaScript, I was able to implement a working prototype. The app enables the user to choose between various sports devices and place them in their environment. Particularly noteworthy is that the devices can be placed without the help of markers and are displayed in their actual size.

Together with my fellow students I designed and developed an interactive, web-based 3D map of the Black Forest. It shows different activities in summer and winter. The map is fully responsive and can be used on both mobile and desktop devices. We used the WebGL based JavaScript library Three.js to display the 3D computer graphics in the web browser. I had a leading role in the design process as well as the programming.

Within the module interactive media, my fellow students and me produced this AR website. It allows the user to share his opinion on a certain topic in a virtual art installation. For the AR functionality we used the JavaScript libraries AR.js and Three.js. These allow to place 3D models in space using markers. The entered data is stored in a Firebase database. Including the own comment, there are always the 10 latest comments displayed as AR speech bubbles. The user can navigate through the comments by moving his smartphone.

In the course of the project work my fellow students and I developed this progressive web app (PWA) to help users with managing their garden. The app reminds the user when to plant his plants and when to water them. I had a leading role in the development. The PWA can be added to the start screen of a PC or Smartphone, works offline, updates itself automatically in the background and can send push messages from the server. Node.js and Express were used for the server-side push messages.

The goal of the class “mobile games programming” was to learn about object-oriented programming and develop a game app in Android Studio in Java. I chose the game Space Invaders. The user can choose between 3 difficulty levels. He wins if all enemy spaceships are destroyed before they reach his spaceship.

In the class “digital media” I developed this responsive one pager. The focus was on the integration of multimedia content such as images, videos and sound. In the upper section of the website, you can find an SVG animation that matches the topic.