Warsztaty projektowe

Pierwszym etapem prac nad stroną było przeprowadzenie warsztatów projektowych, aby w pełni zrozumieć potrzeby oraz cele klienta. Głównym założeniem przedstawicieli Konsorcjum było podkreślenie ich autorytetu w obszarze działalności migracyjnej oraz zachęcenie potencjalnych darczyńców do współpracy. Podczas warsztatów wspólnie z klientem przeszliśmy przez ustalanie priorytetów, określenie użytkowników ich strony oraz wybranie najistotniejszych założeń, potrzeb a także działań, które powinny być dostępne dla odwiedzających stronę. Wiedza zebrana na tym etapie znalazła odwzorowanie w stworzonej następnie strukturze strony. Jednym z wymagań klienta była prosty i nieskomplikowany sposób poruszania się po serwisie. Oznaczało to zmieszczenie wszystkich dostarczonych treści na małej ilości podstron, jednak w taki sposób aby wszystkie informacje były łatwo dostępne. 

unnamed.png

Projektowanie makiet

Po analizie warsztatów oraz przejrzeniu benchmarków wybranych przez przedstawicieli Konsorcjum Migracyjnego przeszliśmy do etapu designu. Pierwszą częścią było stworzenie makiet niskiej szczegółowości. W tym przypadku aby klient łatwiej mógł wyobrazić sobie efekt końcowy, makiety były robione już w trochę bardziej wizualny sposób niż standardowe wireframy. Wykorzystywaliśmy już dostarczone nam zdjęcia, które docelowo miały znaleźć się na stronie, a także wprowadziliśmy wstępne akcenty kolorystyczne, które pomogły w wyróżnieniu najważniejszych informacji. Po spotkaniu z Konsorcjum Migracyjnym, mającym na celu omówienie postępów prac, skupiliśmy się na wprowadzeniu zaznaczonych poprawek.

unnamed (1).png

Kolejna część etapu projektowego to makiety wysokiej szczegółowości. W międzyczasie otrzymaliśmy od klienta identyfikację wizualną Konsorcjum. Ułatwiło to dopasowanie charakteru strony internetowej do całościowego wizerunku organizacji. W tej części skupiliśmy się na wizualnym dopracowaniu strony, co oznaczało dopasowanie kolorystyki, ujednolicenie użytych fontów. Skupiliśmy się także na nadaniu stronie lekkości oraz dynamiczności, co miało podkreślać jawną oraz proaktywna postawę Konsorcjum. Zostały do tego użyte elementy loga oraz skośne linie przy zaznaczeniu nagłówków. 

unnamed (2).png

Po zaakceptowaniu ostatecznej wersji designu rozpoczęła się część związana z developmentem strony.

 

Development

Po analizie wymagań i konsultacjach z klientem zdecydowaliśmy się na wdrożenie strony na środowisku Wordpress, ze względu na doświadczenie klienta z tym systemem. Instalacja i konfiguracja środowiska stagingowego na naszym serwerze umożliwiła przystąpienie do prac nad tworzeniem niestandardowych szablonów poszczególnych podstron. Wykorzystaliśmy zaprojektowane przez nas makiety graficzne i przekształciliśmy je w kod HTML/CSS/PHP, tworząc unikalne szablony dla różnych stron oraz integrując stronę z zewnętrznym serwisami. W developmencie wspomagaliśmy się również kreatorem stron Bricks Builder. 

Następnym krokiem było dodanie customowych pól, które umożliwiły klientowi łatwe zarządzanie treścią na stronie z poziomu panelu administracyjnego. Za pomocą wtyczki MetaBox dodaliśmy różne rodzaje pól, takie jak tekst, obraz, wybór daty i wiele innych, które klient obecnie może łatwo aktualizować.
 

image.png


Po skonfigurowaniu strony i umożliwieniu Konsorcjum edycji treści, przystąpiliśmy do optymalizacji strony pod kątem szybkości działania i SEO. W tym procesie skorzystaliśmy z różnych wtyczek Wordpress, które pomogły nam zwiększyć szybkość ładowania strony i poprawić jej widoczność w wynikach wyszukiwania.

Ostatnim krokiem było przetestowanie strony. Sprawdziliśmy, czy wszystko działało poprawnie, czy strona wyglądała dobrze na różnych urządzeniach i przeglądarkach, oraz czy szybkość ładowania strony jest akceptowalna. Jakiekolwiek błędy lub problemy zostały naprawione na tym etapie. Po akceptacji ze strony klienta, zainstalowaliśmy stronę na jego serwerach pod właściwą domeną. Serwery Konsorcjum Migracyjnego zostały następnie zoptymalizowane pod kątem szybkości działania.

Zobacz projekt LIVE