Product DESIGN
Makreting website
Working on my first ever Design system at Flexiple.
Working on my first ever Design system at Flexiple.
Company
Company
Flexiple
Flexiple
Time Duration
Time Duration
2 Weeks (to build the base Design system)
2 Weeks (to build the
base Design system)
Number of coffee cups
Number of coffee cups
☕️☕️☕️
☕️☕️☕️
Project Overview
Project Overview
The Flexiple website includes more than 20 unique webpages. Our goal was to maintain the same design language throughout the entire website. We focused on creating a consistent theme across all pages.
Therefore, we needed a Design System.
The Flexiple website includes more than 20 unique webpages. Our goal was to maintain the same design language throughout the entire website. We focused on creating a consistent theme across all pages.
Therefore, we needed a Design System.
Objective
Objective
When a website have huge number of paged the make concern is to maintain the consistency of elements across all the pages.
Here’s the summary of the goals & objectives of the Design System:-
➡️ Have a basic Design system which will set the design language of the whole website.
➡️ Provide consistent & reusable components across all pages & screens.
➡️ Make it easier for other collaborators to understand and adapt to the design system quickly.
➡️ Reduce the amount taken to design a new page/screen.
When a website have huge number of paged the make concern is to maintain the consistency of elements across all the pages.
Here’s the summary of the goals & objectives of the Design System:-
➡️ Have a basic Design system which will set the design language of the whole website.
➡️ Provide consistent & reusable components across all pages & screens.
➡️ Make it easier for other collaborators to understand and adapt to the design system quickly.
➡️ Reduce the amount taken to design a new page/screen.
Approach
Approach
This design system created the foundation for all Flexiple's digital products. It applies to both the marketing website and the web platform.
With our objectives in mind, I developed an Atomic Design system. This system serves both the marketing website and the web platform effectively.
This design system created the foundation for all Flexiple's digital products. It applies to both the marketing website and the web platform.
With our objectives in mind, I developed an Atomic Design system. This system serves both the marketing website and the web platform effectively.
Designs
Designs
Here’s are all the components created in the Design system
Colors
Typography
Spacings
Iconography
Buttons
Forms & input fields
Pills
Tags
Tabs
Tooltip
Badges
Breadcrumbs
Dialog box
Toast
Filter box
Progress stepper
Table
Pop-ups
Drawers
Get a sneal peak of the design system from the file below ⬇️
Here’s are all the components created in the Design system
Colors
Typography
Spacings
Iconography
Buttons
Forms & input fields
Pills
Tags
Tabs
Tooltip
Badges
Breadcrumbs
Dialog box
Toast
Filter box
Progress stepper
Table
Pop-ups
Drawers
Get a sneal peak of the design system from the file below ⬇️
Business Impact
Business Impact
2
Average page designed
in a day
With our design system in place, one designer can now knock out multiple pages in a day.
40%
Time reduced to
design a page
Ready-made components have cut down the time designers need to create new pages by almost half.
10-12
weeks required to
Make the website live
We managed to build and launch over 30 pages for Flexiple in just 10-12 weeks.
Next Case Study
Next Case Study


Apply for jobs
Choose among the three ways to apply for this job.
Quick apply through any 2 of the below
Apply with Resume
2-input job application
Apply with Linkedin Profile
3-input job application
Or
Apply with Email
Fill the form
8-input job application
Already have an account? Login here
The rise of signups:
Increasing user signups by 42% with new signup flow.
UX Flow
Product DESIGN



The rise of signups:
Increasing user signups by 42% with new signup flow.
UX Flow
Product DESIGN