Polskie Sieci Elektroenergetyczne (PSE) to krajowy operator systemu przesyłowego energii elektrycznej, który działa na terenie ponad 1000 gmin naszego kraju. W ramach swojej działalności PSE realizuje kolejną edycję prograu „Wzmocnij Swoje Otoczenie”. Programu, który ma na celu wsparcie lokalnych społeczności poprzez granty na projekty poprawiające jakość życia mieszkańców i ochronę środowiska.
Program „Wzmocnij Swoje Otoczenie” dynamicznie się rozwijał, a dotychczasowa strona internetowa przestała odpowiadać na potrzeby użytkowników. Główne wyzwania obejmowały:
Celem projektu było stworzenie nowoczesnej, funkcjonalnej i czytelnej strony internetowej, która efektywnie poprowadzi użytkownika przez cały proces – od składania wniosku po realizację i rozliczenie grantu.
Prace nad projektem rozpoczęliśmy od szczegółowych warsztatów z klientem, które pozwoliły nam dogłębnie zrozumieć potrzeby uczestników programu oraz kluczowe wyzwania starej strony. Na tej podstawie zaplanowaliśmy kolejne etapy pracy, obejmujące projektowanie UX, UI oraz development.
Dzięki dobrze przeprowadzonej fazie discovery cały proces przebiegał sprawnie, a klient miał pełną kontrolę nad postępami. Nowa strona została zaprojektowana tak, aby intuicyjnie prowadzić użytkownika przez każdy etap programu – od aplikowania o grant po jego rozliczenie.
Sprawdź jak zrealizowaliśmy stronę promującą działania CSR dla Polskich Sieci Energetycznych.
Na początku projektu przeprowadziliśmy warsztaty, które pozwoliły dokładnie zrozumieć potrzeby użytkowników i wyzwania programu. Efektem etapu discovery było pełne zrozumienie ścieżki użytkownika i określenie kluczowych funkcjonalności, jakie powinna zawierać nowa strona.
Na tym etapie powstały:
Bazując na wnioskach z warsztatów, przystąpiliśmy do pracy nad częścią UX. Dzięki dobrze zdefiniowanym potrzebom, skupiliśmy się na ideacji rozwiązań, które na nie odpowiadają.
Ustaliliśmy priorytety i przeszliśmy do projektowanie makiet, a w nich:
Po zatwierdzeniu makiet UX przeszliśmy do projektowania warstwy wizualnej strony. Kluczowe było zachowanie czytelności i spójności z charakterem programu oraz zapewnienie użytkownikom intuicyjnego dostępu do informacji.
Efektami tego etapu są:
Na etapie programowania postawiliśmy na WordPress, aby zapewnić łatwą obsługę strony przez klienta.
Wdrożenie obejmowało:
