Projects

Codegiant

Leveraging a Technical Mindset in Designging DevOps Tools

Codegiant is a cutting-edge software development platform designed to simplify and enhance the development lifecycle. It integrates project management, code repository, CI/CD pipelines, and collaboration tools into a single, unified platform, empowering development teams to work more efficiently and deliver high-quality software faster.

The Challenge

Development teams often juggle multiple tools for version control, issue tracking, CI/CD, and communication. This fragmentation leads to:

Inefficient workflows: Constant context-switching between tools slows down productivity.
Communication gaps: Disjointed tools create silos, making collaboration difficult.
Steep learning curves: New team members struggle to onboard due to complex tool setups.

Codegiant aimed to solve these challenges by providing a unified platform, but the success hinged on delivering a user experience that was both powerful and easy to use.

How I helped?

As a product designer, I was responsible for the design of the Serverless feature. I conducted research and gained a solid understanding of the technical aspects of the feature. I then worked with the team to create the scope of the feature. I worked as part of an agile team, where I was the only designer. We operated in two-week sprints and had daily scrums to identify any design flaws or technical issues.

The design needed to be presented in a short period of time, so the hand-off process was always abrupt. Multiple iterations were expected after the UIs were in the development process. There was a lot of overlap between designing and developing, so the faster and more precise the iterations, the smoother the development process.

The Solution

The product's goal is to simplify complex actions in the development process. To make the new experience consistent, the design needed to be as minimal and clean as possible.

I applied the design system to the new feature, defining and applying page hierarchy to make the design consistent and accessible. I also avoided action overload by keeping only the two most important actions as the main and secondary CTAs.

The Results

As a rapidly growing startup, we wanted to deliver as many accessible and high-quality features as possible. The Serverless feature allows users to write and run Functions-as-a-service with zero configuration. They can also view metrics and test in the serverless workflows.

The Serverless feature is a valuable addition to Codegiant. It provides users with a powerful and efficient way to run code without the hassle of managing servers. The design of the feature is consistent with other existing features on the platform, making it easy to use and understand.