Projekt strony ProPokupki.com.ua

Nazwa firmy: ProPokupki.com.ua

Kanały dystrybucji i geografia sprzedaży: Ukraina

Najbliżsi konkurenci:

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

Jaki typ strony potrzebujesz: informacyjna

Jaki jest cel stworzenia strony? informacje o promocjach sklepów

Czy masz firmowy styl, logo, slogan? Nie

Jak widzisz tytuł strony (opis)? Promocje i zniżki w Ukrainie

Czy masz preferencje dotyczące kolorystyki strony internetowej? Nie

W jakim stylu chciałbyś widzieć stronę? nowoczesny

Jakie informacje chcesz umieścić na stronie? Obrazy produktów

Struktura strony - podaj główne sekcje i podsekcje strony:

• strona główna
• o firmie
• kontakt
• Promocje
• Kupony
• Listy zakupów
• Powiadomienia
• Strona logowania, rejestracji i odzyskiwania hasła

Jakie informacje ze strony będą interesować odwiedzających w pierwszej kolejności: informacje kontaktowe, lista usług/produktów, ceny, wiadomości firmy/branży itp.? Promocje sklepów

Czy są jakieś szczególne wymagania dotyczące obecności na stronie obiektów reklamowych (banery, logotypy partnerów, reklama itp.): Nie

Podaj przykłady stron, które Ci się podobają. Co dokładnie Ci się podobało pod względem designu i użyteczności?

• https://varus.ua/uk/actions_list - podoba mi się wyświetlanie produktów
• https://edadeal.ru - podoba mi się struktura strony głównej, na górze sklepy, poniżej najlepsze promocje

Podaj wszelkie dodatkowe informacje, które uważasz za ważne.

Potrzebny jest projekt strony propokupki.com.ua (3 strony: makieta 1, makieta 2 i strona z formularzem kontaktowym)

Strona o promocjach supermarketów w Ukrainie podobna do https://edadeal.ru

Makieta strony jest załączona, ale nie trzeba ściśle trzymać się makiety, akceptowane są wszelkie pomysły.

Makieta 1

Przy pierwszej wizycie na stronie będzie wyświetlane pytanie "Czy Twoje miasto to Kijów?" (przykład na https://edadeal.ru/). Będzie automatyczne określenie miasta użytkownika.

Górne menu:

1) Promocje - link do strony z promocjami (makieta 2)

2) Kupony - link do strony

3) Wyszukiwanie - formularz wyszukiwania, przy wprowadzeniu od 3 znaków wyświetlają wyniki, w tych wynikach mogą być sklepy, promocje i kategorie (przykład na https://edadeal.ru/)

4) Zakupy - link do strony z listami zakupów. Cyfra w rogu pokazuje ile produktów jest na listach.

5) Powiadomienia - po naciśnięciu pokazuje listę powiadomień (przykład na https://www.pinterest.com/). Cyfra pokazuje ile jest nowych powiadomień.

Powiadomienia będą o nowych promocjach, odpowiedziach na recenzje produktów itp.

6) Kijów - aktualne miasto, po naciśnięciu pokazuje listę miast z wyszukiwarką (przykład na https://edadeal.ru/)

7) Rosyjski - wybór języka. Ukraiński lub Rosyjski (Ukraiński będzie domyślny).

8) Zaloguj się - link do strony logowania dla użytkowników

Poniżej tytułu "Promocje i zniżki w Kijowie" umieszczone są logotypy sklepów, po naciśnięciu na logotyp - przejście do makiety 2 z promocjami wybranego sklepu.

Po naciśnięciu na link JESZCZE wyświetla się kilka rzędów sklepów i przewijanie po prawej, link JESZCZE znika.

Poniżej tytułu "Najlepsze promocje w Kijowie" pokazane są produkty aktualnych promocji z najlepszą oceną (do 10 promocji będzie pokazanych). 

Liczba kolumn zależy od szerokości ekranu, ale maksymalnie 3 lub 4. Link "Wszystkie promocje" prowadzi do strony "Promocje" (makieta 2).

Produkt na liście powinien zawierać takie informacje:

- logo sklepu (link do strony z promocjami sklepu)

- obrazek produktu (z linkiem do strony produktu)

- nazwa promocji i daty promocji od i do

- nazwa produktu i cena.

Możliwe, że lepiej byłoby, aby nazwa produktu i ceny były ukryte, a pokazywane tylko przy najechaniu kursorem myszy, ponieważ na obrazku produktu w większości przypadków będzie cena i nazwa (obrazki produktów będą takie jak https://gotoshop.ua/chernigov/shops/atb/).

- tekst z ilością dni do końca promocji "Zostało 3 dni", "Kończy się dzisiaj", "Rozpocznie się za 2 dni", "Zakończona 10 dni temu" itp.

- ikona z ilością komentarzy z linkiem do strony produktu oraz ikony lubię i nie lubię, po naciśnięciu na lubię cyfra obok zwiększa się, po naciśnięciu na nie lubię cyfra obok zmniejsza się (2 oddzielne cyfry dla polubień i niepolubień).

- link z ikoną gwiazdki do dodania do listy zakupów (tylko dla zalogowanych). Funkcjonalność jak na https://gotoshop.ua, po naciśnięciu dodaje do listy domyślnej i

pokazuje komunikat "Dodano do "Mojej listy 1". Będzie również możliwość wyłączenia automatycznego dodawania do listy domyślnej (gdzieś w koncie lub na stronie list zakupów).

Kiedy automatyczne dodawanie do listy domyślnej jest wyłączone, to po naciśnięciu na gwiazdkę będą pokazywane listy zakupów do wyboru, gdzie dodać produkt.

Wyświetlanie obrazków produktów podoba mi się jak na stronie https://varus.ua/uk/actions_list

Nawigacja stronicowa podoba mi się jak tutaj https://rozetka.com.ua/mobile-phones/c80003/ tzn. są zarówno strony 1,2,3,... jak i można załadować produkty na tej samej stronie (Pokaż jeszcze 32 produkty).

Poniżej będzie formularz do subskrypcji nowych promocji przez email. Po naciśnięciu na "Subskrybuj" nastąpi przejście do strony subskrypcji.

O stronie, kontakt, subskrypcja - linki do stron.

Android, IOS - obrazki linków do aplikacji.

Makieta 2

Header i footer są takie same.

Nowe - rozwijana lista z linkami:

- Nowe (domyślnie)

- Od najtańszych do najdroższych

- Od najdroższych do najtańszych

- Wysoka ocena

- Niska ocena

- Popularne

Sklepy - rozwijana lista lub okno popup. Powinno zawierać pole do wyszukiwania sklepu i listę sklepów.

Liczba sklepów może wynosić od 0 do 150.

Kategorie - rozwijana lista lub okno popup. Powinno zawierać pole do wyszukiwania kategorii i drzewo kategorii.

Kategorii może być od 0 do 5000

Aktualne i przyszłe

Lista rozwijana z linkami:

- Aktualne i przyszłe (domyślnie)

- Aktualne

- Przyszłe

- Minione

- Pole z możliwością wyboru daty (przykład jak na 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/)