Design of the website ProPokupki.com.ua

Company Name: ProPokupki.com.ua

Distribution Channels and Sales Geography: Ukraine

Closest Competitors:

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

What type of website do you need: informational

What is the purpose of creating the website? information about store promotions

Do you have a corporate style, logo, slogan? No

How do you envision the website title (description)? Promotions and Discounts in Ukraine

Do you have preferences regarding the color scheme of the website? No

In what style would you like to see the website? modern

What information do you want to place on the website? Product images

Website structure - specify the main sections and subsections of the website:

• home page
• about the company
• contacts
• Promotions
• Coupons
• Shopping Lists
• Notifications
• Login, registration, and password recovery page

What information from the website will be of primary interest to visitors: contact information, list of services/products, prices, company/industry news, etc.? Store promotions

Are there any specific requirements for the presence of advertising objects on the website (banners, partner logos, ads, etc.): No

Provide examples of websites that you like. What specifically did you like in terms of design and usability?

• https://varus.ua/uk/actions_list - like the display of products
• https://edadeal.ru - like the structure of the home page, stores at the top, best promotions below

Provide any additional information that you consider important.

Need a design for the website propokupki.com.ua (3 pages: layout 1, layout 2, and a feedback form page)

The website is about supermarket promotions in Ukraine similar to https://edadeal.ru

The website layout is attached, but it is not necessary to strictly follow the layout; any ideas are welcome.

Layout 1

Upon the first visit to the website, the question "Is your city Kyiv?" will be displayed (example at https://edadeal.ru/). There will be auto-detection of the user's city.

Top menu:

1) Promotions - link to the promotions page (layout 2)

2) Coupons - link to the page

3) Search - search form, when entering 3 or more characters, results are shown, which may include stores, promotions, and categories (example at https://edadeal.ru/)

4) Purchases - link to the shopping lists page. The number in the corner shows how many products are in the lists.

5) Notifications - when clicked, shows a list of notifications (example at https://www.pinterest.com/). The number shows how many new notifications there are.

Notifications will be about new promotions, responses to product reviews, etc.

6) Kyiv - current city, when clicked, shows a list of cities with a search option (example at https://edadeal.ru/)

7) Russian - language selection. Ukrainian or Russian (Ukrainian will be the default).

8) Login - link to the user login page

Below the title "Promotions and Discounts in Kyiv" are the logos of stores; clicking on a logo will take you to layout 2 with the selected store's promotions.

When clicking on the link MORE, several rows of stores will be displayed, and a scroll bar will appear on the right; the link MORE will disappear.

Under the title "Best Promotions in Kyiv," products from current promotions with the best ratings will be shown (up to 10 promotions will be displayed). 

The number of columns depends on the screen width, but a maximum of 3 or 4. The link "All Promotions" leads to the "Promotions" page (layout 2).

A product in the list should contain the following information:

- store logo (link to the store's promotions page)

- product image (with a link to the product page)

- promotion name and promotion date from and to

- product name and price.

It may be better to make the product name and price hidden, showing them only on mouse hover since the product image will usually display the price and name (product images will be like https://gotoshop.ua/chernigov/shops/atb/).

- text with the number of days until the promotion ends, such as "3 days left," "Ends today," "Starts in 2 days," "Ended 10 days ago," etc.

- icon with the number of comments linked to the product page and like/dislike icons; clicking on like increases the number next to it, while clicking on dislike decreases the number next to it (2 separate numbers for likes and dislikes).

- link with a star icon for adding to the shopping list (only for authorized users). Functionality like on https://gotoshop.ua, when clicked, it adds to the default list and

shows the message "Added to 'My List 1'." There will also be an option to disable automatic addition to the default list (somewhere in the account or on the shopping lists page).

When automatic addition to the default list is disabled, clicking on the star will show shopping lists for selecting where to add the product.

Product images should be displayed like on the website https://varus.ua/uk/actions_list

Pagination is liked as here https://rozetka.com.ua/mobile-phones/c80003/, i.e., both pages 1,2,3,... are present, and you can load products on the same page (Show 32 more products).

Below will be a form to subscribe to new promotions via email. Clicking on "Subscribe" will take you to the subscription page.

About the site, contact, subscription - links to pages.

Android, IOS - images linking to applications.

Layout 2

The header and footer are the same.

New - dropdown list with links:

- New (default)

- From cheap to expensive

- From expensive to cheap

- High rating

- Low rating

- Popular

Stores - dropdown list or popup window. Should contain a field for searching stores and a list of stores.

The number of stores can range from 0 to 150.

Categories - dropdown list or popup window. Should contain a field for searching categories and a category tree.

The number of categories can range from 0 to 5000

Current and Future

Dropdown list with links:

- Current and Future (default)

- Current

- Future

- Past

- Field with the option to select a date (example like on https://gotoshop.ua/kiev/)

Название компании: 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/)