Przegląd projektu
The Blue Taj to indyjska restauracja w Skien w Norwegii. Przed przebudową biznes korzystał z jednostronicowego szablonu GoDaddy, który w żaden sposób nie odpowiadał realnym potrzebom restauracji. Brakowało mu wyrazistej prezentacji, wygody użytkowania i praktyczności w codziennym zarządzaniu stroną.
Przebudowałem stronę od zera w WordPressie z użyciem Breakdance Pro i ACPT. To zestaw, po który sięgam w projektach klientowskich wtedy, gdy trzeba zachować własny frontend, a jednocześnie uprościć zaplecze dla klienta.
Gotowa strona daje restauracji znacznie mocniejszą obecność online. Pokazuje atmosferę miejsca przez wnętrze i zdjęcia potraw, ułatwia przeglądanie menu w różnych formatach i obsługuje dwie ważne ścieżki kontaktu: ogólne zapytania oraz proste prośby o rezerwację stolika.
Wyzwanie
Ten projekt nie polegał wyłącznie na zastąpieniu przestarzałego designu. Ważniejszym celem było przekształcenie strony w coś, z czego restauracja może realnie korzystać na co dzień.
Dla restauracji menu jest jedną z najważniejszych części strony, ale musi być też łatwe do aktualizacji przez zespół. Oznaczało to, że struktura zaplecza musi być na tyle prosta i znajoma, aby klient mógł nią zarządzać bez dotykania ustawień układu, struktury buildera czy kodu.
Strona miała też dobrze działać na telefonie, zachowywać spójny język wizualny i utrzymywać najważniejsze działania w zasięgu wzroku. Adres, telefon, rezerwacje i opcje zamówienia nie mogły być schowane w jednym miejscu.
System menu
ACPT było kluczowym elementem, który sprawił, że praca z menu stała się naprawdę wygodna. Stworzyłem osobny typ wpisów Menu, w którym administratorzy mogą dodawać i zarządzać pozycjami menu bezpośrednio z panelu WordPress w znajomym interfejsie.
Każda pozycja menu może przechowywać pola takie jak cena, opis, kategoria, alergeny, poziom ostrości, obraz, dodatkowe uwagi i kolejność w menu. Daje to klientowi jedno centralne miejsce do zarządzania całym menu zamiast ręcznego edytowania tych samych danych w wielu układach.
Z pomocą Breakdance Pro dynamic data zbudowałem potem różne warianty prezentacji na froncie, które pobierają dane z tego samego źródła. Jedna strona skupia się bardziej na wizualnej prezentacji dań, podczas gdy główna strona Menu pokazuje elementy w formie listy z filtrami kategorii bezpośrednio na stronie.
Logika warunkowa dobrze sprawdza się tu również przy szczegółach. Informacje o alergenach i poziomie ostrości pojawiają się tylko wtedy, gdy pola są uzupełnione dla danej potrawy. Jeśli nie są potrzebne, nic dodatkowego się nie wyświetla. Dzięki temu menu pozostaje czystsze, a jednocześnie pozwala pokazać ważne szczegóły tam, gdzie trzeba.
Kontakt i zamówienia
Finalna strona obejmuje 5 stron w języku norweskim: Home, About, Meals, Menu i Contact. Strona Contact obsługuje dwa oddzielne typy zapytań, dzięki czemu użytkownicy nie trafiają do jednej ogólnej formy kontaktu.
Jeden formularz obsługuje standardowe wiadomości, a drugi działa jako lekki proces rezerwacji. Odwiedzający może wybrać datę, podać liczbę osób i wysłać prośbę o rezerwację bez zbędnych przeszkód.
Kwestia zamówień online została rozwiązana inaczej. Zamiast budować własny system zamówień bezpośrednio na stronie, wdrożyłem okno modalne kierujące użytkowników do zewnętrznych dostawców. Dzięki temu strona pozostaje lekka i skupiona na tym, co najważniejsze, a jednocześnie wspiera oczekiwany sposób zamawiania.
W całej witrynie kluczowe wezwania do działania, takie jak adres, numer telefonu i zachęty do rezerwacji, powtarzają się w sensownych miejscach, aby użytkownik mógł szybko przejść do działania z różnych sekcji.
Efekt
Efektem końcowym jest szybsza, lżejsza i dużo bardziej użyteczna strona restauracji niż poprzedni jednostronicowy szablon. Kierunek wizualny wykorzystuje ciemną paletę z białym tekstem i przyciskami, co dobrze pasuje do estetyki restauracji i pozostaje czytelne na różnych urządzeniach.
Co jeszcze ważniejsze, zaplecze jest naprawdę praktyczne dla klienta. Zespół może zarządzać menu z jednego uporządkowanego miejsca, aktualizować informacje o daniach bez wpływu na projekt graficzny i utrzymywać stronę restauracji na bieżąco bez proszenia o pomoc techniczną przy każdej drobnej zmianie.
Ten projekt dobrze pokazuje, dlaczego kombinacja ACPT + Breakdance Pro tak dobrze sprawdza się w biznesowych stronach opartych na treści. Pozwala stworzyć indywidualny frontend, a jednocześnie utrzymuje codzienne zarządzanie prostym dla klienta.
