(Victims Aid Berlin Association)
Lead Art Direction
Digital Product Design
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.
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 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.
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.