An open Macbook stands in front of a woman on a table and shows the colorful website "Perspectives", which displays a large set of guidelines in the visual form of a zoomable icicle, an interactive form of an information visualization.
Logo of Perspectives. Asterisk followed by the white lettering "Perspectives" in uppercase letters on a black background.The screen of an iMac shows the colorful Perspectives page in the colors black, white, orange, blue, green and pink. The information visualization of the Web Content Accessibility Guidelines can be seen in the form of a zoomable icicle. The guidelines are currently filtered, some of the information is faded and the focus lies on the filtered elements.
Hands holding an iPhone on which the colorful Perspectives website can be seen. The current view shows the custom checklist, which lists the various guidelines of the Web Content Accessibility Guidelines. A floating action button with the label "Export" can be seen at the bottom right of the screen.Two iPads are lying on a dark background. The displays of the two tablets show screens from the introduction for the Perspectives website. The first screen shows a graphic of an asterisk and the words "The web needs new Perspectives" on it. The second screen shows a green colored graphic of a world map with the sentence "At least 1,000,000,000 people worldwide have a recognized disability".

2022
UX/UI, ACCESSIBILITY, INFORMATION DESIGN, WEB DEVELOPMENT

Perspectives

More than one million people worldwide have a recognized disability – yet the majority of websites are not accessible to everyone. PERSPECTIVES aims to create awareness for this topic and illustrate its realizability. The core of the platform is the information visualization of the Web Content Accessibility Guidelines, which allows users to grasp all guidelines at a glance. The filtering of this visualization also allows them to view only information that is relevant to them. With additional features, such as the filterable checklist and the glossary, the fear of complexity is taken away.

Master Interactive Media Systems, Technical University of Applied Sciences Augsburg

Team: Sahar Jafarian, Josefa Rackl, Valentin Rogg

Recognitions

PERSPECTIVES was awarded four times. The project received recognition at the Annual Multimedia Award, the European Design Award, the Universal Design Competition Award and the Creative Communication Award. An article about it was also published by Page ↗.

2022
UX/UI, ACCESSIBILITY, INFORMATION DESIGN, WEB DEVELOPMENT

Perspectives

An open Macbook stands in front of a woman on a table and shows the colorful website "Perspectives", which displays a large set of guidelines in the visual form of a zoomable icicle, an interactive form of an information visualization.

More than one million people worldwide have a recognized disability – yet the majority of websites are not accessible to everyone. PERSPECTIVES aims to create awareness for this topic and illustrate its realizability. The core of the platform is the information visualization of the Web Content Accessibility Guidelines, which allows users to grasp all guidelines at a glance. The filtering of this visualization also allows them to view only information that is relevant to them. With additional features, such as the filterable checklist and the glossary, the fear of complexity is taken away.

Master Interactive Media Systems, Technical University of Applied Sciences Augsburg

Team: Sahar Jafarian,Josefa Rackl, Valentin Rogg

Logo of Perspectives. Asterisk followed by the white lettering "Perspectives" in uppercase letters on a black background.The screen of an iMac shows the colorful Perspectives page in the colors black, white, orange, blue, green and pink. The information visualization of the Web Content Accessibility Guidelines can be seen in the form of a zoomable icicle. The guidelines are currently filtered, some of the information is faded and the focus lies on the filtered elements.

Recognitions

PERSPECTIVES was awarded four times. The project received recognition at the Annual Multimedia Award, the European Design Award, the Universal Design Competition Award and the Creative Communication Award. An article about it was also published by Page ↗.

Hands holding an iPhone on which the colorful Perspectives website can be seen. The current view shows the custom checklist, which lists the various guidelines of the Web Content Accessibility Guidelines. A floating action button with the label "Export" can be seen at the bottom right of the screen.Two iPads are lying on a dark background. The displays of the two tablets show screens from the introduction for the Perspectives website. The first screen shows a graphic of an asterisk and the words "The web needs new Perspectives" on it. The second screen shows a green colored graphic of a world map with the sentence "At least 1,000,000,000 people worldwide have a recognized disability".

