Przy użyciu sprawdzonych technologii i w oparciu o najlepsze praktyki w dziedzinie web designu, na nowo stworzyliśmy projekt strony internetowej dla BARR.pl. Uwzględniając potrzeby Klienta, wdrożyliśmy wygodny system CMS, zadbaliśmy o odpowiednią optymalizację techniczną, a także wprowadziliśmy niezbędne funkcjonalności.
- Projekt graficzny strony www
Bydgoska Agencja Rozwoju Regionalnego to instytucja publiczna, która ze względu na swój charakter działalności powinna prezentować profesjonalny wizerunek. Taki, który będzie wzbudzał zaufanie, a także odzwierciedlał jej wartości. Projekt nowej odsłony BARR.pl zakładał więc, przede wszystkim, przejrzystość, nowoczesność i minimalizm. Miał podkreślać rzetelność i kompetencje, jakie stoją za instytucją, a jednocześnie być spójny z jej identyfikacją wizualną.
- Architektura informacji
Struktura strony została ułożona w logiczny i intuicyjny sposób – tak, aby umożliwiała użytkownikom jak najsprawniejszą nawigację po witrynie.
Serwis BARR.pl posiadał wcześniej wiele rozproszonej treści na podległych mu subdomenach. Zostały one oparte na starszych systemach CMS, w związku z czym nie działały poprawnie z nowymi wersjami PHP. Postanowiliśmy je zintegrować z nową stroną główną, a na wcześniejszych adresach URL zrobiliśmy przekierowania 301. Dzięki temu cała domena posiada logiczną strukturę, jest spójna i sprawna. Takie rozwiązanie daje też stronie większe szanse na lepsze pozycje w wyszukiwarkach. Subdomeny bowiem są przez Google traktowane jako osobne witryny. W związku z tym ich efektywność pod względem SEO nie jest aż tak duża, jak w przypadku subfolderów, które są integralną częścią strony głównej.
- Responsive Web Design
Nowa strona internetowa jest w pełni responsywna, czyli automatycznie dostosowuje swój wygląd zarówno do urządzenia, jak i przeglądarki, na której jest wyświetlana. Umożliwia to użytkownikowi wygodne przeglądanie dostępnych na niej treści zarówno na komputerach stacjonarnych, jak i tabletach oraz smartfonach.
- Dostosowanie do wytycznych WCAG (Web Content Accessibility Guidelines)
BARR jako podmiot prawa publicznego ma obowiązek posiadać stronę internetową w pełni przystosowaną dla osób niepełnosprawnych. Wynika z to z ustawy z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych. Mówi ona o tym, że witryna powinna spełniać 4 podstawowe wymogi:
- postrzegalności,
- funkcjonalności,
- zrozumiałości,
- solidności.
W tym celu wdrożyliśmy na stronie BARR.pl odpowiednie rozwiązania. Zastosowano autorską wtyczkę, dostosowującą i modyfikującą wyświetlanie zawartości strony poprzez użycie trybu kontrastowego o odpowiednim powiększeniu treści, a także została umożliwiona nawigacja po stronie za pomocą klawiatury.
- WordPress jako system do zarządzania treścią
Biorąc pod uwagę potrzeby i wymagania Klienta, jako system CMS do obsługi strony wybraliśmy WordPressa. To rozwiązanie, które jest nie tylko proste i intuicyjne w użyciu, ale również pozwala na szeroką gamę modyfikacji i dostosowania do aktualnych potrzeb. Co więcej, jest on skalowalny i przyjazny SEO.
Jedną z wytycznych Klienta była także możliwość łatwego zarządzania zawartością i wyglądem strony. W tym celu zainstalowaliśmy page builder WPBakery, który w panelu administracyjnym pozwala na wprowadzanie dowolnych zmian w obszarze treści w serwisie.
- Optymalizacja czasu ładowania się witryny
Zbyt długi czas wczytywania się był jednym z głównych problemów wcześniejszej wersji serwisu. Aby go wyeliminować, zdecydowaliśmy się na stworzenie własnego motywu strony. Dzięki temu mogliśmy w pełni dopasować strukturę i funkcjonalności witryny do potrzeb Klienta, jednocześnie ograniczając liczbę niepotrzebnych dodatków i wtyczek, które spowalniają jej działanie. Dodatkowo zastosowana została pamięć podręczna (cache), minifikacja skryptów (zmniejszenie kodu źródłowego poprzez usunięcie niepotrzebnych znaków) i mechanizm lazy load (technika opóźnionego ładowania zasobów z serwera).
- Dedykowane funkcjonalności
W odpowiedzi na potrzeby Klienta, wdrożyliśmy kilka dedykowanych funkcjonalności:
- Żałobna wersja serwisu – ze względu na charakter swojej działalności, Bydgoska Agencja Rozwoju Regionalnego w czasie żałoby narodowej powinna przybrać dedykowaną szatę graficzną. Na wypadek takich sytuacji zaprojektowaliśmy moduł zmiany wyglądu strony na jej odpowiednik w skali szarości.
- Kalendarz wydarzeń – BARR jest organizatorem różnego rodzaju szkoleń i konsultacji, dlatego potrzebowali miejsca, w którym będą o nich informować. Stworzyliśmy więc dedykowaną zakładkę na stronie, w której pojawiają się planowane wydarzenia. Każde posiada m.in. datę rozpoczęcia i zakończenia, czas trwania oraz odnośnik przekierowujący do serwisu z zapisami.
- Baza Firm w Regionie – Agencja w ramach swoich działań prowadzi bezpłatną bazę lokalnych firm, która ma na celu ułatwić im promocję oraz umożliwić nawiązywanie między sobą kontaktów biznesowych. Dzięki stworzonemu narzędziu, każde przedsiębiorstwo może się w niej zarejestrować za pomocą dostępnego formularza. Podane w nim dane są następnie weryfikowane, a na podany adres e-mail zostaje wysłana wiadomość potwierdzająca zarejestrowanie firmy w systemie oraz zawierająca link aktywujący konto. Jest on ważny przez 48 godzin od wygenerowania. W przypadku braku aktywacji, konto wraz ze wszystkimi danymi jest usuwane z systemu.