INA Berlin ist eine Website, die zur Unterstützung einer internationalen Initiative erstellt wurde, deren Ziel es war, Verbindungen zwischen Menschen und die Entwicklungen innerhalb eines interdisziplinären Diskurses zwischen Pädagogik, Psychologie und Ökonomie zu schaffen. In allen Arbeitsbereichen der INA geht es also in Theorie, Praxis und Ausbildung um die Frage nach der sinnvollen interdisziplinären Ergänzung und einer Kooperation.

Unser Ziel war es, den Menschen ein besseres Verständnis dafür zu vermitteln, wie verschiedene wissenschaftliche Felder sich positiv auf Menschen auswirken können.

Die Website sollte die Nutzer ansprechen, sie in den Bann ziehen und sie zum Handeln ermutigen, indem sie die verschiedenen Bereiche in strukturierten Content transferiert.

Unsere erste gestalterische Herausforderung bestand darin, etwas zu entwerfen, das sich von früherer Website abhebt und gleichzeitig die globalen Markenrichtlinien einhält.

Schwarzer Text auf großem weißen Hintergrund (White Space) vermittelt ein sofortiges Gefühl von Frische, anstatt dass die Worte im Hintergrund verblassen. Dann erstellten wir ein animiertes Intro, das der Markenkontinuität folgt, indem wir einen sanften Scroll-Effekt verwendeten, der INA in Bewegung vorstellt und entwarfen dann Seitenlayouts, die eine nahtlose Präsentation aller wichtigen Seiten ermöglichen.

Für die Entwicklung der INA Website arbeiteten wir in mehreren Phasen: Zunächst mussten wir in einem Workshop alle für dieses Projekt benötigten Informationen zusammentragen.

Dann arbeiteten wir an verschiedenen Aspekten wie der:

• Schaffung einer einfachen und umfassenden Benutzererfahrung für eine große Gruppe potenzieller Besucher
• der Integration eines maßgeschneiderten CMS-Systems, das zusätzliche Funktionen wie Personalisierung und Tracking bietet
• der Entwicklung einer erweiterbaren Website mit WordPress als Basisplattform.

Dazu gehört die Verwendung von HTML, CSS, JavaScript und PHP, um Websites zu erstellen, die schnell laden und einfach zu navigieren sind, auf allen Geräten gut aussehen und Vertrauen bei den Kunden schaffen.

Wir haben viel Zeit in die Gestaltung von aufmerksamkeitsstarken Landingpages investiert und gleichzeitig eine einheitliche Designsprache geschaffen, die sowohl klar als auch einfach zu bedienen ist. Ebenso wichtig war uns, dass die von uns gestalteten Elemente unabhängig von ihrer Platzierung auf der Website genutzt werden können – sei es, um die Nutzerzahlen zu skalieren oder um zusätzliche gestalterische Herausforderungen zu schaffen, indem sie komplett vom CMS-verwaltet werden.

Natürlich können alle Funktionen und Features der Website auch mobil benutzt werden. Wir haben alles in die Seite integriert, was zum Erfolg dieser Website benötigt wird – darunter auch eine Vielzahl von Tools wie dynamische Inhalte oder Google Analytics, mit deren Hilfe die Besucher und Kunden besser mit Inhalten bedient werden können. Die Navigation ist intuitiv gestaltet, sodass jeder Besucher gut durch die Seite fließt.

Der gesamte Inhalt und die gesamte Erfahrung sind nicht nur für Mobilgeräte optimiert, sondern auch klar vorgestellt und gestaltet, um die gleiche beeindruckende Erfahrung zu gewährleisten, die Sie auf dem Desktop erhalten würden.