NSP Jagiellonka

Jagiellonka to niepubliczna szkoła podstawowa w Inowrocławiu. Już od pierwszego spotkania z Założycielami szkoły można zauważyć ich niesamowite zaangażowanie i troskę o dzieciaki. Nieliczne klasy sprzyjają wręcz domowemu sposobowi nauki, co świetnie wpływa na edukację i przyszłość dzieci. Szkoła angażuje się w wiele projektów, w tym międzynarodowych - pozwala to dzieciakom na oswojenie się z językami obcymi i praktyczne ich zastosowanie. Wysoki poziom nauki i niezwykłe wartości zostaną docenione przez każdego rodzica.

Zakres prac:

  • mapa strony
  • makietowanie
  • dobór zdjęć z banku zdjęć
  • warstwa graficzna strony
  • konfiguracja domeny i hostingu
  • budowa strony internetowej
  • konfiguracja poczty w domenie jagiellonka.edu.pl
  • instalacja certyfikatu SSL
  • przekazanie strony Klientowi
  • instrukcja obsługi strony
  • prace konserwacyjne

Pracę nad budową strony, rozpoczęliśmy tradycyjnie od zebrania wszystkich potrzebnych informacji. I tak, jak przed spotkaniem z Klientem wydawało mi się, że zamkniemy całość w kilku podstronach, tak po zebraniu okazało się że informacji jest całkiem sporo.

W pierwszej chwili chciałem przeprowadzić z Klientem UXowy warsztat ze sortowania kart – pomaga on usystematyzować treści i zbudować szkielet architektury informacji. Koniec końców, z różnych przyczyn zająłem się tym sam i po kilku drobnych zmianach mieliśmy gotową mapę strony.

Fragment mapy strony

Po omówieniu i akceptacji umieszczenia poszczególnych modułów przyszedł czas na kolejny etap budowy strony: projektowanie makiet. W tym istotnym momencie zapadają decyzje o wielkości poszczególnych modułów, ile tekstu będą zawierać, jak użytkownik może prowadzić interakcje.

Kolejnym krokiem było „ubranie” makiety w warstwę graficzną. To w tym momencie określiłem kolorystykę, charakter poszczególnych grafik, odpowiedni krój i wielkości tekstów. W przypadku tekstów na stronie trzeba zwrócić szczególną uwagę na zachowanie odpowiednich wielkości i kontrastu. Bardzo często zdarza się, że nieodpowiednie wielkości lub mały kontrast uniemożliwiają odczytanie treści zawartych na stronie.

Widok makiet z warstwą graficzną UI

Już na pierwszy rzut oka widać, jak wiele podstron zawiera ten mini-serwis. Wszystkie zostały poukładane w przejrzysty i przyjazny dla użytkownika sposób. Ułatwia to nawigację pomiędzy poszczególnymi elementami strony.

Menu nawigacyjne, baner główny i część sekcji z przewagami konkurencyjnymi szkoły.

Po omówieniu i akceptacji tej fazy przyszedł czas na rozpoczęcie prac związanych z programowaniem. Strona została stworzona na popularnym CMSie WordPress. Z pomocą drugiego dewelopera stworzyliśmy autorski motyw, do wykorzystania tylko na tej stronie. Napisanie każdej strony indywidualnie zajmuje więcej czasu, niż korzystanie z gotowców, ale zyskuję dzięki temu wolność w projektowaniu. Nie ma tutaj miejsca na kompromisy pomiędzy funkcjonalnością a możliwościami gotowych szablonów.

Autorski motyw do WordPressa to cecha warta wielu linijek kodu

Ze względu na ilość informacji i częstotliwość ich aktualizacji przygotowaliśmy system do łatwej obsługi. Każda z podstron jest udostępniona do edycji. Redaktor może tworzyć dowolne formaty treści i edytować każdą z nich, np. poszczególne projekty, dokumenty szkoły, kadrę czy aktualności.

Stronę umieściłem na szybkim i wydajnym hostingu w lh.pl. Współpracuję z nimi od wielu lat. Cały czas udoskonalają infrastrukturę i mają doskonałą obsługę klienta. Z moim kodem rabatowym simplo możesz uzyskać 20% zniżki na ich usługi. Baner reklamujący usługi hostingu od 36zł za rok

Opinia klienta o współpracy ze mną:

treść opinii

Imię i nazwisko

Porozmawiajmy o Twoim projekcie!

Zadzwoń lub napisz - chętnie podpowiem Ci, w jaki sposób zaistnieć w sieci. Jeśli wolisz, możemy umówić się na spotkanie, na którym omówimy szczegóły Twojego projektu.