Sklep internetowy Lipcowy Ogród

Technologia

Wordpress, Woocomerce, ACF PRO

Zespół

Web Developer, Programista, UX designer

Cel sklepu

Sprzedaż voucherów i wpłaty zadatków online na wydarzenia

Zgodność z RODO/GDPR i wymogami prawnymi

sek

Szybkośc ładowania podstron sklepu

pkt

Punktów w narzędziu Google dla telefonów

pkt

Punktów w narzędziu Google dla komputerów

O kliencie

Lipcowy Ogród to restauracja i sala przyjęć w Białymstoku, która specjalizuje się w organizacji wyjątkowych wydarzeń – od chrztów i komunii, po wesela i urodziny. Klient posiadał już atrakcyjną stronę internetową prezentującą ofertę restauracji, menu i galerię zdjęć z przyjęć, ale brakowało narzędzia do sprzedaży online. Restauracja chciała wyjść naprzeciw potrzebom klientów, którzy chcą kupować bilety na wydarzenia, karty podarunkowe i wpłacać zadatki na przyjęcia zdalnie, w prosty i bezpieczny sposób.

Wyzwanie

Celem projektu było stworzenie sklepu internetowego, który:

umożliwia sprzedaż produktów elektronicznych (bilety, vouchery) oraz wpłatę zadatków online
zachowuje spójność wizualną strony restauracji (pastelowe kolory, czcionka EB Garamond)
w pełni spełnia wymogi prawne (RODO/GDPR, regulaminy przygotowane przez firmę Prokonsumencki)
umożliwia integrację z płatnościami online i narzędziami analitycznymi

Nasze podejście

Projekt rozpoczęliśmy od warsztatów z klientem, aby dokładnie poznać oczekiwania i wymagania funkcjonalne sklepu. Następnie przygotowaliśmy makiety i projekt UX/UI w Figma, zachowując pastelowe kolory i czcionkę EB Garamond, spójną z witryną główną restauracji.

Sklep został zbudowany w oparciu o WooCommerce, z motywem Hello Elementor Child oraz wtyczką ACF PRO, która umożliwia łatwą edycję niestandardowych pól w panelu WordPress.

W pliku functions.php stworzyliśmy ponad 1000 linijek kodu, które pozwoliły na rozbudowanie sklepu o unikalne funkcje:

dynamiczne ceny wariantów produktów, zależne od liczby osób
ukrycie adresu dostawy dla produktów elektronicznych
dostosowanie sliderów i nagłówka do UX strony
utworzenie nowych shortcode
stworzenie zaślepki informacji kiedy nie będzie żadnego dostępnego wydarzenia
zmiana koloru sticky header podczas przewijania strony
napisanie kodu który zintegruje pola ACF z polami slidera
oraz inne drobne poprawki które pozwoliły by sklep zyskał bardziej przyjazne funkcjonalności

Rozwiązanie

Sklep został zbudowany w oparciu o WooCommerce, z motywem Hello Elementor Child oraz wtyczką ACF PRO, która umożliwia tworzenie niestandardowych pól produktów, wydarzeń i treści w panelu WordPress, co znacznie ułatwia zarządzanie sklepem.

Aby zwiększyć funkcjonalność sklepu, wdrożyliśmy również:

Dodatkowy plugin do obsługi mailingu, umożliwiający wysyłkę newsletterów i automatycznych powiadomień dla klientów
Integrację z Instagramem, dzięki której na stronie sklepu wyświetlane są najnowsze posty restauracji, co zwiększa zaangażowanie użytkowników i spójność komunikacji w social media.
Wsparcie formatu WEBP, co przyspiesza ładowanie obrazów i poprawia wydajność strony
Hosting na serwerze z obsługą LiteSpeed Cache, co pozwala na szybkie ładowanie strony i optymalizację zasobów serwera
Custom development w functions.php – ponad 1000 linijek kodu

Sklep posiada pięć głównych zakładek w menu:

Karta Dobrego Smaku – zakup kart podarunkowych (voucherów)
Kalendarz Wydarzeń – zakup biletów na wydarzenia organizowane w Lipcowym Ogrodzie
Zadatek na Przyjęcie – wpłaty zadatków na przyjęcia okolicznościowe (chrzciny, komunie, wesela)
Galeria – prezentacja ostatnich wydarzeń, inspiracje i zdjęcia z przyjęć
Kontakt – dane kontaktowe restauracji

Każda funkcjonalność została dokładnie przetestowana, aby zapewnić intuicyjny proces zakupowy – od wyboru produktu, przez dynamiczną aktualizację cen, po realizację płatności online i wysyłkę elektroniczną.

Dodatkowo, sklep jest w pełni zgodny z prawem: regulaminy i polityka prywatności przygotowane przez firmę Prokonsumencki, mechanizm blokowania ciasteczek oraz wszystkie funkcje RODO/GDPR zostały poprawnie wdrożone.

Funkcjonalność aplikacji

