Client App Design – Console-Style UI (Inspired by Nintendo Switch)
The goal is to deliver a smooth, console-like experience inspired by the Nintendo Switch with gamepad-friendly navigation, sound effects (SFX), and responsive UI for mobile, tablet, and TV.
🎮 Design Goals
Feel like a real game console — intuitive, responsive, and visually engaging. Support gamepad, touch, and remote input. Use SFX to make navigation feel satisfying and polished. 📌 Key Design Features
Horizontal carousel for recently played and featured games. Sound effects on game focus, selection, and navigation. Smooth animations for transitions. Grid view with game covers and status indicators. Filtering and sorting with audio feedback when toggling options. Host or join shared rooms with up to 3 friends. Visual indicators for members and invite status. SFX when someone joins, leaves, or connects a gamepad. Manage account, subscriptions, and input devices. Toggle SFX, theme, or accessibility options. Full gamepad support with focus states. Touch gestures for swipe, hold, and tap. Minimalist UI with bold icons and colors. 🔊 Sound Effects (SFX)
SFX will enhance the overall console-like feel:
Room join/leave notifications Optional idea: Use subtle ambient SFX in idle states or loading screens to keep users engaged
🔧 Visual Guidelines (Inspired by Nintendo Switch)
Clean, flat design with bold accent colors (red, blue, black, white) Rounded UI cards with shadows Responsive layouts with consistent iconography Animations for feedback, not flair
Marketing Website Design
Our goal was to create a fast, visually compelling marketing site that captures the excitement of instant cloud gaming.
📲 Design Goals
Convey the message instantly: no downloads, no waiting—just play. Emphasize accessibility across devices: PC, mobile, and tablet. Clear pricing and call-to-action elements that convert. Live Preview:
📌 Key Design Features
2. Device Agnostic Messaging 3. Game Library Highlight 4. Transparent Pricing Tiers In Month 4 of our MVP roadmap, the plan is to complete the marketing website and push it live.
CloudPlay Client Overview
We explored two design variants for the CloudPlay client’s main page. Each version targets a different interaction model and device category. This exploration is focused solely on the home screen (main page) — other app sections (like game details, profile, and settings) will be released or shared next month.
ALT Version
Version #1 - (TestFlight Release)
Goal: Explore a multi-platform, controller-friendly UI for future expansion to TVs and game consoles.
Grid-based layout for high-density browsing Purpose:
This prototype tests feasibility for an interface that supports cross-platform use, targeting lean-back, controller-driven environments such as smart TVs or handheld consoles.
Version #2
Goal: Deliver a polished, mobile-first experience for early testing and user feedbacks.
Horizontal carousel navigation for featured games Genre filter system for curated discovery Clean, responsive UI built for Mobile gestures. Purpose:
This version balances usability and scalability.
Test Target Scope (Month-1 & Month-2 Features)
The current build includes working functionality from Month-1 and Month-2 development cycles, covering both UI and key backend services:
✅ Visual & Interactive UI:
Game cards & artwork (grid) Tab and genre navigation layout ✅ Backend Services:
Authentication service (user login & session handling) Analytics tracking & Crash reporting ⚠️ Known Issues:
Unexpected App Closure on Tab Gesture: The app may crash when menu button are tapped repeatedly in quick succession. Currently, development and testing for the macOS build is limited to Intel-based Macs. To proceed with TestFlight submission for Mac, we plan to acquire or rent Apple Silicon infrastructure (M1/M2/M3) to ensure compatibility and native performance.
Additionally, Windows and Android builds for all supported architectures are scheduled for release next month.
# MacOS Only: After installing the app, run this command:
xattr -d com.apple.quarantine /Applications/CloudPlay.app
Queue Page – Concurrency Session Manager
The Queue Page provides visual feedback while a game session is being prepared. It shows real-time status of connection steps required to successfully launch a cloud game stream.
Design Goals
Transparently show session preparation steps (Connection → Allocation → Launch). Guide the user through retries when issues occur. Provide clear, color-coded indicators for session health. Key Design Features
Linear Progress Indicator A horizontal progress bar that represents the session’s readiness state. 🟢 Green – Everything is operating as expected. 🟡 Yellow – A recoverable issue is detected (e.g., retrying allocation). 🔴 Red – An unrecoverable error has occurred; the session is terminated. If backend resources are saturated, the screen will show a queue state: "Waiting for available game rig..." Automatic retry attempts will occur for temporary backend issues. For critical failures, a user-facing error dialog offers Retry or Exit options.
Game Session Status Widget
Placement Considerations:
Visual Design
Compact Capsule/Badge Style. Color-coded based on state: Bouncing Animation (Active States) Can optionally expand into a detailed dialog with session info CloudPlay Landing Page (Preview)
This update focuses on clarity, modern aesthetics, and scalability for future content. While this design is still under active development, the current iteration gives a strong glimpse into our upcoming direction.
Development Status
⚠️ Work in Progress — while the design is finalized, development is still ongoing. Planned rollout in the next milestone:
🚧 Interactive components (CTA, feature highlights) 🚧 Product key redemption flow 🚧 Analytics + performance monitoring Visual Flow
We’ve also mapped out the user journey from landing to onboarding.
This diagram shows how a new visitor explores the page, discovers features, redeems a product key, and transitions into the app.
The Witcher 3: Wild Hunt on Vultr Cloud
This demo highlights a full cloud gaming session of The Witcher 3: Wild Hunt running on Vultr Cloud infrastructure, streamed through our client app.
⚡ Why This Demo Looks Instant
In the demo video, the session starts quickly because:
The VM was allocated beforehand. The Witcher 3 was already pre-installed on the machine. This eliminates the long wait time for VM booting and setup.
⚠️ Limitations on Vultr Cloud
From snapshot, a fresh VM typically takes 30–35 minutes to become playable. In a decentralized server scenario, this would take only a few seconds due to pre-warmed or dedicated instances. On Vultr, game sessions are billed for a minimum of 1 hour. Even if the player cancels or ends the session early, the full hour is still charged. Session cancellation/refund is not supported by the provider. ⚠️ Known Issue (Current Build)
The app requires an ideal network environment to run reliably. If the client receives fewer video/audio frames than expected, it may cause a crash during gameplay. This issue is scheduled for a fix in the next release, improving error handling and recovery in unstable network conditions. ⚙️ Streaming Settings Overview
I've also added a new resolution option: Native (SD).
This setting is perfect for non-standard screen sizes like mobile phones or tablets, since it provides a closer-to-native resolution that feels natural to the device display and avoids screen cutting or stretching.
Monthly Build (v0.1.12)
Prototype: Community System in CloudPlay Lobby
I’ve been exploring new ways to make APP more than just a launcher for cloud gaming sessions. One idea i`ve prototyping is a Community System built directly into the lobby experience a place where players can connect, chat, and coordinate without leaving the app.
Concept Goals
Enhance the value of subscriptions by offering meaningful social features. Build regional communities that make it easier to find friends and party up. Reduce reliance on third-party chat/party apps by integrating tools directly in the lobby. Create a foundation for future event-driven or community-based experiences. this is not in production yet. I`ve currently testing the feasibility and overall impact of adding community features to the lobby.
Features
Organize players by geographical region same as streaming region. Friends & Status Tracking Add friends directly inside APP. View online/offline presence in real-time. Notifications when friends start sessions or join games. Simple text chat inside the lobby. Create or join rooms for instant gaming sessions. Regional channels for quick matchmaking or event discussions. Show what games friends recently played. Share session invites or small milestones (optional).