Building TIQS Design System
Building TIQS Design System
Collaborated with two designers to create a design system for TIQS, aimed at establishing a unified set of standards for scalable design. The system reduced redundancy, ensured visual consistency, and streamlined collaboration across teams. It included reusable components, design tokens, and comprehensive documentation for seamless implementation. This effort enhanced the platform's speed, reliability, and user-centric experience.
Collaborated with two designers to create a design system for TIQS, aimed at establishing a unified set of standards for scalable design. The system reduced redundancy, ensured visual consistency, and streamlined collaboration across teams. It included reusable components, design tokens, and comprehensive documentation for seamless implementation. This effort enhanced the platform's speed, reliability, and user-centric experience.
Company Name:
TIQS
Industry:
Fintech
Role:
Product Designer
Company Name
TIQS
Industry
Fintech
Role
Product Design
Team
Building TIQS Design System
Collaborated with two designers to create a design system for TIQS, aimed at establishing a unified set of standards for scalable design. The system reduced redundancy, ensured visual consistency, and streamlined collaboration across teams. It included reusable components, design tokens, and comprehensive documentation for seamless implementation. This effort enhanced the platform's speed, reliability, and user-centric experience.
Company Name
TIQS
Industry
Fintech
Team
Product introduction 📝
Product introduction 📝
TIQS is a next-generation stockbroker platform built for traders, by traders, with a mission to address the everyday challenges of trading through innovative, tech-based solutions. The platform focuses on five key pillars: speed, automation, accuracy, reliability, and prompt customer support. By leveraging advanced technology and a user-first approach, TIQS empowers traders with seamless tools to optimize their trading experience and achieve their financial goals.
TIQS is a next-generation stockbroker platform built for traders, by traders, with a mission to address the everyday challenges of trading through innovative, tech-based solutions. The platform focuses on five key pillars: speed, automation, accuracy, reliability, and prompt customer support. By leveraging advanced technology and a user-first approach, TIQS empowers traders with seamless tools to optimize their trading experience and achieve their financial goals.
TIQS is a next-generation stockbroker platform built for traders, by traders, with a mission to address the everyday challenges of trading through innovative, tech-based solutions. The platform focuses on five key pillars: speed, automation, accuracy, reliability, and prompt customer support. By leveraging advanced technology and a user-first approach, TIQS empowers traders with seamless tools to optimize their trading experience and achieve their financial goals.
this project's IMPACT 🎯
this project's IMPACT 🎯
44%
44%
44%
Faster Iteration Cycles
Faster Iteration Cycles
95%
95%
95%
Enhancement in Team Productivity
Enhancement in Team Productivity
72%
72%
72%
Reduction in Redundancy
Reduction in Redundancy
my role 💁🏻♀️
my role 💁🏻♀️
Working closely with two other designers, I was responsible for defining the visual language, establishing reusable components, and ensuring consistency across the platform. I collaborated with developers to ensure seamless implementation of the system, while also documenting design guidelines to streamline future updates and iterations. My work was critical in ensuring the design system not only met user needs but also aligned with the platform's business goals of speed, scalability, and reliability.
Working closely with two other designers, I was responsible for defining the visual language, establishing reusable components, and ensuring consistency across the platform. I collaborated with developers to ensure seamless implementation of the system, while also documenting design guidelines to streamline future updates and iterations. My work was critical in ensuring the design system not only met user needs but also aligned with the platform's business goals of speed, scalability, and reliability.
Working closely with two other designers, I was responsible for defining the visual language, establishing reusable components, and ensuring consistency across the platform. I collaborated with developers to ensure seamless implementation of the system, while also documenting design guidelines to streamline future updates and iterations. My work was critical in ensuring the design system not only met user needs but also aligned with the platform's business goals of speed, scalability, and reliability.
Problem ‼️
Problem ‼️
As we were developing the TIQS platform from the ground up, each new phase of the project involved building everything from scratch. This meant we had to create a new components library with each iteration, which led to designing the same components repeatedly, with styles shifting to match different functionalities. The lack of a unified system made the process inefficient and inconsistent, highlighting the need for a design system to establish structure and coherence as the platform evolved.
As we were developing the TIQS platform from the ground up, each new phase of the project involved building everything from scratch. This meant we had to create a new components library with each iteration, which led to designing the same components repeatedly, with styles shifting to match different functionalities. The lack of a unified system made the process inefficient and inconsistent, highlighting the need for a design system to establish structure and coherence as the platform evolved.
As we were developing the TIQS platform from the ground up, each new phase of the project involved building everything from scratch. This meant we had to create a new components library with each iteration, which led to designing the same components repeatedly, with styles shifting to match different functionalities. The lack of a unified system made the process inefficient and inconsistent, highlighting the need for a design system to establish structure and coherence as the platform evolved.
FInal redesign 🥁
FInal redesign 🥁
Typography
Typography
We chose Mona Sans for headings and display text, offering a modern and clean look to establish a strong visual hierarchy. For content and numbers, SF Pro was selected for its clarity and legibility, ensuring a seamless reading experience across devices. This typographic pairing enhances both usability and the platform’s overall design consistency.
We chose Mona Sans for headings and display text, offering a modern and clean look to establish a strong visual hierarchy. For content and numbers, SF Pro was selected for its clarity and legibility, ensuring a seamless reading experience across devices. This typographic pairing enhances both usability and the platform’s overall design consistency.
We chose Mona Sans for headings and display text, offering a modern and clean look to establish a strong visual hierarchy. For content and numbers, SF Pro was selected for its clarity and legibility, ensuring a seamless reading experience across devices. This typographic pairing enhances both usability and the platform’s overall design consistency.
Color System
Color System
Core Components
my learnings . . .
my learnings . . .
Consistency is Key: A unified design system ensures a cohesive user experience and strengthens brand identity.
Consistency is Key: A unified design system ensures a cohesive user experience and strengthens brand identity.
Consistency is Key: A unified design system ensures a cohesive user experience and strengthens brand identity.
Efficiency in Collaboration: Clear documentation and reusable components streamlined workflows between designers and developers.
Efficiency in Collaboration: Clear documentation and reusable components streamlined workflows between designers and developers.
Efficiency in Collaboration: Clear documentation and reusable components streamlined workflows between designers and developers.
Scalability: Designing with flexibility allowed for easy expansion and future updates without compromising consistency.
Scalability: Designing with flexibility allowed for easy expansion and future updates without compromising consistency.
Scalability: Designing with flexibility allowed for easy expansion and future updates without compromising consistency.
Balancing Aesthetics and Functionality: Ensuring design choices, like typography and color, supported both visual appeal and platform usability.
Balancing Aesthetics and Functionality: Ensuring design choices, like typography and color, supported both visual appeal and platform usability.
Balancing Aesthetics and Functionality: Ensuring design choices, like typography and color, supported both visual appeal and platform usability.
Previous Project
Next Project