Star Citizen e-commerce

Product Design
Project Overview
Star Citizen is more than just an MMO game; it's a dynamic universe with ships at its core, making their sales vital to the game's success.

We transitioned from exclusive custom sales page designs to developing an innovative tool that enables CIG's marketing team to create their e-commerce webpages.

This tool allows for the assembly of modules such as banners, videos, and slideshows, complete with a live preview feature. It ensures that these customized pages align perfectly with the branding guidelines of Star Citizen's 20 in-game ship manufacturers, thanks to a comprehensive multi-brand design system.
Infos
Studio: Turbulent
(Cloud Imperium Games)
Years: 2015 - now

Star Citizen official website
My Contributions
I spearheaded the design of several custom sales pages, setting the standard for Star Citizen's ship and event sales pages. I introduced advanced animations to elevate the pages' premium feel, incorporating space combat footage and sophisticated loading animations using custom videos and Lottie.

Currently, I oversee the designers responsible for creating the page builder tool, facilitating immersive and customizable pages. My role encompasses strategic planning and design R&D to continuously refine the product.

The primary challenge was to keep producing new pages while simultaneously upgrading our tool with frequent updates. This iterative process has not only made our workflow more efficient but also redefined how CIG showcase their ships and events, marking this product a cornerstone of the current studio's marketing strategy.
Alexandria CMS Tool
We developed a custom CMS designed to make it easier for CIG's content managers to create new sales pages. This platform includes customizable modules such as banners, slideshows, videos, and product listings, enabling users to edit text and images. It also offers a live preview feature, allowing users to see their changes in real-time directly in the browser.

Before going live, they can adjust the page's look by choosing manufacturer themes and customizing colors. Designed for swift and straightforward adjustments, the tool is built using Material UI, enhancing user experience and efficiency.
Multi-brand Design System
Our team at Turbulent designs each module in Figma, tailoring fonts, colors, spacing, shapes, and assets to align with the specific in-game guidelines of each manufacturer. We employ a semantic design token system to craft components, streamlining the process for our designers and developers alike. This method fosters efficiency in development and maintenance while guaranteeing a cohesive and captivating user experience across all sales pages.
Published Sales Pages
Once launched, our sales pages provide Star Citizen players with an engaging method to explore the ships. These pages closely follow the branding guidelines of each manufacturer, made possible by our adaptable multi-brand design system. Now, CIG's content managers have the independence to create and launch new pages on their own.
Video Banners
Between 2015 and 2019, I animated numerous hero banners to animate spaceships, often showcasing them in their early "concept" phase, months before their official game release.
Loaders
Star Citizen's manufacturer logotypes are designed by CIG artists and are widely featured in all  marketing projects. I was in charge of creating a vector Lottie animated library that could be used in loaders, page transitions, or hover effects.