Profile

Ibero-American Institute (IAI) of the Prussian Cultural Heritage Foundation
Accessibility compliant relaunch of the website

The initial situation

The Ibero-American Institute (IAI) of the Prussian Cultural Heritage Foundation offers its heterogeneous target groups a multidisciplinary research, cultural and communication platform with a focus on the international Ibero-American cultural area. 

The last revision of the website took place in 2007 - so despite its extensive content, it struggled to meet current requirements in terms of dynamism, user-friendliness, accessibility and technical functionality. A realignment was necessary in order to optimally serve the information needs of the diverse target groups.  

Our approach

Our team undertook the complete redesign and development of the IAI website with a focus on user-centricity and technical modernization.  
The new website was designed to be

  • offers clear and intuitive navigation 
  • prepares content for specific target groups 
  • is barrier-free in accordance with BITV 2.0 / WCAG 2.1 
  • emphasizes the connection between the library, research and events 
  • offers an attractive and dynamic user experience with changing content 
  • functions optimally for many users thanks to a modern, responsive and accessible design on both desktop and mobile devices 
Priorisierte Darstellung der Anwendungsfälle verschiedener Personas, gruppiert nach Suchintentionen

UX concept & accessibility

Definition of personas  

User orientation was the focus of the concept - the alignment with the interests and needs of the target groups, a differentiated approach to the various target groups, versatile access and entry offers and active guidance of the users through the content.

  • To ensure user-friendliness, personas representing typical visitor groups were created in workshops: Scientists, students, cultural professionals and interested laypersons. The needs, goals and typical usage scenarios of these personas formed the basis for the design. 

Content analysis and restructuring 

  • Based on the prioritized target groups and use cases, a basic structure was developed that answers these wishes and needs. 

  • The existing content was analyzed, streamlined and transferred into a new, user-oriented structure. The aim was to make a clear distinction between information that serves the library on site and information that offers online services, such as research tools or event calendars.  

 Navigation and page types 

  • The navigation concept was structured along the most important user journeys. Pages with frequent reasons for visits, such as library research or event information, were particularly emphasized. Various navigation models were initially reviewed and agreed as wireframes. 

  • The most important page types were created as sample pages with real content in order to check the layout and elements at an early stage. They were designed to meet the requirements of their users in a clear and accessible way and also to provide good orientation in the portal for users who access it via a search engine. 

  • Based on the user stories, the required content elements (components) were defined, used in the sample pages and clearly presented in a concise element library. 

Mapping the content along the prioritized use cases

The design concept

The starting point for the design was research into design trends and examples of good practice, which quickly revealed a preference for more minimalist, intuitive design approaches with generous image areas. 

  • Initially, we developed two design lines to approximate a favorite.    

  • Based on customer feedback, a synthesis of the two approaches presented was developed, which was gradually refined in an iterative process. 

  • The new design uses three characteristic main colors, employs fine lines as a design and separating element and creates a clear visual structure and generous space for the content to unfold thanks to its light background surface.  

  • All necessary UI components for desktop and mobile views were clearly presented in an element library. 

Homepage, event archive and research page

The technical implementation

The technical implementation was carried out entirely in TYPO3. The new design was implemented responsively and barrier-free. 

  • In order to give the IAI editorial team as long an editorial phase as possible to revise and update the content, the basic elements that make up most of the content pages were implemented first. 

  • The technical implementation began with the migration of the existing data to the new system. 

  • During the editorial phase, the Solr search was configured and implemented and the extended functions of the closed user area were integrated. 

  • The next step was to train editors in the new system to create accessible and SEO-friendly content. 

  • All elements, functions and modules were created barrier-free and then tested automatically and manually with assistance technologies.

Section of the element library

Our conclusion

The new website of the Ibero-American Institute reflects its interdisciplinary and international character. With its improved user-friendliness, accessibility, modern design and technical innovation, it offers its international target groups tangible added value.  

Steckbrief

  • Kunde: Ibero-American Institute (IAI) of the Prussian Cultural Heritage Foundation
  • Branche: Kultur
  • Umsetzung: Launch in spring 2025
  • Technologie: TYPO3 (LTS 12.4)
  • Leistungen: Consulting, UX design, conception, barrier-free technical realization, BIK test, user testing
News