Agencja interaktywna + Agencja marketingowa = Two Colours

O projekcie

Muzeum Tortur prezentuje odwiedzającym autentyczne rekonstrukcje narzędzi tortur, które w minionych wiekach były legalnie stosowane w europejskich procesach karnych — niepokojący charakter tego miejsca mocno wpłynął na klimat samej strony www.

Zachęcamy do przyjrzenia się procesowi kreacji tej wyjątkowej strony internetowej.

Autorzy projektu
  • Wioletta
    Elementor Developer
  • Mateusz
    Projektant UX
  • Łukasz
    Starszy Projektant Graficzny
Prototyp

Stworzenie prototypu — makieta strony internetowej dla muzeum

Pierwszym krokiem w procesie tworzenia strony typu landing page dla Muzeum Tortur była realizacja prototypu, inaczej nazywanego makietą strony. Ten etap polegał na przygotowaniu wstępnej koncepcji wizualnej, która przedstawiała główny układ witryny, zanim jeszcze zaczęliśmy pracę nad designem.

Używamy do tego narzędzi takich jak Figma czy Miro. Dzięki tym platformom możemy wraz z naszymi klientami wizualnie przedstawiać całą architekturę strony na bardzo wczesnym stadium. To pozwala nam skutecznie komunikować i modyfikować nasze koncepcje. Już na początkowej fazie określamy rozmieszczenie różnych sekcji, tekstu, grafik, materiałów wideo oraz przycisków wezwania do działania.

Podczas tworzenia landing page’a dla muzeum, kluczowe było dla nas, aby zachęcał on do kupna biletów i miał charakter informacyjny. Chcieliśmy, by użytkownicy mogli swobodnie odnaleźć informacje na temat wystaw i atrakcji muzeum. Włączyliśmy różnorodne formy prezentacji, od dostarczonych przez klienta fotografii po specjalnie przygotowany materiał wideo, który miał na celu ukazanie atmosfery, jakiej odwiedzający mogą doświadczyć podczas wizyty w muzeum. Treści zostały przygotowane w żartobliwym tonie.

W trakcie tworzenia prototypu bardzo dbamy o regularną komunikację z naszymi klientami. Po zakończeniu tego etapu zorganizowaliśmy wideorozmowę, na której przedstawiliśmy nasze rozwiązania oraz dostarczyliśmy jasne instrukcje, w jaki sposób klient może przekazać nam swoje uwagi.

Prototyp strony internetowej dla muzeum z systemem rezerwacji biletów

Projekt graficzny strony internetowej

W realizacji projektu graficznego strony dla Muzeum Tortur postawiliśmy na kreowanie intrygującej atmosfery. Dążąc do odzwierciedlenia unikalnego charakteru ekspozycji, zaprojektowaliśmy stronę w tonacji dark mode, gdzie ciemne tło harmonijnie łączy się z jaśniejszymi napisami, wprowadzając odwiedzających w mroczny klimat muzeum. Od chwili wejścia na stronę użytkownik spotyka się z obrazem kata trzymającego dwie czaszki, z których rozpościerają się płomienie w postaci materiałów wideo. To wprowadzenie dopełnia materiał wideo w tle, ukazujący atmosferę panującą we wnętrzach muzeum. Strona jest dynamiczna i zachęca potencjalnych odwiedzających do zapoznania się z ofertą.

Sekcja hero strony internetowej dla muzeum z systemem rezerwacji biletów
Projekt graficzny strony internetowej dla muzeum z systemem rezerwacji biletów
Widok strony internetowej dla muzeum na mobile

Jak powstał projekt graficzny?

Przyciski CTA wyróżniają się krwistym odcieniem czerwieni, by skutecznie prowadzić użytkowników do dodania biletów do koszyka. Ponadto design strony charakteryzuje się unikalnymi elementami, w tym tajemniczymi postaciami, łańcuchami oraz teksturami, które przypominają stare, zniszczone tkaniny.

Wykorzystując narzędzie Figma, zapewniliśmy sprawną komunikację z klientem, co pozwoliło na łatwe wprowadzanie poprawek i sprawne dostosowywanie projektu graficznego do jego oczekiwań.

