Редизайн сайта rbx.one (сайт в доступе для дизайнеров)

🧩 Техническое задание на редизайн сайта rbx.one

Тематика: магазин по продаже Robux
ЦА: дети 8–13 лет + родители
Цель: сделать яркий, геймифицированный и анимированный дизайн, вызывающий доверие

---

🌟 Общая концепция:

Нужен вовлекающий, визуально приятный и удобный интерфейс в детском игровом стиле (но не инфантильный). Всё должно быть связано с Roblox-вселенной: кубики, монетки, персонажи, достижения. Пользователь должен сразу понимать: это безопасный и понятный магазин Robux.

---

🔧 Что нужно переделать:

1. Верхняя панель / навигация

Яркая, отделённая (градиент, паттерн, фоновая текстура).

Иконка входа — милый Roblox-аватар или лисёнок.

Адаптивность: всё должно выглядеть идеально на смартфонах.

2. Блок “Ты платишь / Ты получаешь”

Скруглённые поля, иконки валюты, фокус-эффект.

Под полями — лисёнок с монеткой Robux (анимация).

Прогресс-HP/очки XP: +400 XP.

3. Блок цифр (курс, куплено, транзакции)

Иконки в одном стиле, мультяшные.

Анимация: цифры "собираются", карточки подпрыгивают при наведении.

4. Лисёнок – маскот

Главный герой сайта. Может держать, кидать или грызть монетку Robux.

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

5. Блок "Остались вопросы?"

Обновить UI: обращение от лисёнка (в облачке).

Кнопка с Discord — яркая, пульсирующая.

6. Фоновая анимация

Лёгкий листопад, снег или Robux-иконки.

Реализация: Lottie, CSS, WebGL.

7. Футер + логотип

Оформить ярко с мини-сценой от лисёнка.

Иконки Discord, Telegram, кнопки — в едином стиле.

Логотип не обязательно с лисёнком — вариант: акцент на "1" в rbx.one (кубик, курсор или пиксельная единица).

---

🎮 Геймификация (встроить в дизайн)

Цель: задерживать детей 8–13 лет на сайте через визуальные и игровые механики.

Основные механики:

XP и уровни — за каждую покупку или действие пользователь получает опыт и растёт в уровне. Прогресс-бар в UI.

Стикеры и коллекции — можно собирать значки за действия: "первый заказ", "пригласил друга" и т.д.

Ачивки — с иконками и всплывающим эффектом.

Лисёнок как гид — визуально сопровождает прогресс и достижения.

Личный мини-профиль — аватарка, уровень, XP, значки.

Что нужно от дизайнера:

Визуальные элементы: бейджи, XP-шкалы, уровни.

Предложить 2–3 варианта реализации прогресс-системы.

Продумать, где и как отображается геймификация (например, в шапке, сбоку, как попап и т.п.).

---

📦 Что должно быть на выходе:

✅ Готовый макет в Figma (десктоп + мобильная версия).

✅ Все визуальные элементы отдельно в формате SVG / WebP (иконки, маскот, фоны).

✅ Персонаж лисёнок:

в нескольких позах/состояниях (например: с монеткой, подмигивает, держит табличку и т.д.),

желательно векторный + подготовленный под простую анимацию (если возможно — сразу в Lottie).

✅ Два варианта логотипа:

с лисёнком,

без лисёнка — с акцентом на цифру “1” в “rbx.one” (например, «1» в форме кубика или Robux-значка).

✅ Полноценный UI Kit:

кнопки (обычные, при наведении, в нажатом состоянии),

поля ввода (обычные, с ошибкой, с фокусом),

карточки, попапы, всплывающие элементы и т.д.

✅ Цветовая палитра + типографика (используемые шрифты, стили заголовков, текста, размеров).

✅ Возможная структура для будущей анимации (если верстать будет другой человек).

Бюджет ограниченный. Пожалуйста предлагайте вашу конкретную цену.
Сайт доступен: Rbx.One