Chat components

A development kit that enables developers to build a feature-rich proof-of-concept application during the evaluation phase. It includes design files and demo apps for each use case:

• Support chat components
• Live event chat components
• Team chat components

In each scenario, our component library provides the fastest way to add chat features like direct and group messaging, typing indicators, message reactions, presence, deliver and read receipts, thread messages, profanity filer, spam preventions, and more without going through the complexity of the low-level architecture of real-time networks. It offers a schematic for developers to follow when it comes to building their products. Each sample application is also a completely public domain to help you speed up development. Developers have access to the GitHub repository for each project to modify it for their needs.

• Collaborate with cross-functional stakeholders to understand user problems and business challenges and devise simple and elegantly designed Chat Components.
• Create high-quality wireframes, mocks, and cross-platform interactive prototypes to help define the best solutions for iOS, Android, and Web (React Native) platforms.
• Create and build a universal design language and system across three Chat use cases.

The design philosophy of this Chat Components was to provide other designers with a 95% complete starting point. This means that we needed to create a robust design system with relatively generic styling while still showcasing the unique features of each use case.

Each layer saved in SKETCH must be properly grouped and named following the naming conventions shared with REACT components on Docs/GitHub. 

The look and feel of these components are meant to be generic and customizable to make a quick POC. But still, I intentionally keep them on-brand by following the company's style guidelines, the same color palette, and typography so that all the visual elements across our marketing webpages, banner ads, marketing collaterals, or landing pages are cohesive and consistent in general.