Здравствуйте, нужно разработать сайт на анг. языке, прикладываем ТЗ и дизайн сайта.(который Вам нужно сверстать)




Укажите пожалуйста цену, срок и на чём планируете писать сайт, также желательно чтобы Вы имели опыт подключение иностранных платежных систем (Skrill, paypal, neteller и т.д.) или агрегатор у которого есть данные системы.




Дизайн сделан в формате figma




Агентствам не беспокоить.

1. Шапка сайта

Кнопки:

• Earn (При нажатии перебрасывает вниз на Fee-based forecasts)
• Our achievements (Принажатииперебрасываетвнизна Our achievements)
• FAQ (При нажатии перебрасывает вниз на FAQ )
• Contacts (При нажатии перебрасывает вниз страницы)
Значки (Перемещаются вместе с прокруткой вниз):

- Telegram (При нажатии переадресовывает на нашу страницу телеграма)

- Viber (При нажатии переадресовывает на нашу страницу вайбера)

- WhatsApp (При нажатии переадресовывает на нашу страницу вотсапа)

- Facebook messenger (При нажатии переадресовывает на нашу страницу фейсбука месенджер)

Поле для ввода емейла

- При нажатие на кнопку "Get an estimate" пользователю отправляется на почту наше письмо, если почта не введена, просит ввести почту. При не верном формате почты, просит ввести ее в верном. Если пользователь уже получил прогноз , ему выдает сообщение, что прогноз уже был отправлен, если вы его не получили – пишите в тех поддержку. Новый прогноз пользователь сможет получить после того, как мы заменим на новый.

2. Под шапкой сайта

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

Вот пример https://melbet.com/ru/



3. Fee-based forecasts

Vip forecasts

При нажатие на кнопку "Purchase" появляется окно "Amount of bets" , где пользователь должен выбрать срок подписки, способ оплаты, ввести почту и промокод, где промокод не является обязательным полем. Если пользователь не вводит обязательно поле, оно становиться красным и заставляет его ввести.



Переключатель (при нажатие меняет блоки)



VIP subscription

При нажатие на кнопку "Choose Subscription" появляется окно "Term for subscription" , где пользователь должен выбрать срок подписки, способ оплаты, ввести почту и промокод, где промокод не является обязательным полем. Если пользователь не вводит обязательно поле оно становиться красным и заставляет его ввести.

При нажатие на кнопку «Learn More» перебрасывает на текстовую страницу "Bank Growth".

Payment Method:
- Visa / MasterCard
- PayPal

- Webmoney (на прямую или юнитпей)
- Qiwi (на прямую или юнитпей)
- Yandex Money (на прямую или юнитпей)
- Skrill
- Neteller

- Bitcoin

- Payeer

- Perfect Money




Purchase
После того, как пользователь заполнил все поля и нажал на кноку "Purchase" имеются два варианта событий.
1. Его перебрасывает на платежную систему, где он совершает платеж
2. Его перебрасывает на текстовую страницу, где описано как совершить платеж. Данный вариант будет применятся в тех случаях, если вы не сможете сделать автоматическую оплату для какого-то способа оплаты.
После успешной оплаты, пользователю на почту отправляется прогноз.


4. FAQ

При нажатие на вопрос – выпадает ответ.

5. Our Achievements

При нажатие на стрелочку переходит на другой скриншот

6. Подвал

Два обязательных для заполнения поля, если не заполнить поле для ввода емейла, просит ввести его, если же неверный формат, просит ввести в верном, минимальное количество букв в сообщение – 5. При нажатие на кнопку отправить просит пройти recapcha и отправляет письмо нам на почту.



Кнопки и контакты имеют те же функции, которые описаны выше.

7. Страница Bank Growth
Текстовая страница.



8. Подключить чатру
https://chatra.io/ru/


7. Админка

Какие функции нам нужны?


1. Мы должны видеть базу пользователей, которые нажали кнопку «Get an estimate» , в формате Email / IP


2. После нажатие на кнопку «Get an estimate» , пользователю автоматически отправляется на почту письмо, собственно нам нужно, что бы мы могли задавать этот текст в админке на определенное время, к примеру:

Матч играет сегодня в 17:00 , то есть , после 17:00 уже отправляется прогноз на другой матч, к примеру который играет в 18:00 завтра, то есть завтра в 18:01 уже отправляется прогноз на следующий матч и т.д.

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


3. Линия побед
Нам нужно ,что бы мы могли задавать в эту линию, скриншот, поля Bet / Win Amount / Match и тип игры. Сколько в админке мы укажем событий, столько на сайте и будет их крутится.

Вот пример https://melbet.com/ru/


4. Блоки VIP forecasts


Мы должны задавать начало матча, коэффициент, Вероятность выигрыша и цену. Так же, третий блок «VIP Expess» может быть заменен на «Inside»


5. Блоки VIP subscription


Мыдолжнызадаватьполя Last month grew up on , bank growth per month , forecasts each day, subscription payback , в общем все доступные поля.

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

Страница Bank growth
Текстовый редактор, в котором должны присутствовать жирный шрифт, курсив, добавление скриншотов, в общем все возможности редактора.


Term for subscription
В данных блоках нужна возможность указать цену , название и количество блоков.


Поле промокод:

Возможность создать промокод и процент скидки.

FAQ
Текстовый редактор, в котором должны присутствовать жирный шрифт, курсив и т.д.



Our achievements
Возможность добавлять скриншоты

Have some questions
После того как пользователь нажимает кнопку Send его письмо приходит к нам на почту.

Блок с оплатой
После оплаты пользователя возращает на страницу с уведомлением об успешной / неуспешной оплате, а нам в админку приходит следующая информация:
- Способ оплаты , IP , email , тип товара, сумма, использовался ли промокод и сумма скидки этого промокода, и время оплаты, кнопка закрыть заказ, статус заказа (в обработке или закрыт)
- При неуспешной оплате информация нам не приходит





Технические вопросы

1. Сайт нужно установить на зарубежный хостинг или сервер к примеру https://www.hetzner.com/ поскольку вся аудиторию зарубежная