You are looking for mindful web design that is as vibrant, multifaceted, and committed as your organization? Then take a look at the new digital home of the International Academy Berlin for Innovative Pedagogy, Psychology, and Economics gGmbH – short: INA Berlin. This website is not just a beautiful online presence. It is a consciously designed space that breathes education, shows diversity, and invites genuine interaction.
As a web designer from Berlin, I love working with NGOs that want to make a difference – not just online, but also in the world. For the project inaberlin.org, my vision was clear: to create a web design that not only informs but inspires. That not only structures but connects. That not only works but lives.
Web design for NGOs with depth, structure, and soul
INA Berlin is a complex entity. Several institutes under one roof, diverse research areas, numerous educational projects, and a strong social commitment. This complexity was the starting point for a web design that creates clarity while celebrating colorful diversity.
The goal was to create a digital space that offers calm – yet still piques curiosity. That is structured – without being rigid. And that touches the hearts of users – without becoming loud.
Colors that work – and connect
Every NGO has its own energy. At INA, it is colorful, vibrant, and future-oriented. This is reflected in the color scheme of the website: the corporate green remains as a connecting element, while each department becomes visible through its own color nuance – a play of harmony and individuality.
Colors guide through the page, make content tangible, and provide orientation. And by the way, they show: Here, diversity is not just tolerated but celebrated.
Interactive elements – because learning and discovering should be fun
What would an institute for innovative pedagogy be without interaction? Exactly – boring. That’s why I designed the web design to invite exploration. Small animations, subtle image changes when hovering with the mouse, surprising color accents when you want to learn more with a click.
I am particularly proud of the graphic on the institutes' page. A house ensemble that lights up when clicked, takes on color, and releases information – playful, intuitive, almost like an interactive campus. A digital cityscape for an urban, vibrant educational landscape.
Typography with attitude
Clear. Readable. And yet with character. This is how the typography used can be described. The body text is set in a calm, sans-serif font – it allows for breathing space. For the headings, I use a serif font that conveys depth and seriousness. The result: a balanced interplay between modernity and academic gravitas.
Flexible and lively – the CMS in the background
Technology should not get in the way. It should support. That’s why the website is based on a user-friendly content management system that allows the INA teams to easily maintain their content themselves – whether events, press articles, or new projects.
The website is not a rigid monument, but a breathing system. A living platform that evolves with INA.
Science to touch – searchable publications
INA stands for science with social relevance. It is all the more important that research does not remain behind closed doors. That’s why there is an easy-to-use publication database where visitors can search specifically for authors, titles, or keywords. Transparency. Made easy.
Job page with visibility – even for large platforms
Another highlight: the specially developed career page, which is not only attractively designed but also technically prepared so that job boards like Indeed or Google for Jobs can easily capture it. This means: more visibility for open positions – without additional effort.
Mindful web design meets social impact
For me, mindful web design means designing with feeling – with an open eye for people, for content, for function, and aesthetics. That’s exactly what has been created at inaberlin.org: a website that supports rather than dazzles. That tells rather than persuades.
Do you also want such web design for your NGO?
If you are currently considering how your organization can become more visible online, how you can convey your values online, and how a website can become not just a means to an end but a true expression of your vision – then let’s talk.
As a web designer in Berlin focusing on web design for NGOs, I develop digital spaces that are vibrant, clear, and completely yours. I look forward to your project. And to the stories we will make visible together.
Interested in a non-binding introduction? Then just write to me. I look forward to bringing your vision to light.