Interactive wiki for the co-design of villages

Various mobile screens show insights into the content modules, such as the table of content, the playlist view of the projects, the marginalia with additional information within a project and one information level deeper, a popover of a marginalia

Client

studio amore

Better to do than complain! In line with this motto, studio amore has created a unique project with the kommpendium: an interactive tool and reference work on the topic of co-design in the village.

Because you can often do much more yourself than you initially think - but where do you start? And where can you find the right information? The kommpendium makes exactly this accessible: bundled knowledge, real experience reports and practical tips that you couldn't simply google until now.

From "How do I renovate a playground?" to "How do I become part of the local council?" - the topics have been lovingly prepared and developed in close cooperation with people who share their wealth of practical experience.
studio amore developed the kommpendium together with the Brandenburg Village Movement and the LAG Fläming-Havel. Zentralnorden supported the project conceptually, took over the design of the user interface (UX/UI) and implemented the tool technically.

Services

Information architecture
Wireframing
User research
User experience design
Development

Challenge

A particular focus was placed on a meaningful hierarchy of different information and optimal user flows. The goal: to find the relevant information as quickly as possible. But unlike conventional wikis, kommpendium includes personal anecdotes and tips from experts in the field. Users should find useful information on the site, but also be able to browse.

The mobile and desktop views of the Dorfküche project page show how the dark green header with monochrome illustration stands out strikingly from the rest of the light green project page. When scrolling on the page, the header collapses, while the fold-out table of contents of the page remains attached to the top of the screen

Mobile start page of the kommpendium with detailed illustration and the headline:

The project tiles each show a large themed illustration in a monochrome retro look. Below the illustration there is a short description of the project themes

Design

The information should be in the foreground across all pages. The design should be on the edge of retro and timeless. Minimalist but with archive characteristics. The latter can be found above all in details such as the active section in the navigation bar, which is reminiscent of the tab of a file, or the project tiles on the start page, which can be moved around like files on a table.

The kommpendium’s mobile screens ensure optimal use of the site - even on the move. Whether it’s the project tiles, the project page itself with audio track or quickly jumping to the project page using the table of contents

Special features

Features such as the memo function allow users to save sections of content or anecdotes on the page—without having to log in. More detailed information can be found in each of the topic areas, divided into three categories: “Advice,” “Formalities,” and “Anecdotes.”