Klient: Muzeum Tortur
Rok: 2023
Zakres prac:
Prototyp
Projekt graficzny
Implementacja
Naszym zadaniem było zaprojektowanie mrocznej strony typu landing page, która idealnie wpasuje się w charakter muzeum. Strona ta została wyposażona w funkcjonalny moduł e-commerce na silniku Woocommerce, umożliwiający zakup biletów online z kodami QR.
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.
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.
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ą.
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ń.
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.
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.
Formularz kontaktowy
Stworzyliśmy formularz kontaktowy, aby odwiedzający mogli łatwo nawiązać kontakt w przypadku pytań czy sugestii.
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.
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.
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!
