anners website

MacBook Pro with bright orange Website on screen showing the website's menu

The
project

Over the course of two semesters, the magazine "anners" was created – If you want to find out more about the print version, have a look here.

Together with it goes an online version which offers all the magazine's content and even more.

MacBook Pro showing the website's 'about' section with an illustration of all students who created the magazine

In a small team of three students we planned, designed and programmed the website which goes along with the print magazine.

MacBook Pro with the page 'making of' showing photos of how the magazine was created

Compared to the print version, the website offers some additional content.

Some articles are available in longer versions or with additional information, others are available as audio files.

MacBook Pro showing the website's impressum which is bright orange with white text

We divided the 17 articles and the additional pages among us team members. The design was roughly based on the layout of the magazine pages, but thanks to technical possibilities we had much more creative freedom than in the print version.

Phone showing the article 'Trauer ist nicht immer nur weinen.*'

The pages were implemented with HTML, CSS, Javascript and Jquery.

All pages are responsive and were optimized for both, Web and Mobile.

Phone showing the article 'Ausfahrt ins Göück'

The
result

The website was launched right after distribution of the print version and can be found here: www.anners-magazin.de/.

For more info about the print magazine see here.

collection of Phone, Macbook Pro and Tablet showing the website's responsiveness