Design system @CodeDrills
Designed and shipped the pilot version of the design system.
About the Project
In the Winter of 2022, I started my product-based internship for six months. I worked as a UX design intern with CodeDrills where I was responsible for designing the new version of the design system for the platform which helped to standardize the product and provide reusable components to improve the velocity of their workflow.
Role
UX design intern
Timeline
Jan - Mar 2022
Platform
Web
Tools
Figma, Figjam, Google Docs, Paper, Pen, Web
Outcome
CodeDrills New Design System
My Role
- This was the first time I was designing the whole design system. It took me a long to research the design systems. During this project, I read many articles about it and researched the design systems of big SaaS companies.
- Later when we as a team got confidence, I took the responsibility of auditing the components to design them as a library that consists of reusable and customizable components that are used by the designers in the team to create meaningful interactions and interfaces. I deployed the project with the business developer, engineers, CTO, and CEO.
Unfortunately, due to NDA, I am unable to share any specific details about the project. If you have questions about my experience, feel free to drop me an email.
Time to know about the company
Documenting the research and Contextualization
What exactly is CodeDrills?
“CodeDrills makes AI-based custom tests for businesses to hire the perfect candidate for them and also provides a platform to the recruiters for tests, interviews, and detailed analytical report
Process
The design system involves a series of structured steps like auditing the components, prioritizing and standardizing, designing the components, creating and publishing, and testing, validating, and iterating. I could not disclose the detailed comprehensive process due to the NDA, but the brief version of the process followed is shown below.
Accomplishments
- Performed an audit of the components across the product to design and implement it in the library.
- Designed and shipped the first version of the library of components for the product.
- Componentized the major elements of the product to ship it as a library which improved the team's productivity.
- The design system helped in improving the consistency and performance of the product
- Conducted education and testing sessions for the team to use the design system.
Feedbacks
"As a founding team member focused on design, we were thrilled to collaborate with you in creating our product"
~ Team, CodeDrills
"Your exceptional work reflects not only your current talent but also foretells a promising journey ahead in shaping our design vision"
~ Deepa Panwar, CEO
Learnings & Takeaways
- Creating and managing the design system
Learned about creating a design system, and its elements, creating customizable components, distributing the library, and assisting and training people in using the design system.
- Balancing pace and perfection
As it was a fast-paced project, there was a need to strike a balance between speeding up towards the deadline but also take care of the important details.
- Navigate through ambiguity
Move ahead without knowing the perfect answer to the questions. Walk past the hurdles and keep moving by trying multiple ideas.
- Receiving feedback and iterating
Constantly engaging with the team and stakeholders to receive feedback on the constraints, limitations, or requirements to iterate or revise the components to build the design system.