Sklep internetowy Lipcowy Ogród został zaprojektowany tak, aby zapewnić intuicyjny i komfortowy proces zakupowy zarówno dla klientów, jak i dla administratorów. Poniżej przedstawiamy jego główne funkcjonalności:

Produkty i warianty

Możliwość sprzedaży kart podarunkowych (voucherów), biletów na wydarzenia i wpłat zadatków
Produkty mogą mieć warianty zależne od liczby osób, z dynamiczną aktualizacją ceny w czasie rzeczywistym
Shortcody i skrypty w functions.php umożliwiają wyświetlanie cen „od…” lub dokładnych cen wariantów, zależnie od wybranej opcji

Rejestracja i panel klienta

Koszyk i proces zakupowy

Obsługa odpornego na porzucenia koszyka, z możliwością odzyskiwania niezakończonych zamówień
Ukrycie adresu dostawy, ponieważ wszystkie produkty są wysyłane elektronicznie na podany e-mail
Możliwość dodania komentarzy do zamówienia, z automatycznym wyświetlaniem domyślnego komunikatu, jeśli klient go nie poda

Integracje i marketing

Integracja z Google Analytics i Google Tag Manager, umożliwiająca śledzenie konwersji i analitykę sprzedaży
Integracja z Instagramem, która pozwala na wyświetlanie postów restauracji w sklepie
Wdrożenie dodatkowego pluginu do mailingu, umożliwiającego automatyczne powiadomienia i newslettery

Wydajność i technologie

Obsługa formatu WEBP dla zdjęć, co przyspiesza ładowanie strony
Hosting na serwerze z LiteSpeed Cache, zapewniający szybkie ładowanie i optymalizację strony
Responsywny design, dostosowany do wszystkich urządzeń mobilnych i desktopowych
Sklep osiąga 90/100pkt w wersji desktopowej oraz 79/100pkt w narzedziu Google Page Insight
Strona i podstrony sklepu ładują się krócej niż 1 sekunda

Regulacje prawne i bezpieczeństwo

Estetyka i UX

Zachowanie spójnej identyfikacji wizualnej marki
Intuicyjne menu z pięcioma głównymi zakładkami, ułatwiające dostęp do kart podarunkowych, wydarzeń, zadatków, galerii i kontaktu
Dostosowanie nagłówka i sliderów do UX, w tym animacje progress bar w sliderach oraz widoczność logo przy scrollowaniu strony

Podsumowanie

Sklep internetowy Lipcowy Ogród został zaprojektowany tak, aby proces zakupowy był maksymalnie prosty i przyjazny dla użytkownika. Klienci mogą wygodnie kupować karty podarunkowe, bilety na wydarzenia czy wpłacać zadatki na przyjęcia okolicznościowe, przy czym cena produktów dynamicznie dopasowuje się do liczby osób w zamówieniu. Dzięki zastosowaniu wtyczki ACF PRO wszystkie niestandardowe pola produktów i wydarzeń można w prosty sposób edytować w panelu WordPress, co ułatwia zarządzanie treścią i produktami w sklepie.

Sklep umożliwia rejestrację i logowanie klientów, którzy mogą przeglądać historię swoich zamówień, pobierać elektroniczne vouchery i bilety oraz otrzymywać automatyczne powiadomienia e-mail. Proces zakupowy został zoptymalizowany tak, aby obsługiwać porzucone koszyki oraz ukrywać adres dostawy, ponieważ wszystkie produkty są dostarczane elektronicznie. Dodatkowo, jeśli klient nie wpisze komentarza do zamówienia, wyświetlany jest domyślny komunikat, co poprawia czytelność i spójność prezentacji zamówień.

Sklep został zintegrowany z narzędziami marketingowymi i analitycznymi, w tym Google Analytics i Google Tag Manager, a także z Instagramem, dzięki czemu na stronie wyświetlane są najnowsze posty restauracji. Dodatkowo wdrożono wsparcie dla formatu WEBP, co przyspiesza ładowanie obrazów, oraz hosting na serwerze z obsługą LiteSpeed Cache, co zwiększa wydajność całej strony. Funkcjonalność została poszerzona o plugin do mailingu, który pozwala na automatyczną wysyłkę newsletterów i powiadomień do klientów.

Estetyka sklepu jest spójna z marką, a regulaminy i polityka prywatności przygotowane przez firmę Prokonsumencki, wraz z pełnym wdrożeniem mechanizmu blokowania ciasteczek, zapewniają zgodność ze standardami prawnymi i ochronę danych osobowych klientów. Dzięki tym wszystkim rozwiązaniom sklep jest nie tylko funkcjonalny, ale też szybki, bezpieczny i intuicyjny w obsłudze zarówno dla klientów, jak i dla administratorów.

Zobacz także inne nasze case study

Zapraszamy do zapoznania się z naszymi najnowszymi artykułami!
Na naszym blogu dzielimy się wiedzą, inspirującymi historiami i praktycznymi poradami dotyczących świata e-commerce