#quboledesignteam is embedded into persona specific verticals. We are responsible to cater to the needs of the people we are designing for while also looking at the larger picture โ the platform as a whole.
Ok, this is how most of the design teams intend to function. But do we spend enough time tackling the issues faced by the people we are designing for? Or are we overwhelmed by just fighting design inconsistencies?
Who is it for? and Why?
Are you worried that your specifications didnโt get translated into the perfect pixel? Is that button of the right color and at the right place?
Designers need to be at the top of their game when it comes to making sure that their work is not diluted in the implementation phase.
Design Systems allow products to scale rapidly through effective inter/intra team collaboration and reduced time to market while maintaining quality and consistent user experience. This article from here on will help you successfully productionalize a design system. I will also dive deep into the process of creating a design system, from ideation to implementation.
To ship and the way forward
We know that the products are getting bigger in size, and more complex at the same time, therefore, the design is also becoming more complex in such projects. We need stable governance sitting right in between as the core for design management during the process of building a product. And here is what the Qubole design team believes.
You canโt innovate products without first innovating the way you build them.
The design system is more than your UI kit, itโs about bringing culture and design language in your organization.
Drive user engagement for QDS via email. Currently, out of the 100,000 emails (only system generated automated emails, see scope for details) we send every week, just about 40%1 get opened by a user and just 0.02% get redirected to Qubole by clicking a link.
That amounts to about 20 emails every week lead a user to QDS even though there is a call to action in most emails.
Removing clutter on the header. Categorizing important support and help systems at one place and hence enabling better recall.Bringing the flair of personalization for users as well as the customer.A new idea to learn Qubole to activate users and drive usage.Designing in a way that the system is scalable for future needs.
An inside look at what goes behind building a side project.
Letโs start with a question. Do you think that having all the technical skills, and complete design and process knowledge is a requisite to build a product?
Well, let me just put it out there. You donโt always need to have all the skills beforehand to build a product that works. And I have a solid example to show you. Presenting Culrs!
Not a random color palette generator: Explore 500+ crafted and curated color palettes that can be used for various designs and applications.
— Smashing Magazine (@smashingmag) April 29, 2019
โฌ Culrshttps://t.co/WcM3g5Wjks pic.twitter.com/mqNf903914
Love what @iamarnob6543 and @mshra_ji are doing with Culrs, it's both beautiful and useful. They just launched their new version on PH today! Go check it out! https://t.co/gXyXSJ2L6g
— James Ivings @ ๐ฉ๐ช (@JamesIvings) March 14, 2019
๐จ Youโve got a smart home & a smart assistant. How about smart colours?@iamarnob6543 & @mshra_ji just launched @culrsteam!https://t.co/zQlA2MYKX4 gives you a much simpler and smarter approach to choose colour palettes.
— Makers Up (@makersup) January 4, 2019
Check it out & it might help your design workflow!
๐จ Choose Better. Culr Palettes with Curls! https://t.co/DixkIQ43f9
— Fajar Siddiq ๐จ๐ปโ๐ป๐ธ๐ฌ๐๏ธ (@fajarsiddiqFS) March 15, 2019
๐ Great Work! This is quality! @culrsteam @iamarnob6543 @mshra_ji
๐ Thank you for making this product!! #curls pic.twitter.com/W3ASOhfekN
@culrsteam kudos to Culrs team for making an inspirational color palette tool ๐งโโ๏ธ
— Lisa Dziuba (@LisaDziuba) April 5, 2019
๐จ๐ง ๐ซ
Helps to find a nice color combination with ease!
Great work on Curls @iamarnob6543 and @culrsteam. Made it the to go site to check different colors for my app @whentolaunch. It was really fun to check all the colors that could work for me. Must have taken a long time to curate this. Cheers. ๐
— Vignesh Vaidyanathan ๐จโ๐ป ๐ค ๐ฎ๐ณ (@vicky_689) May 15, 2019
Here's some super exciting news y'all! We have our first brand association! ๐ฅ๐
— Culrs (@culrsteam) September 26, 2019
We are so proud to announce our partnership with your favorite collaboration tool, @zeplin ๐
Look out for our newsletter release today for some exciting updates and offers!๐#ZeplinLovesCulrs pic.twitter.com/UqSI4dwy9f
Hereโs an update on my side project, Culrs (@culrsteam).
— Arnob Dada (@iamarnob6543) November 4, 2019
Weโve crossed 50k unique users for Culrs, since the start of this project this January. Not sure how big this number may feel to others but this sure does give me goosebumps. pic.twitter.com/yMEfVwUKms
Why a Desktop/Mac app?
I believe in working out of sheer passion, where we build and ship a product live, and work continuously on iterating this Side Project.
There were several ways to go ahead with Culrs, such as a plugin for sketch, figma, etc. Since itโs a small team of 3 who are parallelly learning the art of development and building this, we focused on creating something which sits on top of all and can become a part of your daily work life, and that had to be a desktop app.
What does our Mac App bring?
We are still the same, but new! We reimagined our Culrs web app into a mac app to simplify and accelerate the process of choosing colors for your design. Easy to access with the shortcut โ+E, this app sits in your mac menubar with all the color palettes you loved on our web app, ready for whenever you need it. Choose any palette from any of the categories, like Monochromatic, Tetradic, Triad, or Analogous for your design.
These guys have been working so hard on Culrs and it really shows. They have just launched a Mac App to go with their awesome website, which looks ๐ฅ๐ฅ๐ฅ๐ฅ
— James Ivings @ ๐ฉ๐ช (@JamesIvings) October 4, 2019
Go check it out ๐ https://t.co/kxydWoXgjb
๐ฅ Someone call the fire department. https://t.co/pp0CKP5Vh8
— jessi ๐ซ (@jesseddy) October 3, 2019
๐ฅ Someone call the fire department. https://t.co/pp0CKP5Vh8
— jessi ๐ซ (@jesseddy) October 3, 2019
Design for the video section on my portfolio homepage was inspired by @iamarnob6543's https://t.co/o2C2IuTIHD. I really liked how the video section was framed in on his site using borders and gradient. I was a big fan of the autoplay functionality as well. #design
— Syed (@sibrah18) January 15, 2020
Remember this cool tool? Thereโs now a Mac app to simplify and accelerate the process of choosing colors for your designs โ just a shortcut (โ+E) away!
— Smashing Magazine (@smashingmag) October 29, 2019
โฌ https://t.co/GfOcXS0gyS
(Keep up the brilliant work, dear @culrsteam!) https://t.co/hIQsVd0ASK
Hey Designers,
— Lollypop.design (@lollypop_studio) October 4, 2019
Do check out the https://t.co/4lvlUJ0XT4, it might turn out to be your favourite colour tool! hurry up :) Kudos @iamarnob6543, great work!!#ui #mac #uxui https://t.co/4EtC1K6nMg
๐ @iamarnob6543, Arnob is one of the few passionate makers/designers out there whom I have talked to recently.
— Shubham Bhatt (@s4tr2) October 11, 2020
If you can, grab a coffee and have a chat with him. He is fun, passionate, & full of energy.
I scheduled a meeting of 30 mins, & we talked for 2 hours continuously ๐
Just got off on a call with @iamarnob6543 about design systems. This guy lives and breathes design systems. Talking to him saved me a lot of headaches. Grateful to have him help me with this.
— Darshan Gajara (@WeirdoWizard) June 11, 2020