Огляд проєкту
The Blue Taj — це індійський ресторан у Skien, Norway. До перебудови бізнес користувався односторінковим шаблоном GoDaddy, який зовсім не відповідав реальним потребам ресторану. Йому бракувало і виразної подачі, і зручності для користувачів, і практичності в щоденному керуванні сайтом.
Я перебудував сайт з нуля на WordPress, використовуючи Breakdance Pro та ACPT. До цього стеку я звертаюся в клієнтських проєктах тоді, коли потрібно зберегти кастомний фронтенд, але при цьому зробити адмінку значно простішою для клієнта.
Готовий сайт дав ресторану значно сильнішу присутність в онлайні. Він передає атмосферу закладу через інтер’єр і фотографії страв, робить меню зручним для перегляду в різних форматах і підтримує два важливі сценарії звернення: загальні запити та прості заявки на бронювання столика.
Виклик
Цей проєкт полягав не лише в заміні застарілого дизайну. Більша мета була в тому, щоб перетворити сайт на інструмент, яким ресторан справді може користуватися щодня.
Для ресторану меню — одна з найважливіших частин сайту, але команда має легко його оновлювати. Тому структура адмінки повинна була бути достатньо простою й зрозумілою, щоб клієнт міг керувати нею без втручання в налаштування макета, структуру конструктора сторінок чи код.
Сайт також мав добре працювати на мобільних пристроях, зберігати цілісну візуальну мову й постійно тримати ключові дії на видноті. Адреса, телефон, бронювання й варіанти замовлення не повинні були губитися на сторінці.
Система меню
ACPT став ключовим елементом, який зробив роботу з меню справді зручною. Я створив окремий тип записів Menu, де адміністратори можуть додавати й редагувати позиції меню прямо з панелі WordPress у знайомому інтерфейсі.
Кожна позиція меню може зберігати поля на кшталт ціни, опису, категорії, алергенів, рівня гостроти, зображення, додаткових приміток і порядку виведення. Це дає клієнту одне центральне місце для керування всім меню замість ручного редагування тих самих даних у різних макетах.
За допомогою Breakdance Pro dynamic data я потім побудував різні варіанти подачі на фронтенді, які беруть інформацію з одного й того самого джерела. Одна сторінка більше зосереджена на візуальній презентації страв, тоді як основна сторінка Menu показує елементи списком із фільтрами по категоріях прямо на сторінці.
Умовна логіка теж добре спрацювала. Інформація про алергени та рівень гостроти показується лише тоді, коли відповідні поля заповнені для конкретної страви. Якщо інформація не потрібна, нічого зайвого не з’являється. Це робить меню чистішим, але все одно дозволяє показати важливі деталі там, де вони потрібні.
Контакт і замовлення
Фінальний сайт включає 5 сторінок норвезькою мовою: Home, About, Meals, Menu і Contact. Сторінка Contact підтримує два окремі типи звернень, щоб користувачі не потрапляли в одну універсальну форму.
Одна форма обробляє стандартні звернення, інша працює як легкий сценарій бронювання. Відвідувач може вибрати дату, вказати кількість людей і надіслати запит на бронювання без зайвих кроків.
Питання онлайн-замовлення я вирішив інакше. Замість того щоб будувати власну систему замовлень прямо на сайті, я зробив модальне вікно, яке перекидає користувача до сторонніх сервісів доставки. Так сайт залишається сфокусованим і легким, але при цьому підтримує потрібний сценарій замовлення.
По всьому сайту ключові заклики до дії — адреса, телефон і підказки щодо бронювання — повторюються в логічних місцях, щоб користувач міг швидко перейти до дії з різних секцій.
Результат
У підсумку вийшов швидший, легший і набагато зручніший сайт ресторану, ніж старий односторінковий шаблон. Візуальний напрямок побудований на темній палітрі з білим текстом і кнопками, що добре відповідає естетиці ресторану та лишається читабельним на різних пристроях.
Ще важливіше те, що адмінка справді практична для клієнта. Команда може керувати меню з одного структурованого розділу, оновлювати інформацію про страви без ризику для дизайну й тримати сайт актуальним без технічної допомоги для кожної дрібниці.
Цей проєкт добре показує, чому комбінація ACPT + Breakdance Pro так добре працює для бізнес-сайтів із великим обсягом контенту. Вона дає індивідуальний фронтенд і водночас залишає щоденне керування простим для клієнта.
