Jak pomogliśmy Archiwom Państwowym w Krakowie wdrożyć nową stronę i przenieść kilka tysięcy akt do nowego, intuicyjnego systemu zarządzania.

Wizualizacja strony z pętlą wydarzeń

Śledź nas w mediach społecznościowych:

archiwa państwowe logo

Współpraca z Archiwum Narodowym w Krakowie opierała się na stworzeniu nowej strony internetowej oraz przeniesieniu wszystkich treści ze starej wersji serwisu opartej o wiekowy CMS.

Sprawdź online
Web development - wizualizacja strony głównej na telefonie

Główne założenia i projekt w liczbach

Zaprojektowanie nowoczesnego designu, wprowadzenie funkcjonalności ułatwiających poruszanie się po stronie oraz organizacja informacji i danych z kilku lat działalności – to tylko kilka głównych zadań, które czekały na nas podczas realizacji tego zlecenia.

  • 739

    Liczba podstron przeniesionych ze starej witryny

  • 90/100

    Wynik prędkości w testach prędkości Google na kompuerach

  • 1.3s

    Czas na pełną interakcję serwisu na komputerach

  • 184

    „Kolekcje online” przeniesione ze starej wersji serwisu

Dyrektor Archiwów Państwowych w Krakowie poleca

Dr Wojciech Krawczuk - dyrektor Archiwum Narodowego w Krakowiearchiwa państwowe logo

Dr Wojciech Krawczuk

Dyrektor Archiwów Państwowych w Krakowie
Kraków, Polska

Współpraca z Brave New Sp. z o.o. w zakresie przygotowania i wdrożenia strony internetowej, jest dla Archiwum Narodowego w Krakowie bardzo satysfakcjonująca. Opracowana przez ww. firmę i opublikowana w kwietniu 2019 r. witryna www.ank.gov.pl posiada spójny projekt graficzny, a poprzez swój minimalizm i funkcjonalność jest przyjazna użytkownikowi. Na potrzeby naszej instytucji zaprojektowano szereg funkcjonalności jak np. mechanizm e-rewersu, formularze kontaktowe oraz mechanizm galerii do prezentacji archiwalnych kolekcji na wystawach online.

Nowa strona WWW krakowskiego Archiwum, w warstwie wizualnej oraz architekturze informacji dopasowana została do budowy stron internetowych w domenie gov.pl, aby prezentować treści w zunifikowany dla administracji publicznej sposób. Atrakcyjna i nowoczesna szata graficzna, przejrzystość oraz łatwość nawigacji, zyskały uznanie wśród internautów, również tych potencjalnie zagrożonych wykluczeniem cyfrowym.

Z przyjemnością mogę udzielić referencji firmie Brave New Sp. z o.o. również ze względu na dobrą komunikację przy realizacji projektu oraz terminowość.

Rozwój stron internetowych - zdjęcie starej książki

Głównym założeniem projektu było stworzenie przemyślanego serwisu z atrakcyjnym, a jednocześnie użytecznym designem przedstawiającym bogate zasoby krakowskiego archiwum.

Projekt rozpoczęliśmy od przygotowania szczegółowej oferty.  Poprzednia strona internetowa Archiwum posiadała dużą ilość treści, które musiały zostać przeniesione do nowej witryny.  Kolejnym ważnym założeniem było stworzenie projektu graficznego, który  w prosty sposób prezentowałby wszystkie funkcjonalności serwisu.

Witryna Archiwum była bardzo rozbudowaną stroną – z duża ilością zakładek, podstron i artykułów. Naszym zadaniem było przygotowanie nowej architektury informacji, zaktualizowanie struktury menu  oraz przeniesienie wszystkich artykułów, które zostały opublikowane na stronie na przestrzeni lat.

Wyjątkowe funkcjonalności wdrożone w projekcie

  • Design i usability

    Projekt graficzny strony opiera się na kilku podstawowych kolorach spójnych z identyfikacją wizualną jednostki.  Menu zostało podzielone na 5 głównych kategorii wraz z licznymi podstronami. Charakterystycznym elementem są proste ikony, przypisane do tematyki każdego działu lub rodzaju wpisu.  Na stronie głównej została również  umieszczona sekcja, gdzie w formie slidera pojawiają się najnowsze aktualności i wydarzenia.  
  • Dostosowanie dla osób zagrożonych wykluczeniem cyfrowym

    Pod względem funkcjonalności strona została wyposażona w kilka z nich, aby korzystanie z niej  było jak najprostsze dla wszystkich użytkowników.  Najważniejsze jest dostosowanie strony do osób z dysfunkcjami. Czytelnicy mają możliwość zmiany wielkości czcionki na stronie lub ustawienie kontrastu. Kolejnym udogodnieniem jest angielska wersja językowa  oraz dostępna wyszukiwarka, znajdująca się w nagłówku. Użytkownicy moją dostęp do treści  zarówno na komputerze, jak i urządzeniach mobilnych.  
  • Łatwa obsługa galerii

    Zmiany zostały również wprowadzone w sposobie prezentacji wystaw i galerii online. Dodany  został nowy układ siatki zdjęć oraz wygląd  każdej wystawy. Zostały one wyposażone w prosty system tworzenia galerii zdjęć oraz opcję sortowania i filtrowania wyników.  
