revicoklinikaruchu.pl to nowa strona Revico Klinika Ruchu Joanny Kapuścińskiej, dawniej Nowa Reholandia. Centrum prowadzi rehabilitację niemowląt, dzieci i dorosłych przy Al. Warszawskiej w Olsztynie, a właścicielka pracuje w zawodzie od 1998 roku. Zadanie było podwójne: zaniepokojonemu rodzicowi pomóc w kilka sekund znaleźć właściwą terapię, a dorosłemu pacjentowi pokazać zespół z konkretnymi kwalifikacjami. Cały system graficzny wyrósł z jednego kształtu, heksagonu z logo.
Wyzwanie i rozwiązanie
Fizjoterapia mówi językiem metod: NDT-Bobath, PNF, integracja sensoryczna. Rodzic przychodzi z niepokojem i jednym pytaniem, czy to już powód do wizyty. Do tego trzy grupy pacjentów, nowa nazwa kliniki i rejestracja tylko przez telefon. Strona musiała to wszystko poukładać bez ani jednej obietnicy efektu.
System graficzny
Znak Revico to dwie postacie, które razem tworzą heksagon. Zamiast doklejać ozdobniki, rozłożyłem ten kształt na elementy interfejsu. Najedź na kafelki, każdy pokazuje detal dokładnie tak, jak działa na stronie.
Zdjęcie w hero i portrety zespołu w miękkim heksagonie z zaokrąglonymi narożnikami.
Sekcje nachodzą na siebie jak arkusze, a na styku pulsuje heksagonalny znacznik. Ta strona robi to samo.
Osiem metod w menu, osiem heksów w odcieniach zieleni i błękitu z logo. Na hover lekko się obracają.
Delikatna siatka plastra miodu za hero, wygaszana maską, żeby nie konkurowała z treścią.
Zieleń z logo #85BB27
Błękit z logo #4A69A2
Zobacz, jak to działa
Na podstronie Integracja sensoryczna rodzic przechodzi przez 28 zachowań w trzech grupach i zaznacza te, które zna z codzienności. Strona liczy je na bieżąco i podpowiada następny krok. Poniżej działająca próbka z oryginalną treścią, proszę spróbować.
Spacer po stronie
revicoklinikaruchu.pl to strona główna, osiem podstron metod leczenia, Rekomendacje, Galeria, Cennik i polityki. Poniżej trzy widoki, przez które przechodzi pacjent, zanim zadzwoni.
/01 · Metody leczenia
Menu rozwija się w dwukolumnowy panel. Każda metoda ma kolorowy heks i jedno zdanie po ludzku: nie „PNF”, tylko „po udarze, w SM i Parkinsonie”. Kto nie wie, czego szuka, dostaje na dole proste zaproszenie do rozmowy.
/02 · Zespół
Każda specjalistka ma portret w heksagonalnym kadrze i listę kwalifikacji zamiast ogólników. Przycisk „Zobacz kwalifikacje” prowadzi do Rekomendacji, gdzie certyfikaty są przypisane do konkretnej osoby. Sekcję zamyka „Słowo od właścicielki” z podpisem, który pisze się na oczach pacjenta.
/03 · Kontakt
Rejestracja odbywa się telefonicznie, więc kontakt jest zbudowany wokół dwóch klikalnych numerów i godzin przyjęć. Zdjęcie budynku przy Al. Warszawskiej pomaga trafić za pierwszym razem. Mapa otwiera się w Google dopiero po kliknięciu, bez ciężkiego iframe i zbędnych cookies. Stronę zamyka duży, wygaszony napis „Klinika Ruchu”.
Ścieżka pacjenta
Każda sekcja strony głównej odpowiada na jedno pytanie, które pacjent zadaje sobie po kolei. Linia poniżej rysuje się tak samo jak w sekcji „Nasze podejście” na stronie kliniki.
Sekcja „Z czym mogą Państwo do nas przyjść” z podziałem na niemowlęta, dzieci i dorosłych.
Metody leczenia w karuzeli i ośmiu podstronach, każda z FAQ i zdjęciami z zajęć.
Zespół z kwalifikacjami, Rekomendacje z certyfikatami i słowo od właścicielki.
Klikalny telefon, godziny przyjęć, cennik i dojazd. Bez szukania.
Co zbudowałem
revicoklinikaruchu.pl to szybka, statyczna strona HTML: bez ciężkiego CMS-a, z własnym systemem komponentów i animacji, które ustępują, gdy użytkownik wyłączy ruch w systemie.
Kadr zdjęć, łączenia sekcji jak arkusze, ikony metod, wzór tła i punktory. Jeden kształt, rozpoznawalny na każdej podstronie.
Wspomaganie rozwoju, neurologia dziecięca i dorosłych, SI, wady postawy, ortopedia, Kinesiology Taping i masaż. Każda z hero, zdjęciami, FAQ i CTA.
28 zachowań w trzech grupach, licznik na żywo i podpowiedź następnego kroku. Z jasnym zastrzeżeniem, że lista nie zastępuje diagnozy.
22 certyfikaty przypisane do specjalistek, podziękowania pacjentów i galeria zdjęć z zajęć z podglądem w oknie dialogowym.
Schema MedicalClinic i PhysicalTherapy z alternateName „Nowa Reholandia”, godzinami i adresem. Stara nazwa prowadzi pacjentów do nowej strony.
Link „Przejdź do treści”, wyraźny focus, duże cele dotykowe na telefonie i pełne wsparcie prefers-reduced-motion dla wszystkich animacji.
Strony dla placówek medycznych to obszar, który znam najlepiej. Wiem, jak przetłumaczyć nazwy metod na język pacjenta, jak pokazać kwalifikacje zespołu bez przytłaczania i jak zbudować system graficzny z tego, co już Państwo mają, czyli z własnego logo. Porozmawiajmy.
Porozmawiajmy o Państwa placówce