Архив: Дизайн и верстка вкусного сайта для ресторана доставки
Бюджет
167$
/ 10000
руб
в месяц
Создан: 5 лет назад
Закрыт
- Описание
- Нужно разработать дизайн и затем заверстать в html с использованием bootstrap 4, js. Разумеется, адекватная адаптация под планшеты и мобильники. В случае заимствования сторонних библиотек (css, js), использовать строго open-source, без копирования коммерческих материалов третьих лиц и правообладателей.
Нужные страницы:
a. layout для всех страниц.
1. Время работы для текущего дня (Пн Вт Ср Чт Пт Сб Вс)
2. Кнопка регистрации
3. Кнопка авторизации
4. Логотип компании (размер выбрать исходя из идеи дизайна)
5. Кнопка открытия корзины
6. Номера телефонов (2 штуки)
7. Спискок категорий (Пицца, Суши и тд.). Ссылки, должны иметь вид, активная, не активная.
8. Блок с акционными предложениями, выполнить в виде слайдера на котором есть Заголовок, описание и фоновое изображение. (Размер банера h x w задать исходя из идеи дизайна)
9. Фиксированный блок внизу окна с информацией для пользователя сайта об использовании cookie, при нажатии кнопки закрыть на показывать 7 дней (использовать js)
10. Футер, состоит из логотипа, кнопки скачать приложение (AppStore, Google). Контакты, телефоны, адрес, Юридическая информация о компании. Блок информации, с ссылками Политика конфиденциальности, Пользовательское соглашение.
11. Модальник, который показывается, если пользователь пришел на сайт в нерабочее время ресторана. (Текст что-то вроде, Извините, мы уже не работаем. Оставьте заказ и он сразу пойдет в на кухню, в рабочее время), разумеется модальник, стилизовать под основную идею оформления сайта.
b. Витрина со списком наименований
1. Количество колонок c наименованиями, на ваше усмотрение (col-2, col-3, col-4), исходя из идеи дизайна.
1.1. Каждое наименование имеет, несколько размеров (X, XL и тд, обычно не более четырех). Выбирается при клике на button.
1.2. Цена
1.3. Список доп. услуг (например больше помидоров и тд.), с отображением цены и веса. Выбирается через checkbox.
1.4. Card наименования может принимать несколько визуальных оформлений, исходя из ситуации (Акция, Острое блюдо, Хит продаж, Новинка). Разумеется каждый из этих случаев выделяет наименование в списке меню по своему.
1.5. Кнопка добавить в корзину.
1.6. Изображение наименования. При клике на изображение, открывается страница с карточкой наименования, смотреть блок "e", текущего тз.
1.7. Энергетическая ценность на 100 г. продукции (Белки, Жиры, Углеводы, Калорийность).
1.8. Выход продукции в граммах. (Например 1870 гр.)
1.9. Название наименования.
1.10. Описание наименования.
2. Пагинация наименований на странице.
3. Теги для дополнительной фильтрации наименований внутри категории (например: вегетарианское меню).
c. Корзина с формой оформления заказа
1. Отображаем форму для доставки
1.1. Имя (input)
1.2. Мобильный телефон по маске +7-000-000-0000 (для маски, использовать css) (input)
1.3. Способ получения заказа (radio button)
1.3.1. Доставка курьером
1.3.2. Самовывоз
1.4. Выберите район (select)
1.5. Улица (input)
1.6. Номер дома (input)
1.7. Квартира (input)
1.8. Подъезд (input)
1.9. Этаж (input)
1.10. Домофон (input)
1.11. Время получения заказа: (radio button)
1.11.1. В ближайшее
1.11.2. К определенному времени
1.12. Дополнительные пожелания к заказу (textarea)
1.13. Способ оплаты (radio button)
1.13.1. Наличными при получении
1.13.2. Оплата картой при получении
1.13.3. Оплата картой онлайн
1.14. Чекбокс (Я принимаю условия пользовательского соглашения и даю своё согласие ...)
1.15. Промокод (input) с кнопкой для применения.
1.16. Кнопка отправки заказа.
1.17. Колличество персон.
2. Список наименований, которые заказывает клиент.
2.1. Изображение
2.2. Название, вес, цена и размер наименования.
2.3. Доп.услуги. – Название, вес и цена.
2.4. Кнопка удалить наименование из корзины.
2.5. Колличество наименований в корзине.
2.6. Стоимость доставки
2.7. Общиий вес заказа
2.8. Бонусы которые клиент получит после оплаты заказа.
2.9. Кнопка очистить корзину
d. Страница регистрацииавторизации
1. Input email
2. Мобильный телефон по маске +7-000-000-0000 (для маски, использовать css) (input)
3. Пароль input
3. Подтвердить пароль input
5. Кнопка создать аккаунт
2. Страница авторизации
2.1. Логин email или телефон
2.2. пароль
2.3. Кнопка войти
3. Для ошибок авторизации и регистрации, сделать стилизованный alert
e. Страница личного кабинета
1. Выводить список последних оплаченных заказов в стилизованных card
1.1. Наименования, которые есть в заказе
1.2. Изображения
1.3. Номер заказа
1.4. Дата и время оформления заказа
1.5. Дата и время выдачи заказа
1.6. Кнопка повторить заказ.
1.7. Кнопка оставить отзыв по заказу.
1.8. Сумма заказа
1.9. Общий вес заказа
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
1 неделя назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
2 месяца назад
0
2
0
0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
6 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
10 месяцев назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
9
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
9
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
4
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10
2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
$22
27
4
76
2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
3
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
$111
122
3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
Перетащите