The purpose of this case study is to document the process of developing spectrum design system, a design system created to for Shuddle's digital products.

Introduction

In today's fast-paced digital world, organizations are constantly striving to create engaging, user-friendly experiences for their customers. To do so, they need to ensure that all of their products and services have a consistent and coherent design. This consistency is crucial for building brand recognition and trust with customers.

Project Brief

As the the Head of Digital for the newly launched IPTS: the Interplanetary Travel Syndicate, a bustling transportation network that shuttles people from world to world within our galaxy. I have been tasked to deliver the following:

• IPTS: an informational website containing the latest IPTS news and happenings

• IPTS Travel: a site enabling browsing and bookings to destinations within our galaxy

• IPTS Rail: a real-time web app where you can view lines, routes, and times for various commuter lines

Getting started

For this project, I began by conducting research to gain a thorough understanding of the overall objectives of the Interplanetary Transport System (IPTS). This research allowed me to identify key areas that would be crucial for developing a product that would align with IPTS's objectives.

Next, I brainstormed different ideas and approaches that could help me create a visually appealing product. This involved exploring the latest trends and design principles in the industry.

By taking these steps, I was able to approach the project with a clear understanding of IPTS's objectives and develop a product that is not only visually appealing but also aligned with the company's goals.

Designs

My strategy for scaling the design system involved designing the product first. This enabled me to extract key components that can be utilized in other products. Before diving into the design stage, I conducted research to gain a better understanding of the project concept. For example, I started with designing the first product which was the informational website and then extracted theses components into other products

The Rebrand

In progress....