Niemiecki Instytut Historyczny w Warszawie to placówka naukowa o międzynarodowym znaczeniu, zajmująca się badaniem historii Europy Środkowej i relacji polsko-niemieckich. Naszym zadaniem było stworzenie nowoczesnej, funkcjonalnej i spójnej wizualnie strony internetowej, która w atrakcyjny sposób zaprezentuje działalność instytutu, jego bogaty dorobek naukowy oraz umożliwi wygodny dostęp do wydarzeń, katalogu biblioteki i publikacji.
Projekt wymagał połączenia elegancji i czytelności charakterystycznej dla instytucji naukowej z intuicyjnymi rozwiązaniami technologicznymi, które ułatwią użytkownikom dostęp do zasobów i informacji.
Projekt strony DHI Warszawa
1. Brief i analiza
Zrozumienie potrzeb instytutu:
Współpraca rozpoczęła się od dokładnej analizy strategicznych potrzeb Niemieckiego Instytutu Historycznego w Warszawie - instytucji prowadzącej badania i promującej historię Europy Środkowej, z mocnym naciskiem na relacje polsko-niemieckie i działalność poradniczo-naukową.
Identyfikacja wizualna:
Klient dostarczył istniejącą identyfikację wizualną - to był punkt wyjścia do spójnego zaprojektowania UI i brandingu całej strony. Elementy takie jak logotyp, kolorystyka, typografia i ogólny styl grafiki zostały zachowane w projekcie.
2. Projektowanie UX/UI
Struktura informacji:
Zaprojektowana została hierarchia treści: sekcje Aktualości, Instytut (w tym biuro, biblioteka, filie), Badania, Publikacje, Wydarzenia itd.
Kalendarium wydarzeń:
Stworzona dynamiczna sekcja „Wydarzenia”, umożliwiająca prezentację wykładów, seminariów, konferencji, dyskusji i przeglądów filmowych.
Wyszukiwarka katalogu biblioteki:
Zaprojektowane intuicyjne narzędzie do przeszukiwania katalogu, łączące dostęp do zasobów zarówno instytutu, jak i bibliotek współpracujących (np. Biblioteka Jagiellońska, Biblioteka Stacji Naukowej PAN w Wiedniu itd.)
3. Treści multimedialne i publikacje
Sekcja publikacji:
Zaimplementowana część z seriami wydawniczymi (np. „Klio w Niemczech”, „Quellen und Studien” itp.), monografiami, broszurami i materiałami online.
Materiały multimedialne:
Integracja zasobów multimedialnych - zdjęć z wydarzeń, newsletterów oraz e-booków (np. tomy „Klio w Niemczech” dostępne w wersji cyfrowej).
4. Finalny projekt graficzny
- Stworzono responsywną, estetyczną i spójną wizualnie stronę, silnie powiązaną z identyfikacją wizualną DHI Warszawa (logo, barwy, typografia).
- Ułożenie modułów w intuicyjny sposób: menu główne, podstrony z treścią, slider wydarzeń, sekcje multimedialne i publikacji.
5. Przekazanie do wdrożenia w CMS TYPO3
- Całość dokumentacji - makiety, stylguide, komponenty UI, wytyczne treści, specyfikacje techniczne i dane - została przygotowana do implementacji i przekazana zespołowi programistów.
- DrBlitz-WebLab pełniło rolę strategicznego partnera projektowego, a wdrożenie odbyło się w systemie CMS TYPO3, zgodnie z technologicznymi standardami naszej agencji.
Efekt końcowy
- Nowoczesna, spójna i funkcjonalna strona, zgodna z brandingiem DHI Warszawa
- Ułatwiona komunikacja naukowych zasobów, publikacji i wydarzeń
- Gotowość wdrożeniowa dla programistów TYPO3
