Agencja interaktywna + Agencja marketingowa = Two Colours

O projekcie

Dariusz Owczarek wraz z ekipą Oryginalnego Baru tworzą unikalne koktajle i oferują niezapomniane show barmańskie — dobra wiedza o specyfice biznesu była kluczowa podczas tworzenia strony, aby w pełni oddać charakter i misję marki.

Serdecznie zapraszamy do zapoznania się z procesem tworzenia drugiego już projektu strony dla Dariusza, tym razem dla Oryginalnego Baru.

Autorzy projektu
  • Mateusz
    Projektant UX
Prototyp

Stworzenie prototypu — makieta strony internetowej

Kiedy zaczynaliśmy pracę nad stroną internetową z blogiem dla specjalizujących się w obsłudze imprez okolicznościowych barmanów, nasz pierwszy krok polegał na opracowaniu prototypu – pierwotnej wersji wizualnej witryny. Przez to mogliśmy zaaranżować i przedstawić wstępną koncepcję strony, zanim jeszcze przystąpiliśmy do jej graficznego projektowania.

W tworzeniu tych wstępnych wersji zawsze korzystamy z narzędzi takich jak Figma czy Miro. Są to platformy, które umożliwiają zarówno nam, jak i naszym klientom, wczesne ujrzenie architektury strony, włączając w to stronę główną i wszystkie podstrony. Dzięki temu już od początku możemy precyzyjnie określić rozmieszczenie różnych sekcji, tekstów, grafik oraz przycisków zachęcających do działania (CTA).

Tworząc stronę dla Oryginalnego Baru, szczególną uwagę położyliśmy na jej intuicyjność i prostotę nawigacji. Chcieliśmy, by użytkownicy z łatwością odnajdywali interesujące ich informacje i uzyskiwali pełny obraz oferowanych przez barmanów usług. W ramach prezentacji tego, co oferuje marka, zaplanowaliśmy różnorodne treści — od zwięzłych i czytelnych opisów procesu zamawiania usług, przez formularz do generowania leadów w sekcji hero, po obszerną galerię zdjęć dostarczonych przez klienta, ilustrującą jakość usług, jaką można od nich oczekiwać.

Podczas tworzenia prototypu utrzymujemy ścisły kontakt z klientem, w tym przypadku z właścicielem — Dariuszem Owczarkiem (dariuszowczarek.pl). Po jego ukończeniu przeprowadziliśmy wideorozmowę oraz dostarczyliśmy instrukcje, jak klient może zgłaszać wszelkie uwagi.

prototyp strony www dla barmanów

Projekt graficzny strony internetowej

Podczas projektowania graficznego strony www dedykowanej barmanom, głównym celem było stworzenie wyrazistego kolorystycznie, ale jednocześnie czytelnego projektu. Wybraliśmy odcienie czerwieni jako dominujący motyw kolorystyczny, który dzięki swojej intensywności skutecznie przyciąga uwagę odwiedzających na kluczowe elementy strony. Wyróżniają się tutaj przyciski CTA, które zachęcają do nawiązania kontaktu oraz skorzystania z oferty bezpłatnej degustacji. Pierwszy rzut oka na stronę zwraca uwagę na sekcję hero, przyozdobioną zdjęciem koktajlów, dającym przedsmak tego, czego można spodziewać się po barmańskich usługach.Dbaliśmy o to, aby cała szata graficzna była bogata w różnorodne zdjęcia oraz minimalistyczne ikony. Dzięki temu każda usługa prezentowana jest przez swoją ikonkę oraz zdjęcie, co sprawia, że oferta jest nie tylko przejrzysta, ale i atrakcyjna dla oka. 

sekcja hero strony internetowej dla barmanów
projekt graficzny strony internetowej z blogiem dla barmanów

Poniżej tej sekcji użytkownik widzi interesujące liczby, które pokazują lata doświadczenia barmanów, a nawet sugerują ile drinków barmani przygotowali w trakcie swojej kariery. Jest to dobre wprowadzenie do zwięzłego i przejrzystego opisu procesu zamawiania usług. Świetną opcją i skutecznym magnesem dla potencjalnych klientów jest oferta bezpłatnej degustacji przed faktycznym zleceniem, co gwarantuje najwyższą jakość usług i pewność, że impreza będzie niezapomnianym przeżyciem.

Kolejna sekcja prezentuje opinie zadowolonych klientów, które wyróżnione są wyrazistym, jaskrawym kolorem oraz spis znanych marek, które korzystały z usług.

Strona jest też bogata w treści dzięki blogowi, na którym zamieszczane są tematyczne artykuły oraz galeria prezentująca osiągnięcia barmanów.

Każda z oferowanych usług ma swoją podstronę okraszoną szczegółowymi opisami oraz wysokiej jakości zdjęciami. Warto podkreślić, że obfita ilość fotografii na stronie nie wpływa negatywnie na płynność i szybkość jej działania.

W sekcji „o nas” widoczne są sylwetki założycieli oraz całego zespołu. Autentyczne zdjęcia osób tworzących firmę wzmacniają zaufanie i budują więź z potencjalnymi klientami, pokazując prawdziwe twarze stojące za oferowanymi usługami.

Implementacja

Zakodowanie strony internetowej

Wdrożenie strony wizytówki dla barmanów było decydującym krokiem w końcowej fazie jej tworzenia. Przeprowadziliśmy to zadanie wykorzystując narzędzie Elementor – obecnie bardzo popularne. Charakteryzuje się ono prostotą i intuicyjnością oraz umożliwia klientom łatwą samodzielną modyfikację oraz rozbudowę strony bez konieczności poszukiwania wsparcia zewnętrznego.

Dając klientowi możliwość swobodnego zarządzania stroną, umożliwiamy jej ciągłą aktualizację, odpowiadającą na dynamicznie zmieniające się wymagania rynku i potrzeby odwiedzających. Dzięki temu klient nie musi polegać na stałej współpracy z agencją, co daje mu większą autonomię i kontrolę nad treścią.

Podczas programowania strony zaimplementowaliśmy również dodatkowe funkcje, aby uczynić ją jeszcze bardziej przyjazną dla użytkowników i zwiększyć jej potencjał biznesowy.

Formularz do generowania leadów

Na stronie głównej, w sekcji hero, umieściliśmy formularz służący do pozyskiwania potencjalnych klientów. Ten formularz stanowi kluczowy element tzw. lejka sprzedażowego. Co więcej, aby zachęcić odwiedzających do podania swoich danych, oferowany jest darmowy e-book. Aby go zdobyć, wystarczy wpisać swoje imię oraz adres e-mail.

formularz do generowania leadów - oryginalny bar

Formularz kontaktowy

Wprowadziliśmy formularz kontaktowy, aby ułatwić odwiedzającym bezpośrednie skomunikowanie się usługodawcami. Dzięki temu, osoby zainteresowane usługami mogą szybko uzyskać odpowiedzi na swoje pytania i prośby.

formularz kontaktowy na stronie www dla barmanów

Jeśli ten projekt przyciągnął Twoje oko, zapraszamy do dokładniejszego zapoznania się z nim na naszym profilu Behance. Zapraszamy również do obejrzenia naszych innych realizacji.

Marzysz o pięknej i profesjonalnej stronie internetowej? Zarezerwuj darmową konsultację i zobacz, w jaki sposób możemy wesprzeć Twoje plany!

Porozmawiajmy i ustalmy plan działania!

Krótki formularz Wypełnij pełny brief

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