Victims’ aid Berlin Finder

An online database portal that provides local resource information and support to victims of violent abuse.

An online database platform that provides support to victims who experience violent abuse.

The Opferhilfe Berlin e.V. (victims Aid Berlin Association) proposes to create an online platform to help victims of violent conflicts. By visiting the website, victims can find the right help to solve their case without having to search for a long time and safely.

Another challenge to be achieved is to be a multicultural platform, accessible to people with disabilities and with special consideration for victims of extremist political violence. The target group must find their result fast, easy and must feel secure in their experience. Search engineering must always offer a result to the victim.

Client: Opferhilfe Berlin e.V.
(Victims Aid Berlin Association)
My role: UX/UI Design
Lead Art Direction
Digital Product Design
Conception
Branding
Creative Direction
User research
User-Centered Design
Information Architecture
:

Solution

A new online portal with an intuitive, functional and Accessible Design.

The online portal used a User-Centered Design for efficient experience to provide local resources and support facilities to victims of a violent abuse case. The design is based on Accessibility Guidelines.

The resources and information are displayed in a responsive web adapting all devices format and with map view and the list view options to their situation. Offering help from local sources exactly when you need it.

Search engine and filter efficiency.

The main search parameter is the name of most users’ needs. The results can also be easily adjusted with the filter system. Among them is the distance, type of case or languages.

Map and list view

The help resources are Swipe up to see all the information about the results and swipe down to see the entire map. You can also switch to list view with just one interaction.

Detail Screen

The local support details page clearly and neatly displays relevant data for the victim to reach and how to do it, as well as interesting related information based on the search parameters.

Smart accessibility of resources

The design of the experience smartly displays the support resources by formulating appropriate questions with the user search. The resources page is easy to access and provide additional information about resources in your area and how to contact them.

Functional categories access

Accessibility Guidelines were applied to the interface elements to achieve a satisfactory user interaction experience.

The process

User Research

The first part of the research was created the User Personas who represent our target audience. The User research process involved interviews with workers of the association, to provide quantitative data on the victims as well as interviews with victims who have resorted to the association to provide qualitative data. Thus, the way the portal should be designed could be understood.

Wireframes and Concept

All the inputs were applied to the functionality of the portal to achieve the most optimal functionality possible for the user. It was designed what content to display and how to do it. For this, based on the sitemap, both wireframes and prototypes were created.

Wireframes

Accessible Interface Design and Branding

The colors and icons created to redesign the brand are clean, neat and apply to the interface under Accessibility Guidelines. Users should have a visual experience in a context that is as comfortable and easy as possible.
The typeface is “Atkinson Hyperlegible”, which makes it different from traditional typography design in that it focuses on letterform distinction to increase character recognition, ultimately improving readability.

Branding and Interface

The final product

The final product design is a practical and functional help-finder portal that truly provides victims with the right information regardless of their language, disability, or personal situation.

Landingpage