Landing page z formularzem kontaktowym dla sieci lodziarni – Fresh Gelato
Naszym celem było zaprojektowanie eleganckiej strony typu landing page dla sieci lodziarni Fresh Gelato. Strona ta miała za zadanie przyciągnąć uwagę potencjalnych franczyzobiorców i zachęcić ich do nawiązania kontaktu poprzez wbudowane formularze kontaktowe. Głównym założeniem tej strony one page jest pełnienie roli wizytówki marki, jednocześnie ukazując korzyści płynące ze współpracy z nią.
Fresh Gelato to marka, która narodziła się z pasji do włoskiej kultury gelato w 2015 roku. Jej misją jest dzielenie się z całym światem magią włoskich lodów rzemieślniczych, które zachwycają smakiem i jakością.
Serdecznie zapraszamy do zapoznania się z procesem tworzenia strony typu one page dla sieci Fresh Gelato.
-
WiolettaElementor Developer -
MateuszProjektant UX
Stworzenie prototypu — makieta strony one page
W początkowym etapie tworzenia strony dla sieci lodziarni Fresh Gelato, skupiliśmy się na opracowaniu makiety, często nazywanej prototypem witryny. Ten wstępny zarys pozwolił nam na wizualne przedstawienie propozycji struktury i układu strony przed przystąpieniem do dokładnego projektowania graficznego.
Używając programu Figma byliśmy w stanie przedstawić klientowi kompletne założenie strukturalne witryny na bardzo wczesnym etapie. Pozwoliło nam to na precyzyjne określenie miejsc dla poszczególnych sekcji, tekstów, grafik, materiałów wideo, formularzy i przycisków CTA.
Projektując witrynę dla Fresh Gelato, skoncentrowaliśmy się na jej kluczowym zadaniu: zachęceniu potencjalnych franczyzobiorców do wypełnienia formularza kontaktowego. Naszym celem było, aby każdy element strony dostarczał odwiedzającemu istotnych informacji dotyczących korzyści ze współpracy z marką. W ramach tego planu, zaakcentowaliśmy różne metody przedstawiania oferty, od tekstu przez opinie klientów aż po multimedia prezentujące atuty partnerstwa.
Komunikacja z klientem jest dla nas kluczowa. W związku z tym, po skompletowaniu prototypu zorganizowaliśmy wideorozmowę. Podczas niej nie tylko omówiliśmy nasze postępy, ale także dostarczyliśmy konkretne wskazówki dotyczące zgłaszania propozycji zmian.
Projekt graficzny landing page
Na etapie projektu graficznego naszym celem było stworzenie nowoczesnej strony, która w przystępny i angażujący sposób przedstawi potencjalnym franczyzobiorcom unikatową propozycję współpracy z firmą. Na stronie dominują eleganckie czarne barwy, które harmonijnie współgrają ze złotymi akcentami, nadając całości luksusowego charakteru.
Sekcja hero wita odwiedzających dynamicznym materiałem wideo, ukazującym wnętrza lokali Fresh Gelato. Bezpośrednio pod nią, jeszcze w sekcji „above the fold”, prezentowany jest intuicyjny formularz, który zachęca do rozpoczęcia współpracy, a pod nim widnieją dane kontaktowe.
Estetyka strony jest dopełniona autentycznymi zdjęciami – od zespołów pracujących w lodziarniach, przez wnętrza lokali, aż po zdjęcia samych wyrobów.
Korzyści płynące z dołączenia do rodziny Fresh Gelato zostały podkreślone estetycznymi ikonami, które doskonale współgrają z ogólną identyfikacją wizualną strony. Fragmenty treści zostały subtelnie urozmaicone elementami graficznymi, takimi jak strzałki czy ramki, co sprawia, że unikają monotematyczności.
Kluczową rolę w budowaniu zaufania odgrywają autentyczne opinie zadowolonych franczyzobiorców – nie tylko w postaci tekstów – dla większej autentyczności umożliwiliśmy również odtwarzanie materiałów wideo z YouTube, w których realni partnerzy biznesowi dzielą się swoimi doświadczeniami.
Zakodowanie landing page
Implementacja strony typu one page dla Fresh Gelato była kluczowym krokiem w procesie jej tworzenia. Do osiągnięcia tego celu wykorzystaliśmy platformę Elementor. Jej największe zalety to przede wszystkim prostota oraz intuicyjne działanie, co umożliwia klientom samodzielne dokonywanie aktualizacji i zmian w witrynie, eliminując potrzebę zaangażowania ekspertów.
Klient mając możliwość własnoręcznej edycji treści strony, jest w stanie skutecznie adaptować ją do zmieniających się wymogów rynkowych i oczekiwań użytkowników. Taka zdolność do samodzielnych działań zapewnia większą swobodę w zarządzaniu zawartością, jednocześnie redukując konieczność stałego kontaktu z programistami.
Podczas tworzenia strony wprowadziliśmy także funkcje, które służyły celom biznesowym firmy.
Formularz kontaktowy
W sekcji menu strony znajduje się wyraźny przycisk CTA, kierujący odwiedzających do łatwego w obsłudze formularza kontaktowego umieszczonego na samym końcu witryny. Po jego wypełnieniu, potencjalny partner franczyzowy dostaje informacje, że może spodziewać się odpowiedzi w ciągu 48 godzin.
Wielojęzyczność
Rozumiejąc potrzeby i oczekiwania potencjalnych obcojęzycznych użytkowników, wprowadziliśmy funkcję wielojęzyczności. Strona, oprócz wersji w języku polskim, dostępna jest również w wersji angielskiej i niemieckiej.
Integracja z You Tube
Podczas kodowania strony ważnym krokiem było włączenie filmów z serwisu YouTube w taki sposób, aby użytkownik mógł je oglądać bezpośrednio na stronie, bez konieczności opuszczania jej.
Czy ten projekt przykuł Twoją uwagę? Zobacz go w pełni na naszym profilu Behance i poznaj nasze pozostałe realizacje.
Planujesz nową stronę dla swojego biznesu? Umów się na niezobowiązującą konsultację i odkryj potencjał naszej współpracy!
Porozmawiajmy i ustalmy plan działania!
