Продуктовий кейс · Корпоративні сайти

EMBER & OLIVE

  • Astro
  • React
  • TypeScript
  • Tailwind CSS
  • View Transitions
  • React Hook Form
  • Zod
  • Supabase
  • Resend
  • OpenTable API
  • Cloudflare Pages
EMBER & OLIVE — огляд сайту

опис

Перший веб-сайт ресторану для бронювання середземноморської їдальні по сусідству, який поєднує в собі поточний час обслуговування, меню з чіткими цінами, сезонні примітки щодо джерел, рекомендації щодо дієти та прямий шлях від апетиту до запиту столика.

Деталі проекту

Перший екран структуровано навколо рішень, які насправді має прийняти гість: дата, розмір групи, меню, ціна та доступні послуги. Тепла редакційна фотографія сидить поруч із компактною панеллю резервування та змінною кухонною дошкою замість того, щоб ховати практичну інформацію за копією стилю життя. Обід, меню à la carte і дегустаційне меню включають реальні діапазони цін, дієтичні маркери та короткі примітки до інгредієнтів. Досвід також охоплює підхід шеф-кухаря, виробників і постачальників, адресу, години роботи, умови скасування та інформацію про доступність. Завдяки адаптивному оформленню замовлень доступні засоби керування бронюванням на мобільному пристрої, а підтверджені поля, чіткі стани фокусу, зменшені переходи та миттєве локальне підтвердження роблять концепцію схожою на діючий незалежний ресторан.

Галерея інтерфейсу

Екрани проєкту

Готуємо сайт до роботи