Design System

Style Guide

UX

UI

Website Creation

Documentation

Prototyping

Mockups

Sketch App

eCommerce

radiant thumb

Radiant Design System Ready Kit

As a Design Systems aficionado, I enjoy catering to the needs of businesses in aspect of making them more efficient, saving them money and manpower for the long run, and contributing to uniform results. In this project, my mission was to save businesses time and money by providing a robust tool that allows their designers to speed up their process, have teams collaborate smoother, and promote consistency across their designs.

Responsibilities

UX, UI, interaction, documentation, eCommerce website, SEO, Design & Development. I was in charge of planning, strategizing, researching, designing, and marketing as well as building the dedicated eCommerce website that offers the product to be purchased.

What is Radiant?

radiant logo

Radiant is a Design System ready UI kit of responsive components, branding material and documentation that helps teams quickly design for websites and applications for desktop, tablet, and mobile.

Who

Who is the target audience?

Teams of designers as well as individual designers in the UX, UI, and product design field. This product is perfect for anyone who creates mockups for desktop, mobile, and tablet platforms, whether they work as freelancers or for enterprise level companies.

Why

Why is this product good for every business?

When businesses have a shared library of reusable components and guidelines, the process of building their products become much faster and more efficient. As a result, they save time and money.

When & Where

The context, the problem, and user needs

Let's face it, many businesses consistently losing a money as a direct result of their messy and disorganized design workflows. Many designers are forced to work in a disorganized way just to get the job done. Most likely they are very organized with their workflow, however, when the company they work for is disorganized with it's design assets, gathering of all the necessary design elements becomes the designer's responsibility, a chore that often is very time-consuming. The recurring time spent on organizing the design files, assets, and making sure teams are synchronized with their design style before the project even started make businesses waste precious time and money, and it gets worse when this process happens regularly.

No 2 designers design alike. This can be damaging to a business as a team of designers can create various design styles that don't follow the visual branding direction, even if using the same design assets.

Designers need a tool to help standardize the design process, save time, and assure accuracy and synchronization with other team members while remaining true to the visual branding requirements.

What

What are the achievements businesses can have with Radiant?

Collaboration

Smooth Collaboration

Collaboration with team mates becomes super easy. As a 'Single Source of Truth', changes and updates are really easy to apply.

Customization

Customization Made Easy

Every brand has its own style. Radiant was built with customization in mind so designers can quickly change its visual style with minimal effort.

Pixel Perfect design

Pixel-Perfect Design

Radiant makes it very easy to create a pixel-perfect design and smoothly hand it off to developers.

Time Saver

Powerful Branding

When teams of designers share the same stash of components and guidelines, they create consistent designs that contributes to overall strengthen the brand perception.

Responsive design

Responsive Components

Components were built with responsiveness in mind. This means each component can be implemented on multiple screen sizes and can be easily dragged to fit the desired width and height. No need for external plugins such as Anima.

Documentation

Invested Documentation

Documentation along with examples and "Do's and Dont's", designers can learn about the purpose of the components and make no mistakes about their fuctionality.

Component Samples

Card
Card
Card

And there are hundreds more!

Sketch Cloud

Check out the nuts & bolts on Sketch Cloud

Dive deeper into the documentation, the examples, and the component folders of Radiant in Sketch Cloud.

Visit Sketch Cloud
Radiant Website

Visit RadiantDesignSystem.com

Radiant is being sold at RadiantDesignSystem.com. The website was proudly built using Webflow.

Visit Radiant Website