Star Citizen Web Apps

To develop and refine products within the RSI (Star Citizen) ecosystem, my team and I employ a meticulous design process. This begins with a comprehensive discovery phase, where we engage deeply with stakeholders and gather extensive user feedback from forums and social platforms. This phase also includes competitive analysis and user story mapping to ensure a thorough understanding of user needs and market dynamics.

Upon securing stakeholder approval, we transition into the conception phase, in which we craft wireframes, prototypes, and detailed mockups, building the components and design tokens that bring our digital visions to life.

In 2020, we embarked on creating a central, future-proof design system for the RSI/Star Citizen ecosystem. Working closely with developers and other product designers, I led the development of our first Figma library and the documentation of UX & UI patterns.

This foundational work, which includes design principles, components, and design tokens, now underpins the entire Star Citizen web ecosystem. All elements adhere to AA accessibility standards and are designed with future thematization in mind.

Currently, I oversee a dedicated team that continuously refines and expands our documentation, tools, and libraries.

Spectrum is the official platform for the Star Citizen community, offering a dynamic space for interaction through private and public forums, chat lobbies, and a unique guide system. This system connects new and experienced players, allowing novices to navigate the game's complexity with the help of veteran players who provide tailored guidance on various aspects like the basics, flight, combat...

Launched in 2015, Spectrum was the first web app developed within the RSI ecosystem. Although it has been periodically updated to maintain a modern aesthetic, the UI and UX patterns I initially established have set the foundation for our current products and guidelines.

Before Spectrum, Turbulent’s designers primarily used Photoshop. I initiated the company’s transition to Sketch (and then Figma) with this project, marking a significant shift in our design process. Additionally, the Spectrum logotype I designed has been integrated into the game as the fictional in-game company responsible for providing communication tools to humans.

The RSI Roadmap is a vital tool that allows Star Citizen's players to closely follow the game’s development journey. Given that Star Citizen is still in alpha, the effort to consistently ship new features through regular patches from dozens of development teams is immense.

Embracing the company’s DNA of open development and continuous communication, which has been crucial to the game's success, we designed a tool that not only meets the high expectations of our fans but also enhances their engagement. This tool enables fans to explore detailed data from the tens of teams working on complex features. Additionally, it offers a second view that simplifies this information, providing fans with an efficient way to see upcoming features in future patches.

Galactapedia serves as the in-fiction encyclopedia for the expansive universe of Star Citizen, meticulously crafted by the game's writers. To meet the unique needs of this project, I worked closely with the game's narrative team to deeply understand their requirements and vision.

One of our primary design objectives for Galactapedia was to create a website that was lightweight and responsive, ensuring that it could be easily accessed and navigated on any device. This approach was driven by the anticipation of future integration directly within the game, allowing players to seamlessly access historical and contextual information about the Star Citizen universe without disrupting their gaming experience. We focused on optimizing user experience to keep the platform intuitive and engaging, enabling fans to explore the rich backstory of the game with ease.

With the Telemetry tool, players can check their computer performance and compare them with the rest of the Star Citizen community. They can analyze their stats and the possible impact of upgrading their hardware. With the history functionality, players can also follow the evolution of the game's performance release after release.

The RSI Launcher serves as the essential gateway for players to install, update, and launch Star Citizen. Beyond these core functionalities, it integrates the latest game news directly from the website and provides access to game settings.

In 2017, I led the design of the launcher's version that introduced functional yet basic settings to enhance user interaction. And, as the Director of Product Design, I have overseen the development of a new version of the launcher, launched in 2024. This latest iteration boasts a more modern UI and incorporates new features specifically requested by players to improve their overall experience.

With a focus on future scalability, the design and layout of the launcher have been crafted to accommodate additional games, ensuring a versatile and enduring platform. This future-proof approach is part of our commitment to continuously evolve the launcher in alignment with player needs and technological advancements.