The Net VR is a volunteer-driven startup developing a cross-platform livestreaming app for headsets and PCs, aiming to strengthen streamer-viewer connections through virtual reality.
I’ll be highlighting my contributions, as this was a team project 🙂
My Role
As a UI/UX Designer, I’ve been responsible for designing Net VR Theater’s interfaces for beta testing, focusing on developing features that ensure a seamless experience for streamers and audiences to join, interact, and manage theaters on the desktop application.
problem
As of now, streamers and their viewers couldn’t be more distant. Streamers have thousands of simultaneous voices to parse, and viewers are relegated to simply being part of “chat” rather than an individual.
solution
Net VR Theaters transforms passive viewing into an interactive, shared experience. Instead of just typing in chat, viewers become part of a real-time, immersive theater where they can react, interact, and engage with the content—and each other—like never before.
Workflow
1
Research
Ideation
User Flows
Information Architecture
2
lofi-prototype
Defining Prototype Goals
Wireframing
Initial Prototyping
3
HIFI PROTOYPE
Style Guide
UI Design
Animation Prototyping
4
unity handoff
Documentation
User Testing
Implementation
Information Architecture
User Flows
prototype goals
Establish Clear Design Vision
The prototype provided a tangible reference to keep developers and decision-makers aligned.
Test Usability
We assessed how intuitive the interactions felt and identified areas for improvement.
Refine UI Elements
We experimented with typography, colors, and layout to enhance the overall user experience.
Typography
Aa
Orbitron
Aa
Figtree
Aa
Jura
Heading Style
Heading 1
Heading 1, Orbitron, Bold, 40px
Heading 2
Heading 2, Jura, Bold, 36px
Heading 3
Heading 3, Jura, SemiBold, 36px
Heading 4
Heading 4, Jura, Medium, 36px
BODY Style
Body Style 1
Body Style 1, Figtree, Medium, 16px
Body Style 2
Body Style 2, Figtree, Medium, 24px
Body Style 3
Body Style 3, Figtree, Medium, 12px
other Style
Accent Style 1
Body Style 1, Figtree, Bold, 16px
Hyperlink Style 1
Body Style 1, Figtree, Medium, 16px, Underlined
Colors
Optimized for Dark Mode
primary
Bluetiful
#3669ED
Weezy Blue
#3698D0
Cosmic
#243C83
neutrals
Darkest Gray
#232326
Dark Gray
#39393E
Gray
#8A8A92
Blue Gray
#8B959F
Light Gray
#B4C4CE
White
#E5EAF6
feedback
Success
#E5FF61
Warning
#F5A047
Danger
#EB3E68
ICON set
Filled and unfilled.
UI components
Buttons
inputs
card components
final product
sign in page
User sign in with guest access to the application.
onboarding
Signing up for Net VR can take as little as 2 minutes while remaining transparent through each step along the way.
browse theaters
Finding a theater is intuitive, with a familiar layout inspired by popular streaming apps like Netflix and Hulu. You can search by name, streamer, or game to jump right into the action.
create theater
Hosting a theater allows players full control over their stream-watching experience.
shop
Buying clothes for your avatar is seamless and intuitive, combining the familiarity of online shopping with the customization of RPGs
Impact & Achievements
Enabled Revenue Generation
Implemented shop processes, allowing the company to start cash flow with the game.
Strengthened Team Leadership
Acted as an unofficial lead, improving organization and helping the team meet project deadlines.
Enhanced Brand Consistency
Updated and organized branding materials for a more cohesive identity.