Strona internetowa, którą w ostatnim czasie wdrażaliśmy, przedstawia działalność Konsorcjum Migracyjnego. Jest to organizacja zrzeszająca 9 organizacji działających na rzecz migrantek i migrantów oraz uchodźczyń i uchodźców. Dzięki wspólnemu celowi szerzą niesienie pomocy w obszarze migracji a także dzielą się swoją ekspercką wiedzą na ten temat.
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.
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.
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.
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ć.
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.