Quest Box

Need to create a website with a payment system, an internal page builder, and a two-level administrative menu (admin and super admin).

There are layouts of the pages and a graphical representation of the administrative menu.

Budget is 1200 currency units.

Link to all materials (collected in Figma and Google Docs):

• https://www.figma.com/design/Pp4dbzYF7kzXENLWlPtC44/QuestBox?node-id=15-2&t=YQmC3f9b9nkxiKa3-1
• https://drive.google.com/drive/folders/1usg-CFO0KUr6iCEnw1GPyODSIHQjfPqr?usp=drive_link

Нужно сделать сайт с платёжной системой, внутренним конструктором страниц и двухуровневым административным меню (админка и суперадминка).

Есть макеты страниц и графическое представление административного меню.

Бюджет 1200 уе.

Ссылка на весь материал (собран в кучу в фигме и в Гуглдок):

• https://www.figma.com/design/Pp4dbzYF7kzXENLWlPtC44/QuestBox?node-id=15-2&t=YQmC3f9b9nkxiKa3-1
• https://drive.google.com/drive/folders/1usg-CFO0KUr6iCEnw1GPyODSIHQjfPqr?usp=drive_link

My game description

Red-black screens are the design of the client part. 

Gray frames are the admin panel

A game where you need to perform certain actions sequentially.

There are pages with unique designs 1, 2, 3,  and the rest are standard. For example, all TypicalPage pages (Prepare Step, Game Task, IntroPage) are basically clones. Only the types of elements in the puzzle differ.

As for the admin panel. 

Gray frames are organized separate windows/pages that can unfold like an accordion. 

Level of detail: 1. Game - > 2. Puzzle  -> 3. Element

Elements are the Lego bricks from which we can assemble a page consisting of several different blocks. 

For example, 

1. at the top BOLD or REGULAR text,
2. below it a video preview in the player, 
3. below that a QR scanner. 

That is, on the page the client will see text, below it a video, and below that an area for scanning the QR code. To proceed to the next page, the code must be scanned. If the code is correct,  then the next puzzle page will automatically open. If not, then a message about the error will appear at the bottom.

All selected elements are formed into a puzzle (Typical page).

Types of puzzle elements:

• Image 
• Video 
• Audio
• Audio loop
• QR scan
• Text input (you need to enter the required word in the field and press "Activate", then it will proceed to the page)
• Text blocks of different purposes (Bold, Regular, Hint, Answer)

Моё описание игры

Красно-чёрные экраны - это дизайн клиентской части. 

Серые фреймы - это админка

Игра, где нужно нужно делать последовательно определённыные действия.

Есть страницы с уникальным дизайном 1, 2, 3,  а остальные - типовые. Например, все страницы TypicalPage (Prepare Step, Game Task, IntroPge) вообще клоны. Только типы элементов в пазле отличаются.

Что касается админки. 

Серые фреймы - это упорядоченные отдельные окна/страницы, которые могут как аккордеон раскрываться. 

Уровень детализации: 1. Игра - > 2. Пазл  -> 3. Элемент

Элементы - это кирпичики Лего, из которых мы можем сложить страничку состоящую из нескольких разных блоков. 

Например, 

1. сверху BOLD или REGULAR текст,
2. под ним видеопривьюшка в плеере, 
3. под ней QR-сканер. 

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

Все выбранные элементы формируются в пазл (Типовая страница).

Типы элементов пазла:

• Картинка 
• Видео 
• Аудио
• Аудиолуп
• QR-скан
• Текстовый инпут(нужно ввести в поле нужное слова и нажать "Активировать", тогда производится переход на страницу)
• Текстовые блок разного назначения (Bold, Regular, Подсказка, Ответ)