LIVE CONSULTATION & STREAMING MOBILE APP

Mysticsense operated a highly successful web-based marketplace connecting users with real-time advisors, but lacked a native mobile presence. Users needed a way to instantly connect via live video, audio, or chat while on the go.

I led the end-to-end native mobile UI/UX design, translating a complex web ecosystem into a streamlined iOS and Android application. The core challenge was designing a frictionless, high-trust environment that seamlessly handled real-time communication states, instant expert matching, and in-app wallet transactions without interrupting the user's session.

The Challenge: Managing High-Intent & Real-Time States

Building a real-time consultation app introduced unique mobile constraints:

1. Live State Management: Handling UI for intermittent connections, waiting rooms, and real-time status changes (Online, Busy, Offline).

2. Frictionless Micro-Transactions: Users pay per minute. They needed the ability to top-up their wallet during a live call without dropping the connection.

3. Information Density: Translating data-heavy expert profiles (reviews, schedules, specialties, pricing tiers) into a scannable mobile format.

Solution 1: Intelligent Discovery & Routing

To reduce the time from app-open to active session, I restructured the discovery flow:

• Live-First Feed: Prioritized advisors currently available for instant connection, utilizing clear, color-coded status rings (Green = Available, Red = In a Session).

• Progressive Profiling: Redesigned the expert profile to surface critical decision-making data (price per minute, rating, medium availability) above the fold, pushing deep bios and reviews into secondary scroll zones.

Solution 2: The Live-Streaming Interface

The consultation room is the core product. The UI had to be invisible yet functional:

• Unobtrusive Overlays: Designed a clean, immersive video/audio interface where controls auto-hide after a few seconds of inactivity, maximizing the viewport.

• Persistent Session Awareness: Implemented a non-intrusive floating timer that transitions from green to amber to red as the user's wallet balance runs low, giving them clear but polite visual cues.

Solution 3: In-Call Micro-Transactions

Previously on web, running out of funds would abruptly end a session—a terrible UX for an emotional or important conversation.

• In-Context Top-Ups: I designed a native bottom-sheet modal that pauses the countdown and allows users to add funds via Apple Pay/Google Pay in two taps, without leaving the video or chat room.

• Trust & Transparency: Ensured that billing rates and current balances were always transparent, eliminating "bill shock" and building long-term user trust.

Impact & Takeaways

The Mysticsense native app launched as a premium extension of the core platform, immediately driving high engagement metrics:

• 📱 Session Length: Average mobile session length increased by over 30% compared to mobile-web.

• 💳 Revenue Continuity: The frictionless in-call top-up flow reduced premature session drop-offs significantly.

• ⭐ App Store Success: Achieved a highly rated launch, praised for its stability, clean dark/light mode execution, and intuitive live-call handling.