This is the Website of the CAPTCHA Designfestival in Mannheim, which is organized each year, since 2013. This international Designfestival offers workshops, presentations as well as an exhibition at the end. Therefore, this Website was mainly created to centralize all necessary information on the Festival itself as well as its yearly changing workshop instructors and presenters. The Website also provides functionalities for the registration-process for the workshops.

keyboard_arrow_left keyboard_arrow_right

4

Each year the Design is completely renewed to reflect the new topic as well as the concept. This year the Website experienced a full Re-Design as well as Re-Development.

The Logo-Design was done by: Denys Hsu

The main purpose of this Website is Sharing. Therefore, this Website was mainly created for mobile devices. Since the website is merely an interactive Sitemap, which is supposed to complement this Portfolio, there are — due to Corporate Identity — certain similarities.

keyboard_arrow_left keyboard_arrow_right

11

Besides Hyperlinks to diverse Networks and Profiles this Website also offers a QR-Code-Generator [via Javascript Library], which enables Sharing on the spot. Furthermore, this website also includes a Language-Menue as well as two Color-Schemata. Both of this latter Options are — within the Website — based on Hash-Bang, forwarded to sub-pages.

The project depicts the »Kingdom of the Víkingr« in a multilayered way. The Website gives information on the rise and fall of the Víkingr, and as well on their very own essence. This essence is also compared to the essence of the Norse Mythology.

Within the project a complex Navigation- and Orientationsystem was developed, based on a strategicially limited coordinate system. This Navigation is supported using thematic links and also targeted redundancies. The Information in this project is processed and depicted in multiple layers.

keyboard_arrow_left keyboard_arrow_right

10

keyboard_arrow_left keyboard_arrow_right

7

This Website gives Information on Tea on multiple layers. A lot of different features enable the looking up or the experience of information on the topic. Therefore the Website for example contains structures for an extensive glossary, a span.comment [in its display variable] Overview of different teas and an user oriented Quiz. With a multitude of pictures the topic is additionally emotionalized and the Information becomes even more accessible.

The Branding of this Website is based on the Japanese Language, since Japan is among other things also famous for its »Green Tea«. The Logo contains the Kanji for »Tea«.

This project was used for the Documentation of the semester abroad at the »Seian University of Art and Design« in Otsu, Shiga, Japan. Because this project documents all day life as well as different thematic focal areas, a dynamic Javascript-based content-structure was chosen. Next to this Logic for blog entries, there are quite a few more features to enhance the »Witnessing« of stories, told within the blog entries. For example a Panorama-Player as specially developed for this purpose.

keyboard_arrow_left keyboard_arrow_right

10

The different Elements of the Branding of this Web-Blog are based on the destination »Japan«. The Logo, which is used as Fav- as well as Touch-Icon, contains the stylized Kanji for 日本and also the red circle from the Japanese flag. Die decorative Sentence on the left side, as well as in the Loading-Indicator mean: にほんにいきます。. The topic is further supported by a series of specially designed background-images with visual Quotes of Japanese Culture.

[Originally the Web-Blog contained a few features, such as a Weather-Widget based on a Library, a Day-Counter as well as a time-based display of blog entries. These features were taken out, due to the change of Purpose — Web-Blog to Documentation. Furthermore, the Web-Blog was, due to its extent, divided into sub-pages.]

keyboard_arrow_left keyboard_arrow_right

5

For the Design of this Landingpage it was especially important to keep the structure clear and to bundle the Channels of Communication [Social Media, Newsletter, etc.] of the Label. Furthermore, it was important to already show a part of the »Mizaan«-Style on this first page.

[Images, as well as Texts are Property of »Mizaan« und »Lebdiri Studios«.]

This project is a conception of a digital, web based Curriculum Vitae. Especially important for this project was the compact and categorized display of the most important chapters, that are crucial to a Curriculum Vitae.

Due to the two columns Layout, whose columns can be independently scrolled, the digital Curriculum Vitae is divided into two major Chapters; »Academic Career« and »Non-Academic Career«. With the different Sizes, Dropdown-Details and also Transparencies, the contents are further prioritized.

The two columns Layout with its centered Alignment has quite a few challenges regarding Development. The left column for example naturally would have its Scrollbar on the righthand side. Therefore, the Scrollbar would be in the center of the Concept. By changing the direction of writing in the superordinate »div-Element« the problem is successfully by-passed.