INFOHOUSE Foundation
A civic institution's website that balances authority with approachability
- WordPress
- NGO
- Information Architecture
Overview
INFOHOUSE is a Sarajevo-based foundation focused on civic engagement, media literacy, and anti-corruption education across Bosnia and Herzegovina. It needed a site that could clearly communicate multiple program verticals without feeling like a rigid bureaucratic structure.
The challenge
Many foundations with diverse initiatives end up with confusing websites. INFOHOUSE needed its mission and impact to be immediately clear, with each program discoverable — without visitors having to understand the internal organizational hierarchy first.
The solution
We reorganized the information architecture around impact and audience rather than departments. The homepage emphasizes mission and measurable outcomes; programs are grouped by audience served (schools, journalists, civic groups) rather than internal naming. A searchable resource library houses publications, with accessible typography and a neutral institutional palette.
Outcome
- Impact-centered IA replacing departmental navigation
- Programs organized by audience, not internal titles
- Searchable resource library for publications and materials
- WCAG-compatible typography and layout
User Journey Analysis
Actor: Secondary school teacher looking for a media literacy programme
Searches for INFOHOUSE — knows the name but not the site structure
Homepage communicates mission in the first two sentences — no organizational jargon
Tries to find available school programmes — navigates through department pages
Previous IA organized by internal department — teachers couldn't find school programmes without knowing INFOHOUSE's org chart
New site: 'For Schools' section immediately visible in primary navigation
IA restructured around audiences ('For Schools', 'For Journalists', 'For Civic Groups') — not departments
Downloads curriculum materials from the searchable publications library
Publication library with search and category filter — no more browsing through chronological archive pages
Applies to an upcoming workshop programme via an embedded form on the programme page
Application forms embedded directly in programme pages — no redirect to an external system
UX Artifacts
Impact-First Homepage Architecture
- Previous opening
- 'INFOHOUSE is a foundation established in...' — organizational identity first
- New opening
- Impact statement — '10,000 students reached. 500 journalists trained.'
- Section order
- Mission → Impact numbers → Programme areas → News → Partners
- Principle
- Visitors validate a foundation through what it has achieved, not who founded it
- Secondary conversion
- Newsletter sign-up positioned after the impact section — while credibility peaks
Audience-Based IA Restructure
- Previous structure
- Departments: 'Media Education Dept.', 'Civic Engagement Dept.'
- New structure
- Audiences: 'For Schools', 'For Media', 'For Civic Groups', 'Publications'
- Result
- Teachers, journalists, and community groups find their programme in 2 clicks, not 5
- Sub-navigation
- Within each audience section: programme type → requirements → application
- Search added
- Publications library — previously required pagination through an unfiltered chronological list
next frame →
Orela
Hotel cosmetics, presented with the hospitality the industry demands