Implementacja

Zakodowanie strony internetowej

Kodowanie strony muzeum było decydującym krokiem w finalizacji jej tworzenia. Wykorzystaliśmy do tego narzędzie Page Builder Elementor, które zyskuje na popularności dzięki swojej dynamice i łatwości użytkowania. Elementor nie tylko jest przyjazny w użyciu, ale również umożliwia samodzielne modyfikacje strony. Nasze elastyczne podejście do kodowania w tym narzędziu sprawia, że klient może łatwo dostosowywać witrynę według własnych potrzeb, bez konieczności poszukiwania zewnętrznego wsparcia.

Cenimy sobie zapewnienie klientom możliwości samodzielnego zarządzania i modyfikowania swojego serwisu. Dzięki temu mogą oni efektywnie dostosowywać stronę do aktualnych wymagań rynku i oczekiwań odwiedzających, nie będąc przy tym uzależnionymi od stałej współpracy z agencją — daje im to pełen zakres kontroli i autonomii.

Na etapie kodowania strony wprowadziliśmy szereg funkcjonalności, aby uczynić ją jeszcze bardziej użyteczną dla odwiedzających oraz zwiększyć jej efektywność biznesową.

System sprzedaży biletów

Strona jest wyposażona w moduł sprzedaży biletów, które przychodzą na maila klienta w formie kodu QR. Odwiedzający mogą dodawać bilety do koszyka, wybierać ich ilość i rodzaj.

Dodatkowo dla tych, którzy potrzebują faktury NIP — zaimplementowaliśmy taką funkcję i jest ona zintegrowana z systemem księgowym klienta.

W trakcie procesu zakupu odwiedzający mogą podać swoje dane kontaktowe oraz informacje o konkretnych uczestnikach, a wszystkie płatności są obsługiwane przez systemy PayU i BLIK.

Sekcja z biletami na stronie internetowej dla muzeum
koszyk z biletami na stronie internetowej dla muzeum

Lokalizacja — integracja z wizytówką Google

Dla tych, którzy chcą odwiedzić muzeum, zintegrowaliśmy witrynę z wizytówką Google firmy. Dzięki temu odwiedzający mogą łatwo zobaczyć dokładną lokalizację muzeum na mapie i otrzymać wskazówki dojazdu.

Wizytówka Google firmy zintegrowana ze stroną internetową dla muzeum

 Formularz kontaktowy

Stworzyliśmy formularz kontaktowy, aby odwiedzający mogli łatwo nawiązać kontakt w przypadku pytań czy sugestii. 

Formularz kontaktowy na stronie internetowej dla muzeum

Sekcja z opiniami zintegrowana z Google

W celu budowania zaufania dodaliśmy sekcję z opiniami klientów. Co więcej, opinie te są automatycznie pobierane z Google, dzięki czemu są zawsze aktualne i odzwierciedlają autentyczne doświadczenia odwiedzających.

Sekcja z opiniami na stronie internetowej dla muzeum

Wielojęzyczność

Mając na uwadze potencjalną popularność muzeum wśród turystów, zaimplementowaliśmy również opcję wielojęzyczności. Użytkownicy mogą łatwo przełączać się między językiem angielskim a polskim, aby dostosować treść strony do swoich potrzeb językowych.

Wielojęzyczność na stronie internetowej dla muzeum

Jeżeli ten projekt przykuł Twoją uwagę, zachęcamy do zobaczenia go w pełnej krasie na naszym profilu Behance. Zapraszamy też do sprawdzenia naszych pozostałych realizacji.

Chciałbyś cieszyć się piękną i profesjonalną stroną internetową? Umów się z nami na bezpłatną konsultację i dowiedz się, jak możemy Ci pomóc!

Zobacz pozostałe realizacje

    Porozmawiajmy i ustalmy plan działania!

    Krótki formularz Wypełnij pełny brief

    Hidden
    Hidden
    Twoje dane są bezpieczne Więcej o ochronie danych osobowych
    Jak Ci się to podoba?
    5/Liczba głosów: 1