Explore more projects

Several falling flyers of the Senate in Berlin with the current theme for the annual card 2021 with the motto " City of Knowledge Berlin". The design is a geometric illustration in the colors white, black, red, light blue and pink, structured like a periodic table filled with various icons on the subject of science.

Senate, Berlin

Design of the annual card "Wissensstadt Berlin 2021"

Illustration, Graphic design

Logo Upstruct
Open Macbook standing on a stony, overgrown surface. The screen shows the main navigation of the website "Sustainable Bits", where the three menu items "Digital Sustainability", "Values" and "Strategies" are visible.

Sustainable Bits

Communicating sustainability-relevant information to creators of digital products and services

User Research, UX/UI, Sustainable Web Design

Poster in warm orange, red and purple tones on a stony, brown, desert-like surface. The drawn illustration shows abstract silhouettes of five horsemen riding towards the viewer in the setting sun. They are in a rocky landscape that is covered with long shadows due to the sunset. The title "The Five Magnificent Seven" is shown in large letters above the illustration.

Bar jeder Vernunft

Visual for the production "Die 5 glorreichen Sieben"

Illustration, Graphic design

Logo Upstruct
A distorted, indistinct bouquet of blooming yellow flowers.

Artistic Experiments

TouchDesigner

Two hands hold up a sheet of paper with an illustration showing two abstractly colorful illustrated people. One person is carrying the other piggyback and the second person is forming a heart with their hands.

Matchmade

Illustrations for the software company's influencer marketing platform

Illustration, Graphic design

Logo Upstruct
White three-line word mark of the company "Auf die Ohren" on a window in a modern sans-serif font. An abstract, reduced audio wave runs over into the "O" of the company name.

Auf die Ohren

Corporate design for the podcast production company

Brand Design, Visual Identity

Logo Upstruct
Digital workspace shows different sections of research where notes and sticky notes on different topics have been collected.

Wogra

UX/UI design and research for various projects

UX/UI, Research, Quality assurance

Explore more projects

Open Macbook standing on a stony, overgrown surface. The screen shows the main navigation of the website "Sustainable Bits", where the three menu items "Digital Sustainability", "Values" and "Strategies" are visible.

Sustainable Bits →

Communicating sustainability-relevant information to creators of digital products and services

Several falling flyers of the Senate in Berlin with the current theme for the annual card 2021 with the motto " City of Knowledge Berlin". The design is a geometric illustration in the colors white, black, red, light blue and pink, structured like a periodic table filled with various icons on the subject of science.

Senate, Berlin →

Design of the annual card "Wissensstadt Berlin 2021"

Logo Upstruct
Two hands hold up a sheet of paper with an illustration showing two abstractly colorful illustrated people. One person is carrying the other piggyback and the second person is forming a heart with their hands.

Matchmade →

Illustrations for the software company's influencer marketing platform

Logo Upstruct
A distorted, indistinct bouquet of blooming yellow flowers.

Artistic Experiments →

White three-line word mark of the company "Auf die Ohren" on a window in a modern sans-serif font. An abstract, reduced audio wave runs over into the "O" of the company name.

Auf die Ohren →

Corporate design for the podcast production company

Logo Upstruct
Digital workspace shows different sections of research where notes and sticky notes on different topics have been collected.

Wogra →

UX/UI design and research for various projects

Poster in warm orange, red and purple tones on a stony, brown, desert-like surface. The drawn illustration shows abstract silhouettes of five horsemen riding towards the viewer in the setting sun. They are in a rocky landscape that is covered with long shadows due to the sunset. The title "The Five Magnificent Seven" is shown in large letters above the illustration.

Bar jeder Vernunft →

Visual for the production "Die 5 glorreichen Sieben"

Logo Upstruct

get in touch

Let's talk

Smiling woman with brown medium-length hair and glasses, wearing a plain light blue T-shirt
alexandra-rein@gmx.net ↗
LinkedIn ↗