Michał Strześniewski
Lead Web Developer
KERRIS Group

Case Study: Vistula

czyli strona uczelni wyższej na WordPressie

Plan prelekcji

1. Nasze wyzwanie

2. Nasz plan

3. Nasze rozwiązanie

4. Dane i statystyki

Wyzwanie

Czym jest Grupa Uczelni Vistula?


Prywatna uczelnia wyższa w Warszawie,

składa się z dwóch bytów: AFiB Vistula i SGTiR.

Strona miała na celu zachęcenie do rekrutacji zwłaszcza osoby zza granicy.

Jakie otrzymaliśmy zadania?


1. Uspójnienie identyfikacji i połączenie dwóch uczelni pod jednym szyldem GUV.

2. Zwiększenie ruchu na stronie poprzez współpracę z zewnętrzną agencją i wdrożenie ich zaleceń SEO.

3. Poprawienie odbioru strony na urządzeniach mobilnych.

Co zastaliśmy?

- 2 oddzielne strony AFiB Vistula i SGTiR stojące na dedykowanym systemie,

- 2 oddzielne strony AFiB Vistula i SGTiR stojące na dedykowanym systemie,

- 2 oddzielne strony AFiB Vistula i SGTiR stojące na dedykowanym systemie,

- ok. 20 różnych stron kół naukowych na różnych systemach CMS (lub bez), każda z nich miała swoją własną grafikę (często kompletnie inną niż strona GUV),

- stronę biblioteki opartą o WordPress z dużą ilością własnego contentu,

- ok. 10 innych subdomen z mniejszymi lub większymi projektami na różnych CMSach.

Planowanie

Co postanowiliśmy?


1. Połączyć wszyskie te strony pod jednym adresem: http://vistula.edu.pl

2. Zbudować jeden duży system multisite
z ograniczonym dostępem dla adminów podstron

3. Zbudować system identyfikacji pozwalający
na łatwe dynamiczne budowanie kolejnych podstron

Stworzyliśmy mapę strony

Zaprojektowaliśmy Key Visual...

...oraz wybraliśmy technologie:


- Style Guide Driven Development

- WordPress MultiSite

- ACF Pro i WPML

Style Guide

Na początek przenieśliśmy zaprojektowaną identyfikację do kodu:

Wykorzystując metodologię BEM stworzyliśmy podstawowe elementy motywu, a następnie połączyliśmy je, tworząc reużywalne moduły.

Zależało nam na pełnej spójności wszystkich elementów i zminimalizowaniu liczby unikalnych modułów.

Łącznie stworzyliśmy 43 unikalne sekcje, z których administratorzy mogą tworzyć kolejne podstrony.

WordPress

Pierwszym wyzwaniem było postawienie WordPress MultiSite.

Dlaczego MultiSite?

Strony musiały mieć swoje własne panele administracyjne.

Wszystkie strony musiały być pod jedną domeną (podfoldery)

Główny administrator musiał móc w łatwy sposób tworzyć nową podstronę oraz interweniować w ich treści

Strony miały móc współdzielić aktualności i wydarzenia

Wyzwania związane z użyciem MultiSite?

Tworzenie podstron na każdym poziomie zagłębienia domeny.

Wyświetlanie aktualności i wydarzeń ze wszystkich podstron w jednej pętli.

Tłumaczenie linków podstawowych z pomocą WPML.

Automatyczne współdzielenie tłumaczeń domyślnych wyrażeń motywu na wszystkich podstronach.

Kolejnym wyzwaniem było zaimplementowanie Styleguide'u do łatwego używania go wewnątrz panelu administracyjnego.

Jak to zrobiliśmy?

Wykorzystaliśmy moduł Flexible Layouts z zasobów ACF Pro.

Podłączyliśmy style z pliku CSS do edytora WYSIWYG.

Aby ułatwić szybsze tworzenie treści, stworzyliśmy tzw. Układy domyślne.

Następne wyzwanie to struktura linków zgodna z wymaganiami agencji SEO.

Ścieżka dojścia do kierunku studiów dla każdego poziomu nauczania jest inna.

Strona musiała również mieć łatwo edytowalne nagłówki z poziomu panelu.

Mieliśmy także wiele innych, mniejszych i większych zadań, z którymi musieliśmy się zmierzyć.

Efekty

PrzedPo

PrzedPo

PrzedPo

PrzedPo

PrzedPo

PrzedPo

PrzedPo

PrzedPo

PrzedPo

Stworzyliśmy także specjalny moduł:
Znajdź swój kierunek

Dane i statystyki

Cały projekt trwał 5 miesięcy

2 miesiące trwało planowanie i projektowanie 3 miesiące – programowanie.

Nad projektem pracowało 8 osób:

Project Manager, 2 Designerów, WordPress Developer, Frontend Developer, DevOps i 2 Content Managerów

Powstały:

- 43 unikalne moduły

- 103 unikale projekty podstron

- ok. 3430 podstrony

- 23 strony w sieci witryn

- 4 języki (aktualnie 2 widoczne)

- 84 strony instrukcji obsługi

Zwiększyliśmy czas przebywania użytkownika na stronie głównej z 1:21 do 2:57.

Po usprawnieniach strony mobilnej procent użytkowników urządzeń mobilnych wzrósł z 11% do 58%.

Liczba unikalnych użytkowników strony wzrosła z 34 tys. do 53 tys.

Zwiększyliśmy liczbę osób składających aplikację na studia za pomocą strony internetowej o 10%

Czas na pytania

Case Study: Vistula

czyli strona uczelni wyższej na WordPressie