BARR.PL – strona internetowa dla Bydgoskiej Agencji Rozwoju Regionalnego

Opracowaliśmy i wdrożyliśmy zupełnie nową odsłonę witryny

BARR.PL – strona internetowa dla Bydgoskiej Agencji Rozwoju Regionalnego

Opracowaliśmy i wdrożyliśmy zupełnie nową odsłonę witryny

Aleksandra Skalska
3 lipca 2021
strona internetowa na komputerze i telefonie

WPROWADZENIE

Kim jest Klient?

Bydgoska Agencja Rozwoju Regionalnego to instytucja non profit, której głównym celem działalności jest promocja gospodarcza Bydgoszczy. W swoich zadaniach Agencja skupia się na podejmowaniu działań wspierających lokalną przedsiębiorczość i rozwój miasta, w tym m.in. na pozyskiwaniu nowych inwestorów i ich obsługą, pomocy przy zakładaniu i prowadzeniu działalności gospodarczej, tworzeniu nowych miejsc pracy, a także kształceniu zasobów ludzkich.

BARR dzięki temu, że dysponuje bieżącą wiedzą rynkową, jest głównym źródłem informacji gospodarczych w regionie. Współpracuje też z wieloma innymi podmiotami – deweloperami, agencjami HR i konsultingowymi, samorządami i ośrodkami akademickimi.

WYZWANIE

Dlaczego nawiązaliśmy współpracę?

Bydgoska Agencja Rozwoju Regionalnego zgłosiła się do nas z chęcią odświeżenia swojej dotychczasowej strony internetowej. Wśród problemów, które zasygnalizował Klient w trakcie przygotowywania specyfikacji, pojawiły się następujące kwestie:

  • Wygląd strony był mało atrakcyjny i w znacznym stopniu odstawał od współczesnych standardów;
  • Dotychczasowy motyw strony i skrypty nie były przystosowane do nowych wersji CMSa i wtyczek, w związku z czym nie działały poprawnie;
  • Struktura strony była rozproszona na kilka subdomen i brakowało jej spójności;
  • Długi czas wczytywania się witryny;
  • Brak odpowiedniego dostosowania strony do przepisów o dostępności dla osób niepełnosprawnych (standard WCAG).

Bydgoska Agencja Rozwoju Regionalnego od kilku lat współpracuje z UDI Software House. Początkowo zleciliśmy wykonanie nowej strony internetowej, a rok później poszerzyliśmy współpracę o stworzenie na niej nowego modułu, jakim jest Baza Firm w Regionie. Umowa obejmowała również przygotowanie projektów graficznych, migrację treści z poprzedniej wersji serwisu, jak również przeszkolenie pracowników z obsługi panelu administracyjnego strony.

Edyta WiwatowskaPrezes Zarządu
Bydgoskiej Agencji Rozwoju Regionalnego

NASZA STRATEGIA

Jakie rozwiązania zaproponowaliśmy?

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.

wyglad-nowej-strony-barr

  • 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.
    widok-bazy-firm-na-stronie-interentowej

    Baza Firm w Regionie, BARR.pl

EFEKTY

Co udało nam się uzyskać?

  • Nowoczesna i przyjazna strona internetowa
  • Poprawa wizerunku marki
  • Spójna i logiczna struktura serwisu
  • Pełna migracja danych do nowego systemu
  • Przystosowanie strony do wymagań osób z niepełnosprawnościami
  • Intuicyjny i prosty w obsłudze interfejs do zarządzania stroną
  • Zwiększenie wydajności i szybkości strony
  • Szerokie możliwości edycji wyglądu i zawartości strony
  • Responsywny design
  • Prywatny serwer VPS
Dodatkowo…

W ramach współpracy z Bydgoską Agencją Rozwoju Regionalnego przeprowadziliśmy szczegółowe szkolenie dla pracowników firmy z obsługi nowej strony internetowej BARR.pl. Służymy też doradztwem technicznym związanym z administrowaniem serwisu.

Nasza współpraca z UDI Software House przebiegała sprawnie i terminowo. Na każdym etapie realizacji poszczególnych projektów mogliśmy liczyć na dobrą komunikację, fachowe doradztwo, trafne sugestie oraz dążenie do szybkiego rozwiązywania problemów.

Wykorzystane rozwiązania techniczne oraz wykonane prace usprawniły działanie naszego serwisu, jak również wpłynęły na jego lepszy odbiór wizualny, co przyczyniło się do zwiększenia liczby użytkowników odwiedzających stronę Agencji.

Edyta WiwatowskaPrezes Zarządu
Bydgoskiej Agencji Rozwoju Regionalnego

TECHNOLOGIE

Na czym pracowaliśmy?

PHP / WORDPRESS / RWD

Podziel się tym artykułem z innymi!

Twitter Facebook Linke.din
Aleksandra Skalska
Marketing Manager
W UDI zarządza całym marketingiem – odpowiada m.in. za PR i komunikację marki na wielu kanałach. Planuje, tworzy, analizuje i ciągle wymyśla kolejne koncepcje kreatywne. Poza pracą uwielbia podróże, jedzenie i skandynawskie powieści kryminalne.