--- title: "Case study: Kopalnia Srebra – strona www | Sweet Lava" description: "Projekt UI/UX, wdrożenie i zaawansowana integracja z systemem biletowym iKSORIS dla Kopalni Srebra (UNESCO). Poznaj szczegóły realizacji." url: https://sweetlava.eu/pl/projekty/kopalnia-srebra-strona-www-z-systemem-zakupu-biletow/ lang: pl alternate_en: https://sweetlava.eu/en/work/historic-silver-mine-website-with-ticket-sales/ --- Kultura i turystyka # Zabytkowa Kopalnia Srebra – strona www z systemem zakupu biletów Opracowanie architektury informacji wraz z flow użytkownika, projekt UI w wersji desktop i mobile, wdrożenie strony oraz integracja z zewnętrznym systemem zakupu biletów iKsoris. Jerzy Koenigshaus ·Antonina Jasińska ·Piotr Sember ![Strona internetowa dla Zabytkowej Kopalni Srebra w Tarnowskich Górach](https://cdn.sanity.io/images/pgdlccfz/production/7498f5daba1ccbcc3e76e88ff56a971156281584-3840x2160.jpg?w=1600&q=90&auto=format) Kontekst Zabytkowa Kopalnia Srebra i Sztolnia Czarnego Pstrąga w Tarnowskich Górach to dwie odrębne lokalizacje, które w cyfrowym produkcie musiały zacząć funkcjonować jako jeden spójny system. Mimo wpisu na listę UNESCO, ten prywatnie zarządzany zabytek nie posiadał serwisu odpowiadającego jego randze. Dotychczasowa strona była nieczytelna i przestarzała. Naszym zadaniem było uporządkowanie tej struktury. Skupiliśmy się na redukcji szumu informacyjnego, projektując prosty, oparty na użyteczności interfejs, który łączy oba obiekty w jedną całość. Wyzwanie Głównym wyzwaniem projektowym było zbudowanie spójnego wizerunku dla dwóch obiektów o zupełnie różnym charakterze – podziemnej kopalni oraz wodnej sztolni. Wymagało to przemyślanej architektury informacji, która dodatkowo kategoryzuje i porządkuje bogatą ofertę wydarzeń. Pod kątem UX kluczowa była integracja z systemem biletowym iKSORIS. Ostylowaliśmy ten zewnętrzny moduł tak, aby stał się natywną częścią interfejsu. Dzięki temu wyeliminowaliśmy u użytkownika poczucie przejścia do obcego serwisu, zachowując pełną płynność procesu zakupowego. ![Menu – Zabytkowa Kopalnia Srebra – wersja mobile](https://cdn.sanity.io/images/pgdlccfz/production/ab33f3b8331ea44bd95e0516c35ebcf79098a269-5000x6688.png?w=2000&q=90&auto=format) Nawigacja – wersja mobile ![Karta wydarzenia wraz z widocznymi tagami i buttonami](https://cdn.sanity.io/images/pgdlccfz/production/080690a2c76d72a6de63828adea883603fc1eba4-5000x6688.png?w=2000&q=90&auto=format) Karta wydarzenia na stronie Zabytkowej Kopalni Srebra ![Top baner wersja mobile – Zabytkowa Kopalnia Srebra ](https://cdn.sanity.io/images/pgdlccfz/production/abc07ff689c7013bc604ff4baa6ddf5eaa0a386b-5000x6688.png?w=2000&q=90&auto=format) Top baner – wersja mobile ## Integracja z iKSORIS Zbudowaliśmy serwis w oparciu o WordPress, co gwarantuje zespołowi redakcyjnemu pracę w znanym, intuicyjnym środowisku CMS. Kluczowym wyzwaniem technologicznym było wdrożenie systemu ESOK. Moduł iKSORIS operuje na dedykowanej subdomenie, co zazwyczaj pociąga za sobą spadek spójności wizualnej. Rozwiązaliśmy to poprzez głęboką ingerencję w warstwę front-endową panelu sprzedażowego. Ostylowaliśmy ścieżkę zakupową tak, aby zachować pełną ciągłość interfejsu. Użytkownik nie odczuwa zmiany środowiska, co zapobiega porzucaniu koszyka. ![Integracja z systemem iKsoiris, widok wyboru daty i godziny ](https://cdn.sanity.io/images/pgdlccfz/production/05e6f3ab32f4a462bf9bc2f6c311fbacc072bffe-11274x6435.jpg?w=2000&q=90&auto=format) Wybór daty i godziny wydarzenia ## Ten intrygujący kontrast Projekt wizualny strony Zabytkowej Kopalni Srebra to przemyślana ewolucja zastanej, ceglano-czarnej identyfikacji. Naszym głównym celem było ożywienie przekazu i nadanie mu nowoczesnego, rozrywkowego charakteru, bez utraty powagi miejsca. Zastosowaliśmy paletę opartą na intensywnym fiolecie i głębokim odcieniu śliwkowym, które w zestawieniu z tradycyjnym, ceglanym pomarańczem budują intrygujący kontrast. Te ciemniejsze, nasycone barwy doskonale oddają tajemniczy, podziemny klimat kopalni. Całość spaja dynamiczny motyw linii łamanej – subtelny, geometryczny detal graficzny, stanowiący bezpośredni ukłon w stronę identyfikacji Miasta Gwarków, pełniącego rolę patrona. ![Historia Zabytkowej Kopalni Srebra widok desktop ](https://cdn.sanity.io/images/pgdlccfz/production/8b3164e874853cd6d2f2eef3cc2b9fda6b7cbe18-1200x1603.png?w=2000&q=90&auto=format) Historia Zabytkowej Kopalni Srebra ![Widok mobile z podstroną o historii Zabytkowej Kopalni Srebra](https://cdn.sanity.io/images/pgdlccfz/production/104821202f319461c95c6b4624f23ef2c213db07-1200x1605.png?w=2000&q=90&auto=format) Widok mobile z podstroną o historii ![Historia Zabytkowej Kopalni Srebra – widok podstrony ](https://cdn.sanity.io/images/pgdlccfz/production/6bc89689da5c2dd3e4837005b3560df61c629931-1200x1605.png?w=2000&q=90&auto=format) Projekt podstrony o historii i ciekawostkach ## Rezultat Nowa architektura witryny z powodzeniem połączyła Zabytkową Kopalnię Srebra i Sztolnię Czarnego Pstrąga w jeden ekosystem. Obiekty przestały konkurować o uwagę, stając się komplementarną ofertą, co znacząco podniosło rozpoznawalność marki. Całość ożywiła odważna paleta barw – nasycony fiolet, głęboka śliwka i ceglasty pomarańcz – idealnie łącząc rozrywkowy ton z tajemniczym klimatem podziemi. Kluczowym sukcesem UX okazała się jednak pełna integracja z systemem iKSORIS. Precyzyjne ostylowanie subdomeny sprzedażowej uczyniło z niej nierozerwalną wizualnie część serwisu. To przejście z etapu informacyjnego wprost do rezerwacji biletów odczuwalnie obniżyło wskaźnik porzuceń ścieżki zakupowej. ![Kobieca dłoń trzymająca ekran telefonu z otwartą stronę wydarzenia w Zabytkowej Kopalni Srebra](https://cdn.sanity.io/images/pgdlccfz/production/fd5adf360536e965514309b56eb66ec1d9e0185b-1920x1920.png?w=2000&q=90&auto=format) Karta wydarzenia – wersja mobile ![Kobieta pisząca na laptopie, na ekranie widoczna Sztolnia Czarnego Pstrąga](https://cdn.sanity.io/images/pgdlccfz/production/9b52982d07d7acd71ff5e7d73dc7d552a1fb4b2d-1920x1920.png?w=2000&q=90&auto=format) Widok wydarzenia w Sztolni Czarnego Pstrąga ## Powiązane usługi - [Projektowanie i tworzenie stron internetowych](https://sweetlava.eu/pl/uslugi/strony-internetowe/) - [Tworzenie sklepów internetowych](https://sweetlava.eu/pl/uslugi/e-commerce/) - [Audyt UX i projektowanie UX/UI](https://sweetlava.eu/pl/uslugi/ux-ui-ax/) ## Powiązane projekty ![Identyfikacja wizualna Miasta Gwarków](https://cdn.sanity.io/images/pgdlccfz/production/328bc9aba2f4c94eacae46e399c035c73e8c7165-8000x4500.jpg?w=1600&q=90&auto=format) Kultura i turystyka ### [ Miasta Gwarków – identyfikacja wizualna szlaku dziedzictwa przemysłowego ](https://sweetlava.eu/pl/projekty/miasta-gwarkow/) Pełna identyfikacja wizualna marki turystycznej, od znaku po system nośników. Znak, typografia, kolory oraz zasady, dzięki którym marka mówi jednym głosem w druku i na ekranie. ![iPhone z widokiem strony ars projekt leżący na betonie ](https://cdn.sanity.io/images/pgdlccfz/production/e2ca41de26933e167c7b195b89a9d42e005987b4-3600x2025.png?w=1600&q=90&auto=format) Usługi / Branża projektowa ### [ Ars Projekt – strona wizerunkowa oraz wdrożenie dla krakowskiego biura architektonicznego ](https://sweetlava.eu/pl/projekty/ars-projekt-strona-wizerunkowa-oraz-wdrozenie-dla-krakowskiego-biura/) Dla pracowni Ars Projekt zaprojektowaliśmy i wdrożyliśmy w pełni autorski motyw WordPress, którego przemyślana architektura informacji służy jednemu: wyeksponowaniu imponującego dorobku krakowskiego architekta Romana Szczypuły Blog ## Powiązane artykuły E-commerce ### [ Audyt UX sklepu internetowego – co sprawdzamy i ile to kosztuje? ](https://sweetlava.eu/pl/blog/audyt-ux-sklepu-internetowego/) Ruch jest, sprzedaży nie ma? Audyt UX sklepu internetowego pokazuje, gdzie ucieka konwersja – od listingu po checkout. Wyjaśniamy, co obejmuje, ile kosztuje i co dostajesz w raporcie. Czytaj artykuł → UX/UI/AX ### [ Audyt UX – co to jest, ile kosztuje i co dostajesz? ](https://sweetlava.eu/pl/blog/audyt-ux-co-to-jest-ile-kosztuje/) Audyt UX znajduje miejsca, w których strona lub aplikacja traci użytkowników i pieniądze. Wyjaśniamy, jak przebiega, ile kosztuje, co zawiera raport, jak wygląda audyt aplikacji i sklepu oraz jak zrobić podstawowy przegląd samodzielnie. Czytaj artykuł → UX/UI/AX ### [ UX vs UI – czym się różnią i dlaczego potrzebujesz obu ](https://sweetlava.eu/pl/blog/ux-vs-ui-roznice/) UX i UI bywają używane zamiennie, a opisują dwie różne warstwy produktu. Wyjaśniamy różnicę na przykładach i pokazujemy, co się dzieje, gdy zabraknie jednej z nich. Czytaj artykuł → Development ### [ Core Web Vitals i wydajność strony – dlaczego szybkość sprzedaje ](https://sweetlava.eu/pl/blog/core-web-vitals-dlaczego-szybkosc-sprzedaje/) Wolna strona traci klientów dwa razy. W Google (niższe pozycje) i po wejściu (porzucenia). Wyjaśniamy wskaźniki LCP, INP i CLS oraz jak realnie je poprawić. Czytaj artykuł → ## Powiązane pojęcia - [Konwersja i współczynnik konwersji](https://sweetlava.eu/pl/slownik/konwersja/) - [Architektura informacji](https://sweetlava.eu/pl/slownik/architektura-informacji/) - [UI (user interface)](https://sweetlava.eu/pl/slownik/ui/) - [User flow](https://sweetlava.eu/pl/slownik/user-flow/) ## Masz pomysł? Porozmawiajmy. Opowiedz nam o swoim pomyśle, a my doradzimy najlepszą drogę od koncepcji do działającego produktu. [ Napisz do nas ](https://sweetlava.eu/pl/kontakt/)