As more real-world interactions shifted online during the pandemic, there was a growing need for platforms that recreate the spontaneity, presence, and interactivity of in-person experiences—without the friction of downloads, logins, or technical overhead.
The in-browser platform was designed to address the gap between traditional online tools and the dynamic, social nature of real-life engagement—enabling the development of multiplayer spaces that felt immediate, communal, and accessible.
Through interviews with participants, clients and stakeholders, we gathered valuable insights to better understand and empathize with the needs of our target audience. This allowed us to dive deeper into defining the project's challenges.
The Casual Binger
Name: Ashlyn
Age: 22
Fandom: Moderate viewer
Favorite Genres: Comedy, Young Adult, Action
Goals & Motivations:
• Joins events out of curiosity
• Stays for interactive elements.
• Get health info in Spanish or simplified English
Needs from the Site:
• Easy entry, mobile-friendly access
• No account needed to participate
• Something like Comic-Con
The Immersive Roleplayer
Name: Aiden
Age: 19
Fandom: Deeply engaged
Favorite Genres: Sci-fi
Goals & Motivations:
• Dive into the lore
• Interact in-world with other fans
• Contribute creatively to the space.
Needs from the Site:
• In-world freedom
• Unlockable surprises
• Lore integration
The Content Creator Fan
Name: Serena Johnson
Age: 25
Fandom: Highly active and influential
Favorite Genres: Sci-fi and Comedy
Goals & Motivations:
• Capture exclusive moments
• Share unique content on TikTok/Instagram
• Grow their fanbase
Needs from the Site:
• Sharable moments
• Limited-edition digital collectibles.
The Superfan Lifer
Name: Clara
Age: 43
Fandom: Hardcore, long-term supporter
Favorite Genres: Sci-fi
Goals & Motivations:
• Feel seen by the brand
• Attend exclusive premieres,
• Meet other loyal fans.
Needs from the Site:
• VIP perks
• Direct interactions with talent/crew
• Trivia contests, loyalty badges
The team at SCPXL went through the process of rapidly visualizing, testing and refining thoughts and ideas before the development process. Below is a glimpse of how we defined the vision of the user's journey throughout the experience by highlighting decision points, loops and any potential friction areas.
To help the team determine the priority of information, I designed the placement and layout of content in wireframe form which allowed for rapid iteration, feedback and discussions.
Once approved, I developed the wireframes into a working prototype to help simulate user interaction with the product and address any potential pain points discovered throughout the early stages.
The platform featured a clean, browser-native design that supported immersive, multi-user environments customizable for any event or brand. Its modular UI components—such as chat, user lists, media embeds, and movement controls—are lightweight, intuitive, and easily skinned to match branded experiences. It’s a visually flexible system that balances performance with immersive storytelling for dynamic, fan-facing digital activations.
bkg
madiosn
container
blue charcoal
bars
blue charcoal
active
blue ribbon
idle
east bay
neutral accent
white
about (creativity). I'm excited to hear about any potential opportunities.
