Polski Komitet Normalizacyjny
Dowiedz się, jak stworzyliśmy nową stronę internetową dostosowaną do potrzeb osób niepełnosprawnych dla PKN.
Problem
Na decyzję o przebudowie strony Polskiego Komitetu Normalizacyjnego wpływ miało kilka, istotnych czynników. Przede wszystkim poprzednie rozwiązanie zastosowane na stronie - CMS Drupal 7 nie spełniało najnowszych wymogów bezpieczeństwa. Od dłuższego czasu była dostępna najnowsza wersja systemu Drupal 8, zawierająca liczne ulepszenia w kwestii bezpieczeństwa. Brak aktualizacji do najnowszej wersji Drupala powodował również problemy związane z zarządzaniem stroną, a w szczególności ze znajdującym się na nim contentem.
Ponadto, strona charakteryzowała się niską wydajnością - czas ładowania konkretnych podstron zarówno na wersji desktop, jak i na urządzeniach mobilnych był bardzo długi, co negatywnie wpływało na doświadczenia użytkowników. Innym problemem związanym z user experience był przestarzały projekt graficzny strony- nie odwzorowywał on poważnego charakteru instytucji. Ostatnim, ale równie istotnym problemem z zakresu doświadczenia użytkowników był brak responsywności, co w znacznej mierze utrudniało korzystanie ze strony na innych urządzeniach niż komputery stacjonarne bądź laptopy.
Wymienione wyżej problemy były jasnym znakiem, że aby strona Polskiego Komitetu Normalizacyjnego była najlepszą wizytówką instytucji i źródłem wiarygodnych informacji, wymaga ona natychmiastowej interwencji i gruntownych zmian.
Nasze rozwiązanie
Po dokładnym audycie strony Polskiego Komitetu Normalizacyjnego postanowiliśmy całkowicie przebudować istniejący serwis. Biorąc pod uwagę fakt, że wcześniejsza wersja strony PKN była zbudowana na Drupalu, najbardziej optymalnym rozwiązaniem było pozostanie przy tym CMS. W tym celu nową stronę tworzyliśmy w oparciu o Drupal 8. Dlaczego zdecydowaliśmy się na takie rozwiązanie?
- Drupal jest skalowalny, dzięki czemu daje niemalże nieograniczone możliwości rozwoju strony w przyszłości.
- Najnowsza wersja systemu zapewnia bardzo wysoki stopień bezpieczeństwa. Nie bez przyczyny Drupal uznawany jest za jeden z najbardziej odpornych CMS-ów pod kątem ataków hakerskich.
- Istnieje wiele modułów i rozszerzeń dla Drupala, dzięki czemu CMS może być wzbogacany o nowe funkcjonalności w dowolnym czasie.
- Drupal daje możliwość jednoczesnego zarządzania stroną przez wielu użytkowników, co przy stronie takiej wielkości jest bardzo przydatną funkcją.
Tworząc nową stronę dla Polskiego Komitetu Normalizacyjnego zdecydowaliśmy się całkowicie zmienić przestarzałą szatę graficzną na rzecz nowoczesnego, ale przejrzystego projektu. Ponadto, priorytetem podczas budowy nowej strony było wprowadzenie responsywnej wersji strony, która będzie skalować się w zależności od urządzenia, na którym jest wyświetlana.
Szczegóły rozwiązania
1. WCAG
Jako podmiot prawa publicznego, Polski Komitet Normalizacyjny ma obowiązek dostosować swoją stronę do wymagań WCAG (Web Content Accessibility Guidelines). Dzięki temu treści zawarte na stronach internetowych stają się bardziej dostępne dla szerszego grona użytkowników m.in. osób niepełnosprawnych. Z tego powodu na stronie PKN wprowadziliśmy rozwiązania tj.:
- możliwość pomniejszenia/powiększenia treści,
- wersję standardową i kontrastową z możliwością łatwego przełączania,
- dostępność funkcjonalności przy użyciu klawiszy klawiatury,
- przewidywalność - strony otwierają się w przewidywalny sposób, układ treści na poszczególnych podstronach nie ulega drastycznym zmianom.
2. Zaawansowana wyszukiwarka
Strona Polskiego Komitet Normalizacyjnego zawiera bazę obowiązujących w polskim prawie norm. Aby ich wyszukiwanie było szybkie i proste, postanowiliśmy stworzyć zaawansowaną wyszukiwarkę w oparciu o technologię Apache Solr. Dodatkowo, zaprojektowaliśmy i wdrożyliśmy dedykowany moduł Autocomplete, który wzbogacił wyszukiwarkę o opcję auto-uzupełniania. Oprócz tej funkcjonalności, użytkownik ma również możliwość wyszukiwania norm według 8 kategorii.
3. Integracje Stworzenie
zaawansowanej wyszukiwarki, obsługującej dużą ilość zapytań, nie byłoby możliwe bez odpowiednich integracji z licznymi, zewnętrznymi bazami danych, które to wykonaliśmy na zlecenie PKN. Oprócz tego wdrożyliśmy integrację z kanałami PKN w mediach społecznościowych- Facebook, Linkedin i Twitter.
4. Wersje językowe
Dla tak ważnej instytucji jak PKN bardzo ważną funkcjonalnością strony jest wielojęzyczność. Z tego powodu wdrożyliśmy dwie wersje obcojęzyczne strony - angielską i rosyjską. Podobnie jak w przypadku polskojęzycznej strony, są one dostosowane do wytycznych WCAG oraz mają dostęp do zaawansowanej wyszukiwarki norm.
5. Inne funkcjonalności
Poza powyżej wymienionymi funkcjonalnościami wzbogaciliśmy stronę o prosty formularz kontaktowy, dzięki czemu obsługa zapytań przez PKN jest jeszcze prostsza. Dodatkowo stworzyliśmy rozbudowaną sekcję aktualności na stronie głównej z podziałem na kilka kategorii.
Projekt w liczbach
Dedykowanych modułów odpowiadających za funkcjonalności strony
Na tworzenie strony poświęciliśmy 1000 godzin
Stworzyliśmy 3 wersje językowe strony- polską, angielską i rosyjską
Zespół składał się z Project Managera, UX Designera, Testera i 2 Drupal Developerów
Efekty pracy
- Przyjazny i nowoczesny projekt graficzny
- Przystosowanie strony do wymagań osób z niepełnosprawnościami
- Przejrzysty panel administracyjny z podziałem na moduły
- Bezpieczny i skalowalny system Drupal 8
- Szybkie wyszukiwanie i filtrowanie treści na stronie
- Intuicyjny interfejs do zarządzania stroną
- Nieograniczone możliwości rozwoju strony
- Wzrost wydajności i szybkości strony
Technologie
Nasi Klienci
