{"id":13095,"date":"2021-09-29T16:16:00","date_gmt":"2021-09-29T14:16:00","guid":{"rendered":"http:\/\/neu.thegeekettez.com\/?p=13095"},"modified":"2025-07-06T22:01:17","modified_gmt":"2025-07-06T20:01:17","slug":"new-website-for-the-french-german-burger-fund","status":"publish","type":"post","link":"https:\/\/birdux.studio\/en\/neue-webseite-fur-den-deutsch-franzosischen-burgerfonds\/","title":{"rendered":"New website for the Franco-German Citizens' Fund"},"content":{"rendered":"

We created the concept, the information architecture and the UI design for the relaunch.<\/strong><\/h4>\n\n\n\n

The revised website of the Franco-German Citizens' Fund now presents itself with clear user guidance, content tailored to the needs of users and an optimised UI design.<\/p>\n\n\n\n

The aim of the relaunch was to enable visitors to find the information they need more quickly in future. To achieve this, an optimised information architecture was designed by revising the menu and the topic entry points on the homepage and establishing clear call-to-actions for improved user guidance. In addition, new pages and content were designed to optimise the findability of content and modern adjustments were made to form elements to improve usability.<\/p>\n\n\n\n

The basis for the adapted user interface design and the design of new components was an existing visual identity, including the colours, typography, illustrations and image formats. We also used nuanced gradations of the existing colour library and existing illustrations to create a clear visual hierarchy.<\/p>\n\n\n\n

To the website of the Franco-German Citizens' Fund<\/a><\/strong><\/p>\n\n\n\n

<\/p>\n\n\n\n

You can also use the project in our case studies<\/a> find. <\/p>\n\n\n\n

No time to read? Tl; dr<\/strong><\/p>\n\n\n\n

Even with a small project team and limited resources, enormous improvements in terms of user experience are possible. Solutions are often very obvious, such as taking a look at how people communicate: In the language of the users or that of the organisation? If you speak the language of the users, many things suddenly become easier for them to find and there are fewer bounces. A visual design that is aligned with people's perceptual capacities can also work wonders in terms of making content easier to find and improving user guidance.
In addition, the establishment of a design system creates a pool of resources that is economical and sustainable from a business perspective, allowing future customisations to be carried out easily and cost-effectively.<\/p>","protected":false},"excerpt":{"rendered":"

Wir kreierten das Konzept, die Informationsarchitektur und das UI Design f\u00fcr den Relaunch. Die \u00fcberarbeitete Webseite des Deutsch -Franz\u00f6sischen B\u00fcrgerfonds pr\u00e4sentiert sich ab sofort mit einer klaren Benutzerf\u00fchrung, an den Bedarfen der Nutzer*innen ausgerichteten Inhalten und einem optimierten UI Design. Ziel des Relaunches war es, dass die Besucher*innen k\u00fcnftig die ben\u00f6tigten Informationen schneller auffinden. Daf\u00fcr […]<\/p>\n","protected":false},"author":2,"featured_media":15375,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"\n

Wir kreierten das Konzept, die Informationsarchitektur und das UI Design f\u00fcr den Relaunch.<\/strong><\/p>\n\n\n\n

Die \u00fcberarbeitete Webseite des Deutsch -Franz\u00f6sischen B\u00fcrgerfonds pr\u00e4sentiert sich ab sofort mit einer klaren Benutzerf\u00fchrung, an den Bedarfen der Nutzer*innen ausgerichteten Inhalten und einem optimierten UI Design. <\/p>\n\n\n\n

Ziel des Relaunches war es, dass die Besucher*innen k\u00fcnftig die ben\u00f6tigten Informationen schneller auffinden. Daf\u00fcr wurde eine optimierte Informationsarchitektur gestaltet, indem das Men\u00fc sowie die Themeneinstiege der Startseite \u00fcberarbeitet wurden und klare Call to Actions f\u00fcr eine verbesserte Benutzerf\u00fchrung etabliert wurden. Zus\u00e4tzlich wurden zur Optimierung der Auffindbarkeit von Inhalten neue Seiten und Inhalte gestaltet sowie zur Verbesserung der Usability zeitgem\u00e4\u00dfe Anpassungen an Formularelementen vorgenommen. <\/p>\n\n\n\n

Die Grundlage f\u00fcr das angepasste User Interface Design sowie der Gestaltung neuer Komponenten bildete eine bestehende visuelle Identit\u00e4t, einschlie\u00dflich der Farben, Typografie, Illustrationen und Bildformate. Wir verwendeten zudem nuancierte Abstufungen der bestehenden Farbbibliothek sowie bestehende Illustrationen, um eine klare visuelle Hierarchie zu schaffen.<\/p>\n\n\n\n

Zur Webseite des Deutsch-Franz\u00f6sischen B\u00fcrgerfonds<\/a><\/p>\n\n\n\n

<\/p>\n","_et_gb_content_width":"","footnotes":""},"categories":[11,7,121],"tags":[],"class_list":["post-13095","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-studio-news","category-user-experience-design","category-ui-design-system"],"_links":{"self":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/13095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/comments?post=13095"}],"version-history":[{"count":0,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/13095\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/media\/15375"}],"wp:attachment":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/media?parent=13095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/categories?post=13095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/tags?post=13095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}