Створення сайту Cocina

(ГОЛОВНИЙ ЕКРАН)

- Логотип Cocina у верхній частині екрану, праворуч рядок пошуку (пошук страв або

кухня), праворуч кошик, праворуч Реєстрація, вхід

- Внизу прокручувана зліва направо панель з іконками та типом кухні (індійська,

китайська, мексиканська, італійська, українська, японська, корейська)

- Нижче опція вибору (Шеф-кухар ON/OFF), вибір типу дієти ((Вегетаріанська,

Веганська, Безглютенова, Палео, Кето, Халяль, Кошерна, Whole 30, з низьким вмістом FODMAP,

Безмолочний), Фільтр для вибору типу страви Суп, Риба, М'ясо, Курка, Салати,

Другі страви, Десерти, Випічка, Гарніри тощо).

- Внизу Перший рядок Заголовок (Популярні місцеві шеф-кухарі) Прокрутка вправо кожного

чітке зображення страви з обличчям шеф-кухаря (якщо це можливо (Обов'язковий заголовок)).

мати заголовок), нижче повна назва страви жирним шрифтом із зазначенням типу кухні

нижче. Під фотографією шеф-кухаря повне ім'я та перша літера прізвища

імені та першої літери прізвища (Шеф-кухар Пабло Е.), під зображенням назви страви, під трьома

індикаторами «Рейтинг», «Тип дієти», «Рівень гостроти». Нижче ціни зліва, пробіл

для розміщення тексту про знижку або спеціальну пропозицію, праворуч - кнопка «Додати в кошик».

- При натисканні на коробку або зображення страви вона розгортається на 2/3 екрану, залишаючи краї прозорими (сірими).

краї залишаються прозорими (сірими), показуючи вгорі 4 зображення тарілки, що прокручуються вправо.

праворуч. Під кількістю грамів. Під поживними речовинами інформація про

продукт, тип дієти, рівень спецій. Внизу опис страви. Внизу

ціна та можливість додати в кошик.

-

- Нижче така ж смуга прокрутки з різними заголовками (Місцеві індійські шеф-кухарі, Місцеві

Іспанські шеф-кухарі, Українські шеф-кухарі)

- Внизу місце для розміщення додаткової інформації, спеціальних пропозицій, реклами

- Внизу сторінки кнопка (побачити все), при натисканні на яку показуються всі доступні варіанти (Chef

картки), які є в наявності.

Профіль шеф-кухаря

- Зліва вгорі велике зображення обличчя шеф-кухаря (дизайн для легкого додавання напису MUST TRY), праворуч

праворуч три іконки: Серце (додати до обраного), Текст (доступ до прямого зв'язку з клієнтом

(доступ до безпосереднього спілкування з шеф-кухарем у чаті додатку (доступний тільки після оформлення замовлення)), «Поділитися» (можливість

поділитися профілем шеф-кухаря (Копіювати як посилання, автоматично в WhatsApp, Telegram,

Instagram, Facebook, X,)

- Під рядком перераховані всі кухні, на яких працює шеф-кухар.

- Під цим же рядком, прокручуючи вправо, ви побачите найпопулярніші страви, а потім

відповідно до кожного типу страви. (М'ясні, Веганські, Основні, Десерти і т.д.)

Кошик

- Вгорі залежно від типу доставки:

- (Іконка, Доставити) або (Забрати, Адреса)

- Потенційне місце для (наприклад, 6,20 € залишилося для безкоштовної доставки)

- Внизу - зліва фото шеф-кухаря, назва страви. При правильній ціні (прим.

8,80 €) і кількість з + і -.

- Внизу кнопка (Алергія, коментарі?)

- Нижче (деталі доставки) у вигляді фрагмента карти з можливістю натиснути і вибрати ваше

місцезнаходження на карті, або введіть адресу вручну)

- Нижче (відправити комусь іншому?), натиснувши на яку, клієнт залишає

ім'я та номер телефону одержувача.

- Нижче Спосіб оплати, натиснувши на іконку, клієнт може вибрати спосіб оплати

(Apple Pay, Android, Pay, Google Pay (залежно від платформи), Додати нову

картою, Cocina Balance, (Paypal, якщо необхідно)

- Внизу (Підсумок), з підсумком повної ціни - показує ціну на

Продуктів, Доставки, Сервісного збору та ВСЬОГО.

- При натисканні на кнопку (Підтвердити) відтворюється відповідна анімація та звук.

- При оформленні замовлення внизу вікна з'являється поле, яке дозволяє відстежувати

статус замовлення. (З використанням зображень та етапів Пакування, Доставка, Готовність до

забрати) (за прикладом Glovo)

Frontend: ReactJS (або альтернативи)

Backend: Lavarel (або альтернативи)

Час: Все готову до запуску на початку Вересня