Дизайн сайта ProPokupki.com.ua

Название компании: ProPokupki.com.ua

Каналы распространения и география продаж: Украина

Ближайшие конкуренты:

• https://edadeal.ru
• https://gotoshop.ua

Какой тип сайта вам необходим: информационный

Какая цель создания сайта? информация об акциях магазинов

Есть ли у вас фирменный стиль компании, логотип, слоган? Нет

Как вы видите заголовок сайта (дескрипт)? Акции и скидки Украины

Есть ли у вас предпочтения в отношении цветовой гаммы веб-сайта? Нет

В каком стиле вы хотели бы видеть сайт? современный

Какую информацию вы хотите разместить на сайте? Картинки товаров

Структура сайта - укажите основные разделы и подразделы сайта:

• главная страница
• о компании
• контакты
• Акции
• Купоны
• Списки покупок
• Уведомления
• Страница логина, регистрации и восстановления пароля

Какая информация с сайта будет интересовать посетителей в первую очередь: контактная информация, перечень услуг/продукции, цены, новости компании/отрасли и т.д.? Акции магазинов

Есть ли отдельные требования по присутствию на сайте рекламных объектов (баннеры, логотипы партнеров, реклама и т.п.): Нет

Приведите пример сайтов, которые вам нравятся. Что именно вам понравилось с точки зрения дизайна и удобства использования?

• https://varus.ua/uk/actions_list - отображение товаров нравится
• https://edadeal.ru - нравится структура главной страницы, вверху магазины, ниже лучшие акции

Укажите любую дополнительную информацию, которую вы считаете важной.

Нужен дизайн сайта propokupki.com.ua (3 страницы: макет 1, макет 2 и страница с формой обратной связи)

Сайт об акциях супермаркетов Украины на подобии https://edadeal.ru

Макет сайта прилагается, но не обязательно строго делать по макету, принимаются любые идеи.

Макет 1

При первом посещении сайта будет показываться вопрос "Ваш город Киев?" (пример на https://edadeal.ru/). Будет автоопределение города пользователя.

Верхнее меню:

1) Акции - ссылка на страницу с акциями (макет 2)

2) Купоны - ссылка на страницу

3) Поиск - форма поиска, при вводе от 3-х символов показывают результаты, в этих результатах могут быть магазины, акции и категории (пример на https://edadeal.ru/)

4) Покупки - ссылка на страницу со списками покупок. Цифра в углу показывает сколько товаров в списках.

5) Уведомления - при нажатии показывает список уведомлений (пример на https://www.pinterest.com/). Цифра показывает сколько новых уведомлений.

Уведолмения будут о новых акциях, ответах на отзывы о товарах и т.п.

6) Киев - текущий город, при нажатии показывается список городов с поиском (пример на https://edadeal.ru/)

7) Русский - выбор языка. Украинский или Русский (Украинский по умолчанию будет).

8) Вход - ссылка на страницу входа для пользователей

Ниже заголовка "Акции и скидки Киева" размещены логотипы магазинов, при нажатии на логотип - переход на макет 2 с акциями магазина выбранного.

При нажатии на ссылку ЕЩЕ показывается несколько рядов магазинов и скролл справа, ссылка ЕЩЕ исчезает.

Под заголовком "Лучшие акции Киева" показаны товары действующих акций с лучшим рейтингом (до 10 акций будет показано). 

Количество колонок зависит от ширины экрана, но максимум 3 или 4. Ссылка "Все акции" ведет на страницу "Акци" (макет 2).

Товар в списке должен содержать такую информацию:

- лого магазина (ссылка на страницу с акциями магазина)

- картинку товара (со ссылкой на страницу товара)

- название акции и дату акции от и до

- название товара и цену.

Возможно лучше сделать что бы название товара и цены были скрыты, а показывались только при наведении курсором мыши т.к. на картинке товара в большинстве случаев будет цена и название (картинки товаров будут такие https://gotoshop.ua/chernigov/shops/atb/).

- текст с количеством дней до окончания акции "Осталось 3 дня", "Заканчивается сегодня", "Начнется через 2 дня", "Закончилась 10 дней назад" и т.п.

- иконка с количеством комментариев со ссылкой на страницу товара и иконки лайк и дизлайк, при нажатии на лайк цифра рядом увеличивается, при дизлайке цифра рядом уменьшается (2 цифры отдельные лайков и дизлайков).

- ссылка с иконкой звездочки для добавления в список покупок (только для авторизованных). Функционал как на https://gotoshop.ua, при нажатии добавляется в список по умолчанию и

показывается сообщение "Добавлено в "Мой список 1". Так же будет возможность убирать автоматическое добавление в список по умолчанию (где то в аккаунте или на странице списков покупок).

Когда автоматическое добавление в список по умолчанию отключено, то при нажатии на звездочку будут показываться списки покупок для выбора куда добавить товар.

Отображение картинок товаров нравится как на сайте https://varus.ua/uk/actions_list

Постраничная навигация нравится как здесь https://rozetka.com.ua/mobile-phones/c80003/ т.е. присутствуют как страницы 1,2,3,... так и можно загрузить товары на этой же странице (Показать еще 32 товара).

Ниже будет форма для подписки на новые акции по email. При нажатии на "Подписаться" будет переход на страницу подписки.

О сайт, связаться, подписка - ссылки на страницы.

Android, IOS - картинки ссылки на приложения.

Макет 2

Хедер и футер те же самые.

Новые - выпадающий список со ссылками:

- Новые (по умолчанию)

- От дешевых к дорогим

- От дорогих к дешевым

- Высокий рейтинг

- Низкий рейтинг

- Популярные

Магазины - выпадающий список или всплывающее окно. Должно содержать поле для поиска магазина и список магазинов.

Количество магазинов может быть от 0 до 150.

Категории - выпадающий список или всплывающее окно. Должно содержать поле для поиска категории и дерево категорий.

Категорий может быть от 0 до 5000

Текущие и будущие

Список выпадающий со ссылками:

- Текущие и будущие (по умолчанию)

- Текущие

- Будущие

- Прошедшие

- Поле с возможность выбора даты (пример как на https://gotoshop.ua/kiev/)