01
Process
Falcon Design System
Designing a finanical news app
Building a design system for CRMAs our company grew, the demand for multiple internal tools and platforms escalated rapidly. We found ourselves designing custom interfaces for various platforms, including web chats, WhatsApp integrations, and advisor portals. With the expansion of products and features, maintaining consistency across these platforms became increasingly challenging, leading to a sprawling and unmanageable user interface (UI) landscape.
To address this issue, we recognized the urgent need for a unified design language that could bring cohesion and manageability to our UI sprawl. However, implementing an official design system felt like a daunting task, as we grappled with the challenge of achieving consistency across platforms while still meeting specialized UI/UX requirements.
Role
Product Designer
Duration
4 months
Tools
Figma
Protopie
component library
Documentation
02
Overview
Problem
How might we establish a cohesive and consistent user experience across all our platforms and products while accommodating specialized UI/UX needs, improving development efficiency, and reinforcing our brand identity?
Outcome
Developed a comprehensive design system that establishes a unified design language, reusable UI components, and consistent user experience across all platforms while improving development efficiency and reinforcing brand identity.
Developing 3D icons was one of the innovative things we have done. We followed the guidelines from the Google Material Design, and I created these icons in Blender and rendered them using the Cycles rendering engine.
Figma
React
Blender

Tailwind CSS