The website riliv.co is the official website of PT Riliv Psikologi Indonesia, a mental health startup company. This website was created as a general information center regarding about companies, services and applications.

Company

Startup Riliv

Role

Product Designer

Scope

UX, UI, Illustration

Period

2020

Website.png

Sort Summary

This project was carried out over a long period of time, this case study tells a story from the process of making the Design System to its implementation, here is the flow of this project:

Discover The Problem of Website

This project begins with a problem in Web Design & Development

Building Design System

Searching for a solution that involves brainstorming designers and developers

Implementation on Website

Implementing a Design System in Web Design & Development


01 Discover The Problem of Website

In November 2018 - February 2019 I did an Internship as a Frontend Website Developer at Riliv, at that time there were approximately 7 website pages that I created, from developing the website I found a problem, as follows:

  1. Design that does not have a standard UI Guideline, this makes the UI/UX Designer will continue to produce less consistent website designs.
  2. Due to problem number 1, it causes the development process to be very customized, this makes the CSS and Library on each Breakpoint very messy.
  3. Website Developers at Riliv often change, with very messy Codings and Documentation, so the developer will be very confused if they are going to create a website, eventually sometimes they create new libraries and make the contents more and more messy.

This problem still exists until I started working Fulltime as a UI/UX Designer in November 2019, I was quite troubled when I had to create a website design, it was even more difficult for the developer in using the existing library.


02 Building Design System

In January 2020 there was a new Website Developer named Satrio Adi. This developer has the same problem that I experienced in the past. Finally, we discussed each other with the Product Manager and agreed to build a Design System and finally implement it on all web pages.

Why Design System?

  1. The Design System is the perfect solution to overcome the consistency problem of creating a website, this is because the Design System contains a Library and Guideline in making website designs, so there will be no more careless in the making of design.