Projektowanie stron internetowych - wizualizacja witryny w wersji mobilnej
  • Laptop wyświetlający stronę z nagłówkiem
  • Osoba przeglądająca witrynę na telefonie
  • Wizualizacja wyszukiwarki na stronie WWW
  • Wizualizacja strony z ikonami
  • Zdjęcie laptopa z wyświetloną stroną wydarzeń
  • Wizualizacja strony ze zdjęciem i opisem
  • Wizualizacja strony z pętlą wydarzeń

Założenia i początek projektu

Web design - kobieta testująca stronę internetową

Po omówieniu wszystkich propozycji i uzgodnieniu szczegółów działania serwisu mogliśmy przystąpić do działania

Współpraca z Archiwum Narodowym w Krakowie opierała się na stworzeniu nowej strony internetowej oraz przeniesieniu wszystkich treści ze starej wersji serwisu opartej o wiekowy CMS.

 

Zaprojektowanie nowoczesnego designu, wprowadzenie funkcjonalności ułatwiających poruszanie się po stronie oraz organizacja informacji i danych z kilku lat działalności – to tylko kilka głównych zadań, które czekały na nas podczas realizacji tego zlecenia.

 

Po omówieniu wszystkich propozycji  i ustaleniu  szczegółów dotyczących działania strony mogliśmy przystąpić do działania.  Pierwszym etapem prac było przygotowanie projektu graficznego zgodnego ze wcześniejszymi założeniami.  Projekt miał być jak najbardziej przejrzysty, prosty i uniwersalny, aby   bez względu na dodawane treści czy pojawiające się trendy w projektowaniu, strona ciągle wyglądała estetycznie i profesjonalnie.

 

Kolejnym etapem było zakodowanie strony i wprowadzenie wszystkich funkcjonalności. Dużą uwagę przykładaliśmy do sprawnej nawigacji, dostosowania strony dla osób z dysfunkcjami oraz intuicyjnej prezentacji elementów wizualnych. Na podstronie z wystawami i galeriami online wprowadziliśmy opcję przeglądania i wyszukiwania informacji na podstawie filtrów: tematyki, lokalizacji oraz  okresu historycznego.

 

Ostatnim etapem było przeniesienie wszystkich treści z poprzedniej strony. To właśnie na tym etapie stworzyliśmy nową strukturę menu, przenieśliśmy archiwalne materiały oraz dopracowaliśmy stronę pod względem wizualnym – dodanie zdjęć, grafik  i ikon. Prace sfinalizowaliśmy połączeniem strony z serwisami zewnętrznymi takimi jak: Dawne Pismo, Szukaj w Archiwach czy Krakowski Rocznik Archiwalny.

Zakres prac

  • Webdesign
  • Kodowanie strony www
  • Migracja treści
  • Wsparcie techniczne po uruchomieniu serwisu

Sprawdź projekt przed i po pracach

Strona Archiwów Państwowych w Krakowie to przykład strony z dużą ilością informacji, które zostały uporządkowane i zorganizowane w taki sposób, aby były dostępne dla wszystkich odwiedzających.

  • Zrzut ekranu strony z aktualnościami
  • Zrzut ekranu pojedynczej strony aktualności
  • Zrzut ekranu strony internetowej z nagłówkiem i stopką
  • Zrzut ekranu strony informacyjnej
  • Zrzut ekranu strony wiadomości
  • Zrzut ekranu bloku z ikonami i listą na stronie
  • Zrzut ekranu sekcji karuzeli w witrynie
  • Zrzut ekranu z listą i ikonami na stronie
  • Zrzut ekranu bloku z ikonami i listą na stronie
  • Zrzut ekranu ukazujący kontrast na stronie
  • Zrzut ekranu strony z tabelką
  • Zrzut ekranu strony z linkami
  • Zrzut ekranu strony z przyciskiem
  • Zrzut ekranu przedstawiający opis ze zdjęciem
  • Zrzut ekranu przedstawiający animacje na zdjęciu
  • Zrzut ekranu wyszukiwarki tabeli na stronie