Ко всем проектам
О проекте
Mysteria — это эзотерический веб-проект, который объединяет пользователей, интересующихся Таро, астрологией и другими эзотерическими практиками. Сайт предоставляет возможность получать ежедневные карты Таро с предсказаниями, анализировать совместимость, делать расклады на сферы жизни и изучать гороскопы. Пользователь может собирать собственную виртуальную коллекцию карт Таро и получать расширенный функционал через подписку. Сайт ориентирован на широкую аудиторию, начиная от новичков, которые хотят попробовать свои силы в Таро, и заканчивая опытными эзотериками, ищущими вдохновение и новые инструменты для практики
Посмотреть реализованный проектЗадача проекта
Создать удобное, адаптивное и интуитивное веб-приложение для эзотерических активностей с возможностью индивидуализации и подписки.
Требования
Поддержка мобильных и десктопных устройств- Быстрая загрузка страниц и поддержка большого количества пользователей
- Защита пользовательских данных
- Интерактивный и визуально привлекательный дизайн, поддерживающий атмосферу мистики
- Безопасность и стабильность при масштабировании
Frontend
Next JS
Backend
Nest.js
UX/UI design
Figma
Админ-панель:
Strapi
Этапы работ
UX-макеты
В начале работ мы разработали карту сайта, и прописали весь функционал, который будет в веб-сервисе, согласовав весь функционал мы перешли к разработке UX макетов.
Мы разработали макеты для каждого раздела, с учетом пользовательского опыта, и каждый раздел оформлен так, чтобы пользователь смог быстро и легко пользоваться сервисом
Особое внимание уделили интуитивной навигации
UI-макеты
Для проекта было важно за счет дизайна создать особую эзотерическую атмосферу, поэтому мы разработали несколько дизайн-концептов для определения общей стилистики.
Далее мы создали дизайн, передающий мистическую атмосферу проекта. Использованы насыщенные цвета, анимации и визуальные эффекты. Каждый раздел получил уникальное оформление, но сохраняется общая концепция и согласованность.
Разработали адаптивные макеты и UI Kit
Регистрация и авторизация
Реализовали систему входа и регистрации через email.
Личный кабинет
Добавили личный кабинет пользователя, в котором отображается его подписка, настройки, и доступные функции, например, выбор рубашки карт или музыкального сопровождения
Гороскоп
Разработана страница с ежедневными, недельными и месячными гороскопами. Данные генерируются автоматически, а для подписчиков доступны более подробные прогнозы
Карта дня и список всех карт
Реализован функционал выбора ежедневной карты с предсказанием. Карты могут выпадать в прямом или перевернутом положении, а для подписчиков доступна расширенная информация о значении карты. Также создан раздел с коллекцией карт таро, которая пополняется картами из ежедневных раскладов
Совместимость
Добавлен раздел для проверки совместимости. Пользователь вводит данные себя и партера, и получает анализ совместимости на разные аспекты отношений. Подписчики получают более глубокую интерпретацию данных.
Расклад
Включен функционал проведения раскладов по различным вопросам (любовь, карьера, здоровье и т.д.). Подписчики могут использовать расширенные расклады и дополнительные комментарии от системы.
ИИ-чат «Оракул»
Разработали отдельный ИИ-чат, где пользователь может задать интересующие его вопросы о эзотерике.
Завершение проекта
Произведено тестирование и оптимизация всех функций, интеграция платежной системы и запуск проекта. В финале проведено обучение администраторов по управлению системой.
Результат
Mysteria стала универсальной платформой для эзотерических практик. Пользователи получили: Удобный инструмент для ежедневного использования (карта дня, гороскопы, расклады). Интерактивные функции (коллекция карт, персонализация, ии-чат). Расширенный функционал через подписку. Атмосферный и интуитивно понятный интерфейс.