Przejrzysta struktura dla rozbudowanej działalności Instytutu
Punktem wyjścia było przełożenie szerokiego zakresu działalności Instytutu na strukturę zrozumiałą dla użytkownika. Na stronie znalazły się informacje o samym Instytucie, usługach, szkoleniach, wydarzeniach oraz działalności edukacyjnej. Każdy z tych obszarów otrzymał własne miejsce w nawigacji i odpowiedni sposób prezentacji treści.
Strona główna przedstawia charakter Instytutu i prowadzi użytkowników do najważniejszych części serwisu. Poszczególne podstrony pozwalają poznać działalność placówki, zapoznać się z ofertą usług, sprawdzić nadchodzące wydarzenia, przejrzeć szkolenia oraz przeczytać materiały publikowane na blogu. Całość uzupełniają sekcje FAQ i łatwo dostępne informacje kontaktowe.
Taka architektura informacji pomaga odwiedzającym szybko odnaleźć interesujące ich treści, a jednocześnie pozostawia przestrzeń do dalszego rozwijania poszczególnych obszarów działalności w ramach jednego serwisu.
Jednym z głównych założeń projektu było połączenie praktyki podologicznej, edukacji, wydarzeń i publikacji w jednym spójnym oraz łatwym w rozbudowie serwisie.
Projekt UI oparty na przejrzystości i wiarygodności
Warstwa wizualna strony została dopasowana do profesjonalnego i eksperckiego charakteru Instytutu. Zastosowaliśmy jasne tło, czytelną typografię oraz oszczędne wykorzystanie czerwieni obecnej w identyfikacji marki. Zdjęcia, wyraźne nagłówki i uporządkowane sekcje pozwalają skupić uwagę przede wszystkim na treści oraz osobach stojących za działalnością Instytutu.
Projektując interfejs, zadbaliśmy również o spójność poszczególnych podstron. Powtarzalny sposób prezentacji nagłówków, opisów, przycisków i elementów nawigacyjnych sprawia, że użytkownik łatwiej orientuje się w strukturze serwisu i wie, gdzie może przejść dalej.
Całość została zaprojektowana w podejściu responsywnym. Układ, typografia, nawigacja oraz poszczególne komponenty dostosowują się do komputerów, tabletów i smartfonów, zachowując czytelność oraz wygodę korzystania z serwisu.
UX dla różnych grup odbiorców
Jednym z istotnych wyzwań projektowych było uwzględnienie kilku różnych ścieżek użytkownika. Pacjent może przejść od poznania Instytutu do informacji o konkretnej usłudze i kontaktu. Specjalista znajdzie ofertę edukacyjną, artykuły oraz kalendarium, natomiast osoba zainteresowana konkretnym wydarzeniem może otworzyć jego dedykowaną stronę i zapoznać się ze szczegółami.
Uwzględniliśmy te potrzeby zarówno w architekturze informacji, jak i rozmieszczeniu odnośników oraz przycisków CTA. Najważniejsze obszary są dostępne bezpośrednio z menu głównego, a sekcje strony głównej tworzą dodatkowe ścieżki prowadzące do konkretnych podstron.
- Pacjenci – szybki dostęp do usług, informacji o Instytucie i możliwości kontaktu.
- Specjaliści – szkolenia, publikacje, wydarzenia branżowe i materiały edukacyjne.
- Uczestnicy wydarzeń – aktualne terminy, informacje organizacyjne i dedykowane strony wydarzeń.
Dynamiczne kalendarium wydarzeń
Jednym z ważniejszych elementów wdrożenia jest kalendarium szkoleń, konferencji i innych wydarzeń organizowanych przez Instytut. Wydarzenia funkcjonują jako osobny typ treści w WordPressie, dzięki czemu każde z nich może posiadać własną stronę z opisem, datą oraz informacjami organizacyjnymi.
Dane o wydarzeniach wprowadzane są w panelu administracyjnym za pomocą przygotowanych pól. Na ich podstawie serwis automatycznie prezentuje wydarzenia w kalendarium, a na stronie głównej wyświetla najbliższe terminy.
Użytkownicy mogą przeglądać listę wydarzeń oraz zawężać wyniki za pomocą wyszukiwarki i filtra dat. Rozwiązanie pozostaje więc wygodne również wtedy, gdy liczba publikowanych konferencji, szkoleń i innych wydarzeń będzie się zwiększać.
Zespół Instytutu dodaje lub aktualizuje wydarzenie w jednym miejscu, a wprowadzone informacje są automatycznie wykorzystywane w odpowiednich widokach serwisu.
Szkolenia i treści edukacyjne
Edukacja jest istotną częścią działalności Instytutu, dlatego poświęciliśmy jej rozbudowaną część serwisu. Oferta szkoleniowa została przedstawiona w sposób pozwalający łatwo rozróżnić propozycje dla profesjonalistów, osób bez specjalistycznego przygotowania oraz uczestników programów edukacyjnych.
Poszczególne szkolenia posiadają własne strony, na których można przedstawić zakres tematyczny, czas trwania, formę szkolenia, miejsce realizacji oraz pozostałe informacje potrzebne uczestnikowi. Taka struktura pozwala rozwijać ofertę bez konieczności przebudowy całej podstrony szkoleniowej.
Uzupełnieniem części edukacyjnej jest blog. Artykuły pozwalają Instytutowi dzielić się specjalistyczną wiedzą dotyczącą zdrowia stóp, pielęgnacji skóry oraz zagadnień związanych z podologią. Jednocześnie tworzą przestrzeń do systematycznego rozwijania zawartości serwisu.
WordPress i Elementor – wygodne zarządzanie stroną
Stronę wdrożyliśmy na WordPressie z wykorzystaniem Elementora oraz mechanizmów treści dynamicznych. Pozwalają one zarządzać powtarzalnymi elementami, takimi jak usługi, wydarzenia czy wpisy, bez konieczności ręcznego budowania każdego kolejnego widoku.
Zaplecze zostało przygotowane tak, aby aktualizacja serwisu nie wymagała ingerencji w jego strukturę. Osoba odpowiedzialna za treści uzupełnia konkretne informacje w panelu CMS, a system prezentuje je w przygotowanych wcześniej szablonach.
| CMS | WordPress |
| Projekt i edycja | Elementor |
| Treści dynamiczne | Usługi, wydarzenia i pozostałe powtarzalne elementy serwisu |
| Kalendarium | Dynamiczne wydarzenia, najbliższe terminy, wyszukiwanie i filtrowanie |
| Responsywność | Komputery, tablety i smartfony |
| SEO | Struktura treści, nagłówki, metadane i optymalizacja podstron |
Tak zaprojektowane zaplecze ma szczególne znaczenie w codziennej pracy z serwisem. Kalendarium, oferta usług, szkolenia i blog mogą być regularnie rozwijane przy zachowaniu spójnego sposobu prezentacji kolejnych treści.
Treści przygotowane z myślą o użytkownikach i SEO
W serwisie obejmującym wiele obszarów działalności sama ilość informacji nie wystarcza. Znaczenie ma również sposób ich uporządkowania. Zadbaliśmy o logiczny podział tematyczny, opisowe nagłówki oraz treści dopasowane do funkcji poszczególnych podstron.
Informacje o Instytucie, usługach, szkoleniach i wydarzeniach znajdują się w odpowiednich częściach serwisu, co pomaga zarówno użytkownikom, jak i wyszukiwarkom zrozumieć jego strukturę.
Przy opracowywaniu treści połączyliśmy język zrozumiały dla pacjentów z terminologią właściwą dla branży. Strona przedstawia zakres działalności Instytutu bez nadmiernego upraszczania jego specjalistycznego charakteru. Blog, rozbudowane strony usług oraz osobne strony wydarzeń tworzą jednocześnie podstawę do dalszego rozwoju widoczności serwisu.
Optymalizacja pod kątem SEO była częścią prac nad strukturą i redakcją strony. Obejmowała między innymi hierarchię nagłówków, metadane, strukturę podstron, linkowanie wewnętrzne oraz odpowiednie uporządkowanie poszczególnych obszarów tematycznych.
Stała współpraca na każdym etapie projektu
Realizacja wymagała połączenia wiedzy o działalności Instytutu z rozwiązaniami projektowymi i technicznymi. Dlatego w trakcie prac pozostawaliśmy w regularnym kontakcie z klientem, konsultując strukturę strony, sposób przedstawienia oferty, treści oraz szczegóły poszczególnych sekcji.
Taka współpraca pozwalała na bieżąco doprecyzowywać rozwiązania i uwzględniać uwagi osób najlepiej znających działalność Instytutu. Projekt rozwijaliśmy etapami – od architektury informacji i projektu interfejsu, przez wdrożenie podstron oraz mechanizmów dynamicznych, aż po dopracowanie wersji na różnych urządzeniach.
Efekt realizacji
Powstała rozbudowana strona internetowa prezentująca Instytut Podologii i Terapii Skórnych jako miejsce łączące praktykę, naukę i edukację. Serwis prowadzi różne grupy odbiorców do właściwych informacji, a jednocześnie daje zespołowi Instytutu możliwość wygodnego rozwijania oferty usług, kalendarium, szkoleń oraz bloga.
Projekt został przygotowany z myślą o dalszym rozwoju. Kolejne usługi, wydarzenia, szkolenia i publikacje mogą być dodawane bez przebudowy podstawowej architektury strony, dzięki czemu serwis może rozwijać się razem z działalnością Instytutu.
| Klient | Instytut Podologii i Terapii Skórnych prof. PW Agnieszki Gadomskiej |
| Zakres prac | Architektura informacji, UI/UX, wdrożenie, RWD, treści dynamiczne, kalendarium, filtry i SEO |
| Technologie | WordPress, Elementor, JetEngine, JetSmartFilters |
| Typ projektu | Rozbudowany serwis internetowy |