Mindtickle - Design Internship

Developing a design system to improve the UX across the company’s products

Developing a design system to improve the UX across the company’s products

Tools used

Figma, Jira

Methods Used

Requirement Analysis, Wireframin, Design Documentation,

Duration

9 weeks

Introduction

I worked on developing a design system to improve the UX across the company’s products. My role involved establishing foundational aspects to simplify the design process. I implemented a comprehensive design system incorporating usability, accessibility, and visual consistency.

What is Mindtickle?

Mindtickle is a leading sales enablement and revenue productivity platform that empowers organizations to enhance their sales teams' performance through comprehensive training, coaching, and analytics.

Mindtickle is helping these companies achieve sales excellence!

Outline
Design TimelIne

planning

Design

Development

Requirement Gathering

Initial Understanding

Intial Concepts

Detailed Wireframe

Design Review

Visual Design

Handover

Release & follow up

Research

This timeline shows the steps from planning through design to development.

Design Principles

✏️

Simplicity

Ensure UI and interactions are intuitive.

Align with users' mental models.

Make tasks feel natural and obvious.

🔍

Clarity

Create clear workflows.

Provide unambiguous actions and feedback.

Keep users informed and reduce uncertainty.

📐

Consistency

Use uniform design elements.

Minimize cognitive load.

Streamline learning process.

 Efficiency

Optimize workflows for faster task completion.

Include automation and bulk operations where applicable.

My Key Contributions
01 Component Inventory and Analysis

As part of building MindTickle's design system, I created a detailed list of all existing components. This involved reviewing over 60 components across different platforms and recording their details in a centralized database. I analyzed how each component looked and behaved on various devices. This documentation helped us understand what we already had and identify areas where we could improve or standardize the design.

02 Design System Implementation

During the implementation phase, I worked with the design team to organize and structure these components into a unified design system. Using Figma as our main tool, I implemented around 25 of these components, ensuring they were easy to use and consistent with MindTickle's brand guidelines. This step was critical in creating a reliable and user-friendly design system that would support future product development.

03 Regular Collaboration and Refinement

I interacted with a team of more than 10 designers, attending biweekly meetings to share updates and ideas. I reported directly to the Director of Product Design to make sure our work aligned with the company's goals. These meetings allowed us to improve the design system based on team feedback and the changing needs of our products. This teamwork ensured the system stayed useful and relevant.

Curious About the Details?

Due to confidentiality, I can't share specific project files, but I'm eager to discuss my experience and insights gained at MindTickle. Feel free to reach out via email if you'd like to learn more about my role and contributions.

Create a free website with Framer, the website builder loved by startups, designers and agencies.