Punkt wyjścia
Nie projektowaliśmy kolejnej wizytówki mediatora.
Osoba odwiedzająca stronę mediatora często nie jest spokojnym obserwatorem. Może być w trakcie konfliktu rodzinnego, sporu majątkowego, problemu w firmie albo trudnej sytuacji zawodowej.
Nie zawsze wie, czy mediacja będzie odpowiednim rozwiązaniem. Może odczuwać stres, niepewność i obawę przed podjęciem kolejnego kroku. W takiej sytuacji sama lista usług nie wystarcza.
Strona miała jednocześnie prezentować profesjonalną ofertę, budować zaufanie do ekspertki i pomieścić szeroką działalność edukacyjną. Potrzebny był system, nie zbiór przypadkowych podstron.
Jak opowiedzieć o mediacji osobie, która nie trafia na stronę z ciekawości, ale dlatego, że rozmowa przestała działać?
Wyzwanie
Problem miał więcej niż jedną twarz.
Projekt musiał odpowiadać na potrzeby osób znajdujących się w konflikcie, odbiorców szukających wiedzy oraz młodzieży, która natychmiast rozpoznaje sztuczny ton.
Użytkownik potrzebował poczuć, że po drugiej stronie jest człowiek — nie formularz sprzedażowy.
Komunikacja musiała być spokojna, rzeczowa i pozbawiona nacisku. Zamiast obiecywać prostą drogę do ugody, strona miała uczciwie pokazywać proces, możliwości i granice mediacji.
Prawo i procedura bez ściany tekstu.
Treści eksperckie wymagały uproszczenia formy, ale nie znaczenia. Informacja miała być przystępna i nadal odpowiedzialna.
Jeden rdzeń marki, kilka języków.
Rodzic, przedsiębiorca i nastolatek nie czytają strony w ten sam sposób. Każdy potrzebował innego rytmu, choć wszyscy mieli pozostać w świecie V.I.A.
Decyzja strategiczna
Hasło stało się ścieżką użytkownika.
Znaczenie nazwy V.I.A. wykorzystaliśmy jako zasadę porządkującą architekturę, treść i wezwania do działania. Kliknij kolejne etapy, aby zobaczyć ich rolę.
Najpierw pomóc zobaczyć, co właściwie się dzieje.
Użytkownik wchodzi przez własny problem, pytanie lub sytuację — nie przez nazwę usługi, której znaczenia może jeszcze nie znać.
Wyjaśnić proces, opcje i możliwe konsekwencje.
Strona przekłada ekspercką wiedzę na czytelne drogi, porównania i pytania. Odbiorca otrzymuje kontekst potrzebny do świadomego wyboru.
Dopiero wtedy zaprosić do konkretnego działania.
Kolejnym krokiem może być przeczytanie materiału, przygotowanie się do rozmowy, kontakt z zaufaną osobą albo umówienie konsultacji.
Architektura informacji
Dwie równoległe drogi. Jeden sens.
Serwis został podzielony według momentu, w którym znajduje się odbiorca: konflikt już trwa albo można jeszcze zapobiec jego eskalacji.
Mediacje V.I.A.
Profesjonalne wsparcie w dochodzeniu do porozumienia — z czytelnym opisem procesu, roli mediatora i możliwych obszarów pomocy.
Akademia V.I.A.
Edukacja, komunikacja i narzędzia pomagające wcześniej rozpoznawać trudne sytuacje oraz odpowiedzialnie na nie reagować.
Rezultat decyzji: strona nie sprowadza marki do prowadzenia spotkań mediacyjnych. Pokazuje również jej szerszą misję — rozwijanie kultury dialogu i zapobieganie eskalacji konfliktów.
Projektowanie treści
Ta sama misja. Inne doświadczenie.
Spójność nie oznacza identycznych podstron. Przełącz odbiorcę i zobacz, jak zmieniał się język, rytm i sposób przekazywania wiedzy.
Wiedza prawna przełożona na język decyzji.
Zamiast publikować długie definicje, zagadnienia zostały zamienione w czytelne ścieżki, porównania i interaktywne metafory. Użytkownik może zrozumieć proces, koszty, czas, rolę mediatora oraz moc ugody.
Nie wykład. Sytuacja, wybór i to, co może wydarzyć się dalej.
Młodzieżowa część otrzymała dynamiczny język i formę zbliżoną do interaktywnego magazynu. W jednej serii powstało 17 podstron opartych na realnych dylematach, możliwych reakcjach i ich następstwach.
System wizualny
Efekt „wow” miał coś wyjaśniać.
Animacja, kontrast i forma nie miały konkurować z treścią. Każdy zabieg wizualny został powiązany z charakterem odbiorcy oraz znaczeniem danej podstrony.
Dorosły odbiorca potrzebuje przestrzeni.
W części mediacyjnej dominują uporządkowana typografia, spokojny rytm, stonowane przejścia i czytelna hierarchia. Design pozwala skupić się na informacji.
Młodzież potrzebuje rytmu, nie infantylizacji.
Krótsze komunikaty, mocniejsze kontrasty i interaktywne wybory tworzą bardziej dynamiczne doświadczenie. Nadal pozostaje ono częścią tej samej marki.
Realizacja
Platforma nie mogła dyktować efektu.
Webador ułatwia właścicielce późniejszą obsługę serwisu, ale narzuca własne ograniczenia. Rozbudowane sekcje zostały więc przygotowane w niestandardowym kodzie i dostosowane do środowiska kreatora.
Pełna szerokość
Wybrane sekcje zostały wyprowadzone poza standardową, wąską kolumnę kreatora, aby zachować odpowiedni rytm i skalę projektu.
Interakcje
Przyciski, ścieżki decyzyjne i zmienne widoki otrzymały własną logikę działania, niezależną od ograniczeń gotowych modułów.
Czytelność
Dopracowaliśmy kontrast, polską typografię, nierozdzielanie słów i krótkich spójników oraz widoczność treści na ciemnych tłach.
Urządzenia mobilne
Każdy rozbudowany moduł został dostosowany do mniejszych ekranów, obsługi dotykowej i naturalnej kolejności czytania.
Testy na żywej stronie
Projekt rozwijał się etapami. W jednym z nich wykonaliśmy zbiorczy audyt 17 interaktywnych podstron, sprawdzając działanie i spójność całej serii.
Gotowy kreator pozostał wygodnym zapleczem. Użytkownik końcowy zobaczył jednak doświadczenie zaprojektowane dla marki.
Sposób współpracy
Ekspercka wiedza została przełożona na doświadczenie.
Projekt nie powstał przez zgadywanie, czego potrzebuje branża. Każda strona łączyła realną wiedzę z decyzją projektową.
Wiedza mediacyjna i prawna
Doświadczenie w pracy z konfliktem, znajomość procesów i realnych sytuacji odbiorców.
Struktura, język i interakcja
Architektura informacji, UX, projekt treści, system wizualny oraz realizacja techniczna.
Jasny kolejny krok
Możliwość zobaczenia sytuacji, zrozumienia opcji i podjęcia bardziej świadomej decyzji.
Rezultat
Nie jedna strona. Rozwijający się ekosystem.
Efektem jest serwis, który jednocześnie prezentuje usługę, buduje eksperckość, edukuje i prowadzi różne grupy odbiorców do właściwego następnego kroku.
Oferta ma czytelną strukturę.
Mediacje i działalność edukacyjna nie konkurują ze sobą. Tworzą dwie uzupełniające się drogi.
Wiedza pracuje na zaufanie.
Biblioteka nie jest dodatkiem do serwisu. Pokazuje sposób myślenia, kompetencje i odpowiedzialność marki.
Odbiorcy dostają własny język.
Dorosły, rodzic i młody człowiek mogą wejść do tego samego świata przez doświadczenie dopasowane do swoich potrzeb.
System może dalej rosnąć.
Nowe artykuły, dylematy, warsztaty i narzędzia można dodawać bez burzenia głównej logiki serwisu.
Nie podajemy procentowego wzrostu zapytań ani konwersji, ponieważ nie dysponujemy pełnymi danymi analitycznymi sprzed i po realizacji. Pokazujemy rezultat, który można sprawdzić: dziesiątki zaprojektowanych podstron, jasną architekturę marki, spójny system i przestrzeń przygotowaną do dalszego rozwoju.
Co pokazuje ten projekt?
Dobra strona może łączyć eksperckość i emocje.
Nie musi również wyglądać identycznie na każdej podstronie, aby budować spójną markę. Spójność wynika z zasad, języka i celu — nie z kopiowania jednego układu.
Strona mediatora nie powinna wyłącznie informować, że mediacja istnieje. Może sama pokazywać, jak wygląda droga od chaosu do zrozumienia.
“Nie projektujemy stron tylko po to, aby dobrze wyglądały. Projektujemy je po to, aby pomagały zrozumieć, zaufać i zrobić kolejny krok.