Редизайн магазина: премиальный вид с глубиной и проработкой

НОВОЕ

Внутриигровой магазин прошёл полную визуальную переработку. Каждый элемент — от карточек товаров до боковой панели корзины, от вкладок каналов до кнопок оформления заказа — был переработан с добавлением глубины, проработки деталей и плавных анимаций.

Что изменилось

Карточки товаров

Сердце магазина получило самое большое обновление:

• Эффект стекла с многослойными градиентами и глубокими тенями
• Плавный ховер — карточки приподнимаются, изображения масштабируются до 1.08x, появляется свечение
• Более крупные изображения (высота 170px вместо 150px)
• Ленивая загрузка — изображения загружаются только при прокрутке в зону видимости, экономя трафик
• Разделитель между информацией о товаре и зоной цены/кнопки
• Более крупные цены (16px) с усиленным свечением для валют CC и KC

Новый заголовок магазина

Над сеткой товаров появилась новая панель идентичности, отображающая:

• Иконку типа магазина в цветном скруглённом контейнере
• Название магазина крупным жирным шрифтом
• Бейдж типа (например, «Hardware», «Food», «Services») с цветом этого типа
• Количество товаров и валюту

Это придаёт каждому магазину чёткую визуальную идентичность ещё до прокрутки к товарам.

Вкладки каналов

Вкладки для переключения между магазинами получили более чистый вид:

• Стиль таблеток со скруглёнными углами
• Ховер плавно меняет фон
• Активная вкладка светится сине-голубым градиентом и внутренней тенью
• Убран сложный эффект border-mask для лучшей производительности

Панель фильтров

Элементы поиска и фильтрации стали более проработанными:

• Скруглённые поля ввода (border-radius 10px) с кольцами фокуса
• Выпадающие списки в стиле таблеток с подсветкой при наведении
• Количество фильтров отображается в виде бейджа с фоном
• Кнопка очистки с красным акцентом и подъёмом при ховере

Боковая панель корзины

Панель корзины и заказов в правой части:

• Фиксированное позиционирование — остаётся видимой при прокрутке товаров
• Кастомный скроллбар — тонкая синяя полоса вместо стандартного браузерного
• Градиентные фоны с мягкими тенями
• Более крупные кнопки с эффектом подъёма при ховере
• Кнопки оформления заказа с градиентной заливкой и свечением при ховере

Отзывы

Раздел отзывов в нижней части каждого магазина:

• Улучшенная визуальная иерархия с разделительной линией под сводкой
• Эффект ховера на отдельных карточках отзывов (левая граница подсвечивается)
• Более крупные звёзды и улучшенные отступы
• Кнопка отправки с градиентом и тенью при ховере

Поиск поблизости и поиск магазинов

Обе функции поиска получили премиальный дизайн карточек:

• Глубина с многослойными тенями
• Анимация сдвига при ховере (карточки поблизости сдвигаются вправо)
• Эффект подъёма на карточках поиска магазинов с фиолетовым свечением
• Более крупные иконки (40px) с собственными тенями

Пустые состояния

Когда нет товаров для отображения, вместо обычного текстового сообщения теперь показывается:

• Крупная иконка (📦)
• Понятное сообщение («No products match your filters» или «No products yet»)
• Полезная подсказка («Try adjusting your search or check back later»)

Анимации

Карточки товаров теперь появляются с каскадным входом — каждая карточка плавно появляется и слегка увеличивается, с небольшой задержкой между ними. Анимация использует плавную кривую cubic-bezier для премиального ощущения.

Отключение метки на карте

Этот релиз также включает новую функцию приватности для владельцев магазинов:

Поставщики услуг, не желающие раскрывать своё физическое местоположение, теперь могут снять галочку «Show my shop on the world map» в настройках магазина. Магазин остаётся полностью функциональным — он просто не отображается в виде метки на карте.

Это особенно полезно для консультантов, поставщиков цифровых услуг и всех, чей бизнес не имеет публичной витрины.

Производительность

Несмотря на более богатую визуальную составляющую, магазин стал фактически быстрее благодаря:

• loading="lazy" на изображениях товаров — браузер загружает только видимые изображения
• Упрощённый CSS (убраны сложные ::before маски на вкладках каналов)
• GPU-ускоренные трансформации для анимаций ховера

Что дальше

Редизайн магазина закладывает визуальный фундамент для будущих функций:

• Окна детального просмотра товаров с полноразмерными изображениями и спецификациями
• Список желаний / избранное — сохранение товаров на потом
• Подборки магазинов — кураторские группы товаров
• Промокоды — акционное ценообразование
• Аналитика магазина для владельцев — просмотры, клики, конверсия

---

ENLIGHTENMENT — это блокчейн-игра о личностном росте, исследовании архетипов и коллективном резонансе. Присоединяйтесь к нам на getplasma.org.