Сайт NFC-Метки

Сайт состоит из 3х частей:

1. Landing page с формой заказа

2. Админ-панель со списом всех визиток, а так же возможностью создать новую визитку (Получив ссылку + пароль для управления), удалить имеющиеся, а так же сменить пароль для редактирования визитки.

3. Сама визитка, с возможностью ее редактирования при наличии пароля от нее.

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

Шаг 1 - Человек попадает на сайт, в форме заказа в конце лендинга он может выбрать следующие опции:

-Индивидуальный дизайн или готовый (Если выбран селект готовый, пользователю необходимо указать какие именно визитки и в каком количестве ему нужны (над формой заказа будут примеры готовых работ которые доступны к заказу прямо сейчас, вот их сюда и нужно добавить, а так же нужна опция указания количества. В случае выбора индивидуального дизайна, пользователю предлагается загрузить картинку. Нужно обязательно указать, что если картинки еще нет, или вы не достаточно опытный пользователь ПК, нужно просто оставить номер телефона и имя, а мы свяжемся и поможем.

Шаг 2 - Человек оформляет заказ. Администратор видит на почте, что пришел новый заказ, его детали, картинку (если таковая имеется). Далее администратор переходит в админ панель, входит в аккаунт администратора, над списком меток кнопка «Добавить новую метку»

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

Шаг 3 - Администратор отправляет заказ, пользователь получает карточку-пароль + метку. Карточка пароль для редактирования визитки (содержит пароль распечатанный администратором после нажатия кнопки создания метки»

Вот и все. Не нужен личный кабинет для пользователей, нужна только админка с указанными функциями.

Теперь подробнее о каждой из страниц:

1. Landing page стандартной одностраничной структуры.

Примеры, которые нравятся по дизайну:

https://itsme.team
https://toch.company

Примеры, которые нравятся по компоновке: 

https://www.yourcf.ru/

Структура по-блочно выглядит следующим образом:

1.1 Шапка(4 пункта меню, которые ссылаются на разделы внутри страницы)

1.2 Видео-превью блок

1.3 Блок-превью посадочной страницы визитки + текстовые описания преимуществ

1.4 Что нужно сделать, что бы оформить заказ (пошагово)

1.4 Каталог готовых к покупке меток (около 8 штук)

1.5 Форма заказа 

1.6 Наши клиенты (Пока сделать без наполнения, с возможностью добавить отзывы или видео-отзывы (нужно обсудить как лучше)

1.7 Часто задаваемые вопросы

Так же для понимания отправляю структурный макет:

2. Админ панель должна быть доступна только из-под логина и пароля администратора.

Структура админ панели простая - это простенькая шапка, с возможностью выхода из аккаунта администратора. Так же кнопка добавить новую метку в шапке (нужно только указать клиента). И таблица, в которой отображаем следующие колонки:

  -Ссылка метки

  -Пароль метки

  -Клиент (то, что указали при добавлении метки)

  -Переход к редактированию пароля метки

  -Удалить метку

! Пароли меток отображаем админу в открытом виде

3. Страница визитки полностью по примеру.

Редактирование так же полностью по примеру. 

Нужен только редизайн страницы

Итого задачи:

1. Создать лендинг пейдж (без индивидуального дизайна, но с добавлением нашей графики и картинок продукции) - можно реализовать на платформах типо тильда и тд.

2. Сделать редизайн страницы визитки из чужого сайта

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

4. Создать админку, индивидуальный дизайн не требуется, достаточно сохранить структуру макета

Буду рад, если все эти задачи сможет выполнить один человек. Но если вы можете помочь мне с реализацией части из них - тоже неплохо! Прошу оставить в ставке пункты (задачи) которые вы смогли бы выполнить. Например, 1,3,4 (Нужен будет верстанный редизайн визитки).