top of page
gtm.png

Scope
 

Component Design
DLS


 

Super Button

Pyramid Structure
 

The entire DLS of Swiggy is divided into 3, they are Components, Recipe, and Snowflakes.

photo_2023-04-13_07-46-23.jpg

The Need

Swiggy is a convenient app more than a food app. Categories like Instamart, genie, handpicked, minis, etc have pushed the limits of DLS and its components. Buttons are one of the main components in DLS and it is important to maintain them properly. Here at Swiggy, a designer is exposed to many buttons, and over time it becomes an issue for both Engineers as well as designers to maintain them, and collectively use them. Thus a button that act as a parent, which can create all the existing button was created. We named it: Super Button

Challenge
 

Any component requires proper documentation, states, and bases properly jotted out. This process was extremely difficult for a button that can create "n" variety of buttons.

The plan
 

Idea was to create a list of all buttons that currently exist in Swiggy and scope out other use cases that may come up in the future. Once done, we could properly document everything, create its specs, bases, and using the power of variants create a new component.

A glimpse on the specs:

Super Button.png

Move to Top

bottom